@charset "utf-8";
@import url("reset.css");

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.mb{display: none;}
/* shareway.css */
body{font-family: 'Noto Sans KR', sans-serif;}
header{z-index:101;position: fixed;left:0;top:0;width:100%;height:90px}

h1{width:113px;position: absolute;left:0;top:22px}
h1 img{width:100%;vertical-align: top;}
.gnbWrap{z-index:102;position: fixed;left:0;right:0;width:1600px;margin:0 auto;}
.gnb{position: absolute;right: 0;top:30px}
.gnb li{float: left;margin-left:50px}
.gnb li a{display: block;color:#fff;font-size: 20px;font-weight: 400;font-family: 'Oxygen', sans-serif;}
header.on{border-bottom:1px solid #8488C2;background: rgba(255,255,255,0.1);backdrop-filter: blur(10px);}
.headWrap{width:1600px;height:100%;margin:0 auto;box-sizing: border-box;position:relative;}
.gnbWrap.on .gnb li a{color:#111A51}

/* floating button */
.btnFloating {position: fixed; right: 40px; bottom: 40px; z-index: 100;}
.btnFloating a {display: flex; align-items: center; text-decoration: none;  padding: 24px 40px; border-radius: 40px;  
  background: linear-gradient(0deg, #ff4073, #5233FF ); 
  background: -moz-linear-gradient(0deg, #ff4073, #5233FF ); 
  background: -webkit-linear-gradient(0deg, #ff4073, #5233FF ); 
  background: -ms-linear-gradient(0deg, #ff4073, #5233FF ); 
  background: -o-linear-gradient(0deg, #ff4073, #5233FF ); 

  box-shadow: rgba(0, 0, 0, 0.16) 0 0 30px; 
  transition: background 0.5s ease;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -ms-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
}
.btnFloating a span { margin-left: 10px; color: #fff; font-size: 20px; font-weight: bold; line-height: 32px; letter-spacing: -0.051px; vertical-align: middle; 
  transition: color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -ms-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;

}
.btnFloating a img {width: 32px; height: 32px; object-fit: contain;}

.btnFloating.on a{background: #fff;}
.btnFloating.on a span { color: #283246;}


/* sectnWrap */
.sectnWrap{width:1600px;margin:0 auto;padding-top:120px;box-sizing: border-box;}
.sectnWrap h2{font-family: 'Poppins', sans-serif; font-size:48px; font-weight: 700; line-height: 1.4; color:#1A1A1A;}
.sectnWrap h3{font-size:20px;font-weight: 400;color:#1A1A1A}

/* section1 */
.sectn1{width:100%;height:1080px;background: url(../img/sw/s1_bg.png)no-repeat center top;background-size: cover;}
.sn1Wrap{width:1600px;height:100%;margin:0 auto;position: relative;}
.sn1Txt{z-index:1;position: absolute;top:240px;left:0}
.sn1Txt p{font-family: 'Poppins', sans-serif;font-size:120px;font-weight:600;color:#fff}
.sn1Txt p:nth-of-type(1){font-size:80px;}
.sn1Txt p:nth-of-type(2){}
.sn1Txt p:nth-of-type(3){color:rgba(255,255,255,0.5)}
.sn1Vs{position: absolute;right:0;bottom:0;width:990px;height:809px;background: url(../img/sw/s1_bg_cont.png)no-repeat center bottom;background-size: 100% }

/* section1 text renewal 20250103 */
.sectn1n .sectnWrap {padding: 240px 0 245px; position: relative; overflow: hidden;}
.sectn1n .mainTit p {font-family: 'GmarketSansMedium', sans-serif; font-size: clamp(32px, 3.82vw, 64px); color: #000; font-weight: 500; margin-bottom: 80px; line-height: 1.5; letter-spacing: -0.5px;}
.sectn1n .subTit p {margin-left: auto; width: fit-content; font-size: clamp(16px, 1.5vw, 24px); color: rgba(0,0,0,0.6); word-break: keep-all; line-height: 1.5;}

/* section2 */
/* .sectn2 .sectnWrap{border-bottom:1px solid #D9D9D9;padding-bottom:80px}
.slideVs{width:100%}
.slide .slick-prev, .slide .slick-next{z-index: 1;width:auto;height:auto}
.slide .slick-prev{left:-50px}
.slide .slick-next{right:-50px}
.slick-prev:before, .slick-next:before{display: none}
.slideTxtBox{margin-top:-120px;box-sizing: border-box;max-height:320px;overflow: hidden;word-break:keep-all;}
.slideTxtBox dt{position: relative;left:60px;width:640px;background: #fff;padding:30px;font-size:32px;font-weight: 700;color:#1a1a1a;margin-bottom:30px;line-height:46px;box-sizing: border-box;}
.slideTxtBox dd{padding:0 90px;box-sizing: border-box;}
.slideTxtBox dd p{font-size:20px;font-weight: 400;color:#1a1a1a;margin-bottom:15px}
.slideTxtBox dd li{float: left; width:12.5%;margin-right:2%;box-sizing: border-box;word-break: keep-all;}
.slideTxtBox dd li:last-of-type{margin-right:0}
.slideTxtBox dd li span{font-size:16px;font-weight: 400;color:#1a1a1a;}
.slideTxtBox dd li strong{display: block;font-size:16px;font-weight: 500;margin-bottom:15px;color:#1a1a1a}

.slide .slick-dots{bottom: inherit;top: -80px;left:0}
.slide .slick-dots li{float:left}
.slide.slick-dotted.slick-slider{margin-bottom: 0;margin-top:165px;}
.slide .slick-dots li{width:auto;height:auto;margin:0;margin-right:45px;}
.slide .slick-dots li:last-of-type{margin-right:0}
.slide .slick-dots li button{width:auto;height:auto;padding:0}
.slide .slick-dots li button:before{font-size: 24px;font-weight:500;color:#1a1a1a;width:auto;height:auto;opacity: 1;width: auto;height: auto;display: inline-block;position: inherit;}
.slide .slick-dots li:nth-of-type(1) button:before{content:"Beautytab";}
.slide .slick-dots li:nth-of-type(2) button:before{content:"System Intergration";}
.slide .slick-dots li:nth-of-type(3) button:before{content:"Interview";}
.slide .slick-dots li.slick-active button:before{opacity: 1;position: relative;z-index: 1}
.slide .slick-dots li.slick-active button:after{content:"";display: block;width:100%;height:5px;background: linear-gradient(to right, #8488C2, #B9B5FF);position: relative;top:6px} */


/* section2 renewal 20250103 */

.sectn2 {background:url('../img/sw/s2_bg.png')no-repeat; background-size: cover; background-position: top center;}
.sectn2 .sectnWrap {padding: 240px 0;}
.sectn2 .sectnWrap h2 {color: #fff; margin-bottom: 80px;}
.sectn2 ul{display: flex; flex-direction: column; overflow: hidden;}
.sectn2 ul li {}
.sectn2 ul li:not(:last-child){ margin-bottom: 240px;}
.sectn2 ul li .s2Cont {position: relative; width: 100%; display: flex; justify-content: flex-end; align-items: flex-end; gap: 80px;}
.sectn2 ul li:nth-child(2) .s2Cont {justify-content: space-between;}
.sectn2 ul li:nth-child(2n+1) .s2Cont {flex-flow: row-reverse;}
.sectn2 ul li img {max-width: 720px; width: 50%; height: auto;}
.sectn2 ul li .s2TextWrap * {color: #fff; }
.sectn2 ul li .s2TextWrap h4 {width: fit-content; font-family: 'Poppins', sans-serif; font-size: clamp(44px, 5vw, 72px); font-weight: 600; line-height: 1.4; margin-bottom: clamp(20px, 2.08331vw, 40px);}
.sectn2 ul li .s2TextWrap p {font-size: clamp(16px, 1.5vw, 24px); line-height: 1.46;}
.sectn2 ul li .s2TextWrap .s2Info {display: flex; margin-top: clamp(30px, 4.16666vw, 80px); gap: 20px;}
.sectn2 ul li .s2TextWrap .s2Info a {display: block; width: 308px; max-height: 78px; background-color: rgba(255,255,255,.12); border-radius: 10px; border: 1px solid #fff; font-size: clamp(18px, 1.5vw, 20px); font-weight: bold; padding:25px 5px; text-align: center;}



/* section3 renewal 20250114 */

.sectn3n .sectnWrap{padding: 240px 0;}
.sectn3n .sectnWrap h2 {margin-bottom: 80px;}
.visWrap {display: flex; gap: 40px;}
.visWrap .visIt { flex: 1 1 20%; width: 100%; height: 640px; box-sizing: border-box; transition: flex 1200ms cubic-bezier(0.23, 1, 0.32, 1); will-change: width;}
.visWrap .visIt::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.1;}
.visInnovation {position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 40px; overflow: hidden; background-image: url(../img/sw/vision_innovation.png);}
.visPartner {position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 40px; overflow: hidden; background-image: url(../img/sw/vision_partnerships.png);}
.visGlobal {position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 40px; overflow: hidden; background-image: url(../img/sw/vision_global.png);}
.visImpact {position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 40px; overflow: hidden; background-image: url(../img/sw/vision_Impact.png);}
.visText {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; z-index: 1
  ;box-sizing: border-box;}
.visText span {display: block; font-size: clamp(28px, 2.5vw, 32px); line-height: 1.4; font-weight: bold;  font-family: 'Poppins', sans-serif; color: #fff; text-shadow: rgba(0,0,0,0.25) 0 0 20px; white-space: nowrap;}
.visText p { font-size: 0; opacity: 0; color: #fff; white-space: nowrap;}

.visWrap .visIt:hover {flex: 0 1 640px; width: 100%; max-width: 640px;}
.visWrap .visIt:hover::after {opacity: 0.4;}
.visWrap .visIt:hover .visText {flex-direction: column;}
.visWrap .visIt:hover span {font-size: clamp(36px, 5vw, 48px); margin-bottom: 20px;}
.visWrap .visIt:hover p {display: block; opacity: 1; font-size: clamp(16px, 1.95vw, 24px); transition:opacity 0.3s 0.3s;}


/* section3 */
.sectn3 .sectnWrap{padding-bottom:120px}
.sectn3In{margin-top:120px}
.sectn3In li{width:33.333%;float: left;}
.videoWrap{width:320px;height:320px;margin:0 auto 30px;box-sizing: border-box;overflow: hidden;
  border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;}
.videoWrap video{height:320px;width:auto;margin-left: -125px;}
.sectn3In h5{font-size: 32px;font-weight: 700;color:#1a1a1a;margin-bottom:20px;text-align: center;}
.sectn3In h5 + p{font-size: 24px;font-weight: 400;color:#454545;text-align: center;}


.sectn3In li .videoWrap{transition: all 0.25s linear 0s}
.sectn3In li:nth-of-type(-n+2) .videoWrap{cursor:pointer}
.sectn3In li:nth-of-type(-n+2) .videoWrap:hover + h5{color:#111A51}
.sectn3In li:nth-of-type(-n+2) .videoWrap:hover + h5 + p{color:#1a1a1a}
.sectn3In li:nth-of-type(1) .videoWrap{box-shadow: 0px 0px 10px 0px rgb(100,0,255,0.5);}
.sectn3In li:nth-of-type(2) .videoWrap{box-shadow: 0px 0px 10px 0px rgb(0, 36,255,0.5);}
.sectn3In li:nth-of-type(1) .videoWrap:hover{box-shadow: 0px 0px 30px 0px rgb(100,0,255,0.5);transform: scale(1.05);}
.sectn3In li:nth-of-type(2) .videoWrap:hover{box-shadow: 0px 0px 30px 0px rgb(0, 36,255,0.5);transform: scale(1.05);}



/* section4 */
.sectn4 .sectnWrap{width:100%}
.sectn4In{width:100%}
.sectn4 .subTitWrap{width:1600px;margin:0 auto;}
.sectn4 .yrTitFix{width:1600px;margin:124px auto 0;position: absolute;left:0;right:0;}
.sectn4 .yrTit{width:45%;float: left;}
.sectn4 .yrTit h5{width:1600px;margin:0 auto;position: absolute;left:0;right:0;}
.sectn4 .yrTit h5 strong{font-size:240px;font-weight: 900;-webkit-text-stroke: 1px #454545;color: #fff}
.sectn4 .slick-active .yrTit h5 strong{-webkit-text-stroke: initial; background: linear-gradient(105deg, #E86092, #318FDB); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sectn4 .yrTit h5 span, .sectn4 .yrTitFix h5 span{font-size:240px;font-weight: 900;color:rgba(0,0,0,0.1)}
.sectn4 .yrTit h5 span{color:transparent}


/* yrSlide */
.yrSlide{top:120px}
.yrSlide .yrSlideIn{width:100%;box-sizing:border-box;min-height:400px;margin-top:1px}
.yrSlide .slick-list{min-height:340px}
.yrSlide .slick-list .slick-slide{padding:0}
.yrSlide .yrSlPrev, .yrSlide .yrSlNext{border:none;background: transparent;cursor: pointer;position: absolute;left:calc(50% - 500px);z-index:1}
.yrSlide .yrSlPrev{top:-70px}
.yrSlide .yrSlNext{bottom:-70px}

/* yrSlInSlide */
.yrSlInSlide{width:55%;float: right;cursor: all-scroll;}
.yrSlInSlide .slick-slide{padding:0 20px !important;box-sizing: border-box;}
.yrSlInSlide .slick-slide li{overflow: hidden;box-sizing: border-box;}
.yrSlInSlideDots:after{content: "";display: block;clear: both;}
.yrSlInSlideDots li{float:left;cursor: pointer;}
.yrSlInSlideDots li button{width:100%;height:3px;background: #d9d9d9;border:none;color:transparent}
.yrSlInSlideDots li.slick-active button{height:7px;background: #E86092;position: relative;top:-2px}

.yrSlImg{width: 100%;height:150px;overflow:hidden;margin-bottom:30px;box-sizing:border-box;}
.yrSlImg img{width:100%}
.yrSlTxt strong{display: block;font-size:20px;font-weight: 700;color:#8488C2;margin-bottom:5px;word-break: keep-all;}
.yrSlTxt span{display: block;font-size:18px;font-weight: 400;color:#1a1a1a;word-break: keep-all;}

.yr2019 .yrSlInSlideDots li{}
.yr2020 .yrSlInSlideDots li{width:20%}
.yr2021 .yrSlInSlideDots li{width:25%}
.yr2022 .yrSlInSlideDots li{width:9.090909% !important;}
.yr2023 .yrSlInSlideDots li{width:7.692307% !important;}
.yr2024 .yrSlInSlideDots li{width:8.3333% !important;}


/* footer */
footer{width:100%;background: #1A1A1A;padding:60px;box-sizing: border-box;}
.footWrap{width:1600px;margin:0 auto;}
.footWrap p, .footWrap p span{font-size: 14px;font-weight: 400;color:#fff !important;}
.footWrap * {color: #fff !important; text-decoration: none;}
.footWrap p{margin-bottom:10px}
.footWrap p.compName{font-weight: 700}
.footWrap p.copy{margin-bottom:0}
.footWrap p span{display: inline-block;margin-right:13px}


@media screen and (max-width:1720px){
.slide .slick-prev, .slide .slick-next{top:40%}
.slide .slick-prev{left:20px}
.slide .slick-next{right:20px}
}

@media screen and (max-width:1660px){
.pc1600{display: none}
.headWrap, .gnbWrap, .sectnWrap, .sn1Wrap, .sectn4 .subTitWrap, .sectn4 .yrTit h5, .sectn4 .yrTitFix, .footWrap{width:90%}
/* section2 */
/* .sectn2 .sectnWrap{padding-bottom:60px}
.slideTxtBox{max-height: none;}
.slideTxtBox dd li{width:100%;float: none;}
.slideTxtBox dd li strong{font-size:18px;min-width:216px;display: inline-block;margin-right: 30px;margin-bottom:5px} */

/* section2 renewal 20250103 */
.sectn2 ul li .s2TextWrap .s2Info a {width: 50%;}



/* section4 */
.sectn4 .yrTit h5 span, .sectn4 .yrTitFix h5 span, .sectn4 .yrTit h5 strong{font-size:190px}
.yrSlInSlide .slick-slide{padding 0 15px !important}
.yrSlImg{margin-bottom:10px}
.yrSlide .yrSlPrev{top:-30px}
.yrSlide .yrSlNext{bottom:-30px}
.yrSlTxt strong{font-size: 18px}
.yrSlTxt span{font-size:14px}
.yrSlide .yrSlideIn{min-height: 300px;}
.yrSlide .slick-list{min-height:200px}
}

@media screen and (max-width:1200px){
/* sectnWrap */
.sectnWrap h2{font-size:35px}
.sectnWrap h3{font-size:18px}
/* section1 */
.sn1Txt{top:20%}
.sn1Txt p{font-size:80px}
.sn1Txt p:nth-of-type(1){font-size:60px}
/* section2 */
/* .slide.slick-dotted.slick-slider{margin-top:90px}
.slide .slick-dots{top:-60px}
.slideTxtBox{margin-top:0}
.slideTxtBox dt{left:0;padding:30px 0 20px;margin-bottom:10px;font-size:28px;line-height: normal;}
.slideTxtBox dd{padding:0}
.slideTxtBox dd p{font-size:16px;margin-bottom: 10px}
.slideTxtBox dd li strong{font-size:17px;min-width:185px}
.slideTxtBox dd li{font-size:16px}
.slide .slick-prev img, .slide .slick-next img{width:17px;height:31px}
.slide .slick-prev{left:-30px}
.slide .slick-next{right:-30px} */

/* section3 */
.sectn3 .sectnWrap{padding-bottom:70px}
.videoWrap{width:200px;height:200px;}
.videoWrap video{height:200px;width:200px;margin-left:0;transform: scale(1.8);
                  border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;}
.sectn3In h5{font-size:26px;margin-bottom: 8px}
.sectn3In h5 + p{font-size:16px}

/* section4 */
.yrSlide{top:0}
.sectn4In{width:100%;float:none;margin:0 auto;}
.sectn4 .yrTit, .yrSlInSlide{width:100%;float:none;}
.sectn4 .yrTitFix{display: none}
.sectn4 .yrTit h5{width:100%;position: inherit;text-align: center;}
.sectn4 .yrTit h5 span{color: rgba(0,0,0,0.1);}
.sectn4 .yrTit h5 strong{color: rgba(0,0,0,0.1);-webkit-text-stroke:inherit}
.sectn4 .slick-active .yrTit h5 span{background: linear-gradient(90deg, #E86092, #9276B4); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sectn4 .slick-active .yrTit h5 strong {background: linear-gradient(90deg, #9276B4, #318FDB); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sectn4 .slick-active .yrTit h5 strong{-webkit-text-stroke:inherit}
.sectn4 .yrTit h5 span, .sectn4 .yrTitFix h5 span, .sectn4 .yrTit h5 strong{font-size:120px}
.yrSlide .yrSlPrev{left:5%;}
.yrSlide .yrSlNext{right:5%;bottom: inherit;left: inherit}
.yrSlide .yrSlPrev, .yrSlide .yrSlNext{width:30px;height:60px;top:70px;transform: rotate(-90deg);}
.yrSlide .yrSlPrev img, .yrSlide .yrSlNext img{width:100%}
.yrSlImg{height:auto;max-height:150px}


/* footer */
footer{padding:30px 0}
.footWrap p, .footWrap p span{font-size:12px}
.footWrap p span{margin-right:0;display: block;}
.footWrap p.copy{margin-top:15px}
}

@media screen and (max-width:1024px){

  /* section1n */
  .sectn1n .sectnWrap {padding: 160px 0;}

  /* section2 renewal 20250103 */
  .sectn2 .sectnWrap {padding: 160px 0;}
  .sectn2 ul li .s2Cont {gap: 40px;}
  .sectn2 ul li:not(:last-child) {margin-bottom: 160px;}
  .sectn2 ul li .s2TextWrap .s2Info a {padding: 15px 5px;}

  /* section3 renewal 20250114 */
  .sectn3n .sectnWrap {padding: 160px 0;}
  .visWrap {gap: 30px;}

}

@media screen and (max-width:900px){
  /* section1 */
  .sn1Vs{width:480px;height:391.85px;}

  /* section2 renewal 20250103 */
  .sectn2 ul li .s2TextWrap .s2Info a {font-size: 16px;}

  /* section3 */
  .sectn3In h5{font-size:20px}
  .sectn3In h5 + p{font-size:14px}

}
@media screen and (max-width:800px){
  .gnb li{margin-left:33px}

  .sectn2 ul li .s2Cont {gap: 20px;}
}

@media screen and (max-width:700px){
/* mobile Menu */
.pcTb{display: none}
.mb{display: block;}
header{height:70px}
.headWrap{width:100%}
h1{z-index:101;top:15px;left:5%;}
.mbMenu{z-index:101;position: fixed;right:5%;top:19px;}
.mbMenu img{width:100%}
.mbMnopen{width:24px;height:21.6px;}
.mbMnClose{display: none;width:20px;height:20px;}
.gnbWrap{z-index:100;display: none;width:100%;height:100%;top:0;left:0;background: rgba(0,0,0,0.2);backdrop-filter: blur(25px);}
.gnb{right: inherit;top:20%;left: 5%}
.gnb li{float: inherit;margin:0;margin-bottom:40px;width: fit-content;}
.gnb li a{font-size: 48px;font-weight: 600;-webkit-text-stroke: 1px #fff;color:transparent;text-transform: uppercase;}
.gnb li.on:after{content:"";display: block;width:100%;height:5px;background: linear-gradient(to right, #8488C2, #B9B5FF);position: relative;top:6px}
.gnbWrap.on .gnb li a{color:transparent}
.gnbWrap .gnb li.on a{color:#fff}

/* floating button */
.btnFloating {right: 20px;}
.btnFloating a {padding: 12px 20px;}
.btnFloating a span { margin-left: 5px; font-size: 14px;  line-height: 24px; vertical-align: middle; letter-spacing: -0.01px;}
.btnFloating a img {width: 24px; height: 24px;}

/* sectnWrap */
.sectnWrap{padding-top:90px}
.sectnWrap h2{font-size:28px;}
.sectnWrap h3{font-size:16px}

/* section1 */
.sn1Txt p{font-size:56px}
.sn1Txt p:nth-of-type(1){font-size:32px}

/* section text renewal 20250103 */
.sectn1n .sectnWrap {padding: 120px 0;}
.sectn1n .mainTit p {font-size: 28px; margin-bottom: 60px;}
.sectn1n .subTit p {font-size: 16px;}

/* section2 */
/* .slide.slick-dotted.slick-slider{margin-top:75px}
.slide .slick-dots{width:100%;top:-55px;}
.slide .slick-dots li{margin-right:30px}
.slide .slick-dots li button:before{font-size:18px}
.slide .slick-dots li.slick-active button:after{top:0}
.slideTxtBox dt{font-size:20px}
.slideTxtBox dd p, .slideTxtBox dd li span, .slideTxtBox dd li strong{font-size:14px}
.slideTxtBox dd li strong{min-width:152px} */

/* section2 renewal 20250103 */

.sectn2 .sectnWrap {padding: 120px 0;}
.sectn2 .sectnWrap h2 {margin-bottom: 56px;}
.sectn2 ul{}
.sectn2 ul li {width: 100%;}
.sectn2 ul li:not(:last-child) {margin-bottom: 60px;}
.sectn2 ul li .s2Cont {flex-direction: column; justify-content: initial; align-items: initial; gap: 30px;}
.sectn2 ul li:nth-child(2n+1) .s2Cont {flex-flow: column;}
.sectn2 ul li img {position: relative; max-width: 100%; width: 100%; margin: 0 !important; height: 175px; object-fit: cover; object-position: center center; border-radius: 10px; overflow: hidden;}
.sectn2 ul li .s2TextWrap h4 {width: 100%; font-size: 40px; margin-bottom: 15px; line-height: 1.3;}
.sectn2 ul li .s2TextWrap p {width: 100%; font-size: 14px;}
.sectn2 ul li .s2TextWrap .s2Info {margin-top: 15px; gap: 10px;}
.sectn2 ul li .s2TextWrap .s2Info a {width: 100%; max-height: 48px; padding: 11px 0; font-size: 16px;}


/* section3 renewal 20250114 */

.sectn3n .sectnWrap {padding: 120px 0 30px;}
.sectn3n .sectnWrap h2 {margin-bottom: 26px;}
.visWrap {flex-direction: column; gap: 15px;}
.visWrap .visIt {flex: initial; height: 100px; transition: height 800ms cubic-bezier(0.165, 0.84, 0.44, 1)}
.visInnovation { border-radius: 20px; }
.visPartner { border-radius: 20px; }
.visGlobal { border-radius: 20px; }
.visImpact { border-radius: 20px; }
.visText span {font-size: 24px;}
.visWrap .visIt:hover {flex: initial; height: 200px; }
.visWrap .visIt:hover span {font-size: 32px; margin-bottom: 10px;}
.visWrap .visIt:hover p {font-size: 14px;}





/* section3 */
.sectn3 .sectnWrap{padding-bottom:30px}
.sectn3In{margin-top:30px}
.sectn3In li{height:150px;}
.sectn3In li{float: none;width:100%;margin-bottom:30px}
.sectn3In li:last-of-type{margin-bottom: 0}
.videoWrap{width:150px;height:150px;float:left;margin-right:20px}
.videoWrap{position: relative;border-radius: 5rem;mask-image: radial-gradient(#fff, #000);}
.videoWrap video{width:150px;height:150px;}

.sectn3In h5{padding-top:20px}
.sectn3In h5, .sectn3In h5 + p{text-align: left;}

/* section4 */
.sectn4In{margin-top:50px}
.sectn4 .yrTit h5 span, .sectn4 .yrTitFix h5 span, .sectn4 .yrTit h5 strong{font-size:48px}
.sectn4 .yrTit{margin-bottom:20px}
.yrSlide .yrSlPrev, .yrSlide .yrSlNext{top:20px;width:20px;height:40px}
.yrSlInSlide {text-align: center;}
.yrSlInSlideDots{display: inline-block !important;margin-top:30px}
.yrSlInSlideDots li{width:auto !important;margin-right:10px}
.yrSlInSlideDots li:last-of-type{margin-right:0}
.yrSlInSlideDots li button{width:14px;height:14px;border-radius: 50%;transition: 0.3s linear 0s}
.yrSlInSlideDots li.slick-active button{width:30px;height:14px;border-radius: 20px;position: inherit;}
.yrSlTxt{text-align: left;}
.yr2022 .yrSlInSlideDots li,
.yr2023 .yrSlInSlideDots li, .yr2024 .yrSlInSlideDots li {width:auto !important}
}




@media screen and (max-width:460px){
.slideTxtBox dd li strong{min-width: auto;margin-bottom:0}
.slideTxtBox dd li span{display: none}


}

@media screen and (max-width:440px){
.slide .slick-dots li{margin-right:20px}
.slide .slick-dots li button:before{font-size:16px}
}

@media screen and (max-width:380px){
.slide .slick-dots li button:before{font-size:14px}
}
@media screen and (max-width:370px){
/* sectnWrap */
.sectnWrap h2{font-size:26px;}
.sectnWrap h3{font-size:14px}

.sectn2 ul li h4 {font-size: 48px;}

}