@charset "utf-8";
pre { white-space: pre-wrap; overflow: hidden; }
.swiper { width: 100%; height: 100%; }
.swiper-slide { }
.swiper-slide img { display: block; }


#ms { width: 100%; height: 245.8333vw; background: #fff; position: relative; }
#ms .swiper-slide { position: relative; width: 100%; height: 100%; }
#ms .swiper-slide > video { width: 100%; }
#ms .swiper-slide > p { width: 100%; }
#ms .swiper-slide > p > img { width: 100%; }

#ms .swiper-slide > div { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; padding: 0 4.4444vw 106.6667vw; box-sizing: border-box; }
#ms .swiper-slide > div > p { font-size: 7.5000vw; font-weight: 900; line-height: 9.1667vw; margin-bottom: 6.1111vw; font-family: 'HD'; text-transform: uppercase; }
#ms .swiper-slide > div > .more { width: 33.6111vw; height: 11.1111vw; border: 1px solid #fff; border-radius: 0.8333vw; color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 3.6111vw 2.9167vw 3.7500vw; box-sizing: border-box; font-size: 3.8889vw; letter-spacing: -0.0389vw; }
#ms .swiper-slide > div > .more > span { margin-bottom: 0.4167vw; }
#ms .swiper-slide video { width: 100%; height: 100%; object-fit: cover; object-position: center; }

#ms .controls { position: absolute; bottom: 95.0000vw; display: flex; z-index: 1; align-items: center; left: 0; }
#ms .controls .swiper-pagination { width: 100%; height: 0; position: static; background: rgba(255,255,255,0.3) !important; }
#ms .controls .swiper-pagination > span { width: 0; height: 100%; background: rgba(255,255,255,1) !important;  display: block; }
#ms .controls .swiper-pagination.active { height: 0.5556vw; }

#ms #progress { width: 100%; height: 0; position: absolute; background: rgba(255,255,255,0.3) !important; left: 0; top: 0; }
#ms #progress.active { height: 0.5556vw; }
#ms #progress > span { width: 0; height: 100%; background: rgba(255,255,255,1) !important;  display: block; transition-timing-function: linear; transition-property: width; }

#ms .ms-banner { position: absolute; width: 100%; left: 0; bottom: 11.1111vw; height: 72.7778vw; box-sizing: border-box; z-index: 2; }
#ms .ms-banner > div { width: 100%; height: 100%; background: #fff; border-radius: 1.3889vw; border-top: 1.3889vw solid #003087; box-sizing: border-box; padding: 0 4.4444vw; }
#ms .ms-banner > div > p:nth-of-type(1) { margin: 3.3333vw 0 4.4444vw; }
#ms .ms-banner > div > p:nth-of-type(2) { font-family: 'HD';font-size: 5.5556vw; font-weight: 700; line-height: 7.7778vw; letter-spacing: -0.0556vw; }
#ms .ms-banner > div > ul { margin: 7.9167vw 0 0; border-top: 1px solid #000; display: flex; flex-wrap: wrap; }
#ms .ms-banner > div > ul > li { width: 50%; height: 14.1667vw; display: flex; align-items: center; border-bottom: 1px solid #e2e2e2; }
#ms .ms-banner > div > ul > li:last-child { border-bottom: 0; }
#ms .ms-banner > div > ul > li > a { font-size: 3.8889vw; letter-spacing: -0.0389vw;  color: #666; display: flex; align-items: center; }
#ms .ms-banner > div > ul > li > a > svg { margin-left: 2.7778vw; }

#wrap.en #ms .ms-banner > div > p:nth-of-type(2) { line-height: 6.6667vw; }
#wrap.en #ms .ms-banner > div > ul { margin: 4.3056vw 0 0; }


.section { width: 100%; position: relative; box-sizing: border-box; }
.section1 { padding: 13.6111vw 4.4444vw 0; }
.section1 .stock {}
.section1 .stock > ul { display: flex; justify-content: flex-start; align-items: center; width: 100%; }
.section1 .stock > ul > li { font-size: 3.3333vw; letter-spacing: -0.0333vw; }
.section1 .stock > ul > li > h2 { font-weight: 900; }
.section1 .stock > ul > li > span { color: #9CA3A7; }
.section1 .stock > ul > li:nth-of-type(2) { margin-left: 5.8333vw; position: relative; }
.section1 .stock > ul > li:nth-of-type(2)::after { content: ''; position: absolute; left: -2.9167vw; top: 0.1389vw; width: 0.2778vw; height: 3.3333vw; background: #000; }
.section1 .stock > div { margin-top: 3.0556vw; }
.section1 .stock > div > div { width: 100%; display: flex; justify-content: space-between; position: relative; }
.section1 .stock > div > div > p.price { font-family: 'HD'; font-size: 10.8333vw; font-weight: 900; letter-spacing: -0.2167vw; }

.section1 .stock > div > div > div { display: flex; flex-direction: column; align-items: flex-end; margin-top: 1.3889vw; }
.section1 .stock > div > div > div > p.datetime { font-size: 3.3333vw; color: #9CA3A7; letter-spacing: -0.0333vw; display: flex; align-items: center; }
.section1 .stock > div > div > div > p.datetime .time { margin-left: 1.1111vw; }

.section1 .stock > div > div > div > div { display: flex; margin-top: 1.5278vw; }
.section1 .stock > div > div > div > div > p.updown,
.section1 .stock > div > div > div > div > p.percent { font-size: 4.1667vw; font-weight: 700; letter-spacing: -0.0417vw; margin-bottom: 0; }
.section1 .stock > div > div > div > div > p.updown { position: relative; padding-left: 4.1667vw; }
.section1 .stock > div > div > div > div > p.updown::after { content: ''; position: absolute; left: 0; width: 0; height: 0; border-left: 0.8333vw solid transparent; border-right: 0.8333vw solid transparent; }
.section1 .stock > div > div > div > div > p.updown.up::after { border-top: 1.9444vw solid transparent; border-bottom: 1.5278vw solid #fe0103; bottom: 0.8333vw; }
.section1 .stock > div > div > div > div > p.updown.down::after { border-top: 1.5278vw solid #008233; border-bottom: 1.9444vw solid transparent; top: 1.6667vw; }
.section1 .stock > div > div > div > div > p.percent { margin-left: 4.1667vw; }

.section1 .stock > div > ul { display: flex; margin-top: 5.8333vw; }
.section1 .stock > div > ul > li~li { margin-left: 2.2222vw; }
.section1 .stock > div > ul > li > a { width: 44.4444vw; height: 12.5000vw; border: 1px solid #000; border-radius: 0.8333vw; color: #000; display: flex; justify-content: space-between; align-items: center; padding: 0 4.1667vw; box-sizing: border-box; font-size: 3.8889vw; font-weight: 500; letter-spacing: -0.0389vw; }
.section1 .stock > div > ul > li > a > span { margin-bottom: 0.4167vw; }

.section1 .news { margin-top: 11.2500vw; border-top: 2px solid #000; padding: 12.6389vw 0 0; }
.section1 .news > div { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.section1 .news > div > h2 { font-size: 7.2222vw; font-weight: 900; letter-spacing: -0.1444vw; line-height: 7.5000vw; }
.section1 .news > div > p { color: #008233;  font-size: 4.1667vw; font-weight: 700; letter-spacing: -0.0417vw; }
.section1 .news > div > p > a { color: inherit; display: flex; align-items: center; }
.section1 .news > div > p > a > span { margin: -0.2778vw 2.0833vw 0 0; }
.section1 .news > ul { margin: 0; }
.section1 .news > ul > li { width: 100%; padding: 4.1667vw 0 5.5556vw; }
.section1 .news > ul > li~li { border-top: 1px solid #dcdfe0; }
.section1 .news > ul > li > p:nth-of-type(1) { font-size: 3.8889vw; letter-spacing: -0.0389vw; color: #9ca3a7; line-height: 7.5000vw; }
.section1 .news > ul > li > p:nth-of-type(2) { margin-top: 0.0000vw; }
.section1 .news > ul > li > p:nth-of-type(2) > a { font-size: 4.7222vw; letter-spacing: -0.0472vw; line-height: 7.5000vw; word-break: keep-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.section1 .news > ul > li > p:nth-of-type(3) { display: none; /* margin-top: 4.8611vw; font-size: 2.3611vw; letter-spacing: -0.0236vw; line-height: 1.4; word-break: keep-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;  */}

#wrap.en .section1 .stock > ul { justify-content: space-between; }
#wrap.en .section1 .stock > ul > li:nth-of-type(2)::after { content: ''; position: absolute; left: -28.7500vw; top:50%; width: 25.9722vw; height: 0.1389vw; background: #000; }
#wrap.en .section1 .stock > div { margin-top: 4.1667vw; }

#wrap.en .section1 .stock > div > ul { display: block; margin-top: 7.6389vw; }
#wrap.en .section1 .stock > div > ul > li { width: 100%; }
#wrap.en .section1 .stock > div > ul > li~li { margin-left: 0; margin-top: 4.1667vw; }
#wrap.en .section1 .stock > div > ul > li > a { width: 100%; height: 14.7222vw; border: 1px solid #000; border-radius: 0.8333vw; color: #000; display: flex; justify-content: space-between; align-items: center; padding: 0 5.5556vw; box-sizing: border-box; font-size: 4.4444vw; font-weight: 500; letter-spacing: -0.0444vw; }
#wrap.en .section1 .stock > div > ul > li > a > span { margin-bottom: 0.4167vw; }



.section2 { padding: 0 4.4444vw 14.8611vw; margin-top: 6.9444vw; }
.section2 > hr { width: 100%; height: 0.2778vw; background: #000; margin-bottom: 13.8889vw; }
.section2 > p { border-radius: 1.6667vw; overflow: hidden; }
.section2 > pre { font-family: 'HD';font-size: 5.5556vw; font-weight: 700; letter-spacing: -0.0556vw; line-height: 7.7778vw; margin: 6.3889vw 0 0; }
.section2 > a { font-size: 4.1667vw; line-height: 7.5000vw; color: #48535a; letter-spacing: -0.0417vw; margin: 2.7778vw 0 0; display: flex; align-items: center; }
.section2 > a svg { width: 1.8056vw; margin-left: 2.0833vw; margin-top: 0.2778vw; }

#wrap.en .section2 { margin-top: 12.5000vw; }
#wrap.en .section2 > pre { line-height: 7.5000vw; }
#wrap.en .section2 > a { margin-top: 4.1667vw; }


.section3 { height: 52.7778vw; background: #003087; color: #fff; padding: 4.8611vw 4.4444vw 5.6944vw; display: flex; flex-direction: column; justify-content: space-between; }
.section3 > p { font-family: 'HD';font-size: 5.5556vw; line-height: 8.0556vw; letter-spacing: -0.0556vw; }
.section3 > ul { display: flex; justify-content: flex-end; }
.section3 > ul > li {}
.section3 > ul > li~li { margin-left: 8.6111vw; }
.section3 > ul > li+li { position: relative; }
.section3 > ul > li+li::after { content: ''; position: absolute; left: -4.3056vw; top: 0.9722vw; width: 0.2778vw; height: 3.8889vw; background: #3074b6; }
.section3 > ul > li > a { color: #fff; font-size: 4.1667vw; line-height: 5.5556vw; letter-spacing: -0.0389vw; display: flex; align-items: center; }
.section3 > ul > li > a svg { margin-left: 2.7778vw; }

#wrap.en .section3 > p { font-weight: 200; line-height: 7.5000vw; }
#wrap.en .section3 > ul > li > a { font-size: 3.8889vw; line-height: 4.5833vw; }
#wrap.en .section3 > ul > li+li::after { top: 0.4167vw; }

.section4 { height: 127.7778vw; padding-top: 17.5000vw; padding-bottom: 11.1111vw; display: flex; flex-direction: column; justify-content: space-between; background: url('../img/main/sec4-bg.png') center/100% no-repeat; }
.section4 > p { font-family: 'HD';font-size: 9.4444vw; font-weight: 700; letter-spacing: -0.1889vw; line-height: 11.9444vw; color: #fff; }
.section4 > ul { display: flex; }
.section4 > ul > li~li { margin-left: 2.2222vw; }
.section4 > ul > li > a { width: 44.4444vw; height: 12.5000vw; border: 1px solid #fff; padding: 0 4.1667vw; box-sizing: border-box; border-radius: 0.8333vw; display: flex; font-size: 3.8889vw; font-weight: 500; letter-spacing: -0.0389vw; justify-content: space-between; align-items: center; color: #fff; }
.section4 > ul > li > a svg { width: 3.8889vw; height: 1.6667vw; }

#wrap.en .section4 { padding-top: 16.6667vw; }
#wrap.en .section4 > p { line-height: 11.1111vw; }
#wrap.en .section4 > ul > li > a { font-size: 4.1667vw; }


.section5 { padding-top: 12.5000vw; padding-bottom: 11.1111vw; }
.section5 > p { font-family: 'HD'; font-size: 7.2222vw; font-weight: 900; line-height: 8.8889vw; margin-bottom: 6.1111vw;}
.section5 > p:nth-of-type(2) { padding-top: 11.1111vw; border-top: 0px solid #000; }

.section5 > div { width: 100%; height: 51.3889vw; margin-top: 6.1111vw; border-radius: 1.6667vw; overflow: hidden; position: relative; }
.section5 > div img { width: 100%; height: 100%; object-fit: cover; }
.section5 > div > a { position: absolute; width: 13.0556vw; height: 13.0556vw; border-radius: 6.5278vw; background: #008233; right: 4.1667vw; bottom: 4.1667vw; display: flex; justify-content: center; align-items: center; }
.section5 > div > a > span { width: 0; height: 0; border-bottom: 1.3194vw solid transparent; border-top: 1.3194vw solid transparent; border-left: 1.8056vw solid #fff; border-right: 1.8056vw solid transparent; transform: translate(1.3889vw, 0); }



.section6 { padding-bottom: 13.8889vw; }
.section6 > p { padding-top: 11.1111vw; border-top: 2px solid #000; }
.section6 > p > a { display: block; }
.section6 > div { margin-top: 6.1111vw;}

.section6 > ul { margin-top: 2.7778vw; }
.section6 > ul > li { width: 100%; display: flex; flex-direction: column; justify-content: center; padding: 5.5556vw 0; }
.section6 > ul > li~li { border-top: 1px solid #dcdfe0; }
.section6 > ul > li > a > p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; box-sizing: border-box; }
.section6 > ul > li > a > p:nth-of-type(1) { font-size: 4.7222vw; font-weight: 500; color: #000; letter-spacing: -0.0472vw; line-height: 6.8056vw; }
.section6 > ul > li > a > p:nth-of-type(2) { font-size: 4.1667vw; color: #999; letter-spacing: -0.0417vw; line-height: 6.3889vw; margin-top: 1.5278vw; }



#layer-bg.active { background: rgba(0,0,0,0.9); z-index: 999; justify-content: center; align-items: center; padding: 0 4.4444vw; box-sizing: border-box; }
#layer-bg.active > div { position: relative; width: 100%; padding: 0 0 56.25%; border-radius: 1.3889vw; overflow: hidden; }
#layer-bg.active > div > iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#layer-bg.active .close { position: absolute; right: 4.4444vw; top: 6.9444vw; cursor: pointer; width: 9.7222vw; height: 9.7222vw; }
#layer-bg.active .close img { width: 100%; }