@charset "utf-8";

/* sub */
.new_font * { font-family: 'Noto Serif', serif; letter-spacing:0;  }
#subWrap .subVisual{ width: 100%; height: 480px; position: relative; }
#subWrap .subVisual .txtBox{ position: absolute; transform:translate(-50%,-50%); top: 55%; left: 50%; z-index: 3;}
#subWrap .subVisual .txtBox h2{ color:#fff; font-weight: 500; }
#sv .bg {  z-index: -2; transition: all 0.7s linear; width: 100%;  height: 100%; background-size: cover; background-repeat: no-repeat;  background-position: center center; }
#sv.sv00 .bg { background-image: url("/img/sub/portfolio_bg.jpg"); }
#sv.sv03 .bg { background-image: url("/img/sub/portfolio_bg.jpg"); }
#sv.sv04 .bg { background-image: url("/img/sub/request_bg.jpg"); }
#sv.sv05 .bg { background-image: url("/img/sub/request_bg.jpg"); }
#subContents{ padding: 190px 0 0;}
#subContents section h2.title{ text-align: center; color:#000; margin-bottom: 80px; font-size:20px; }
#subBg{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%;}
#subBg img{ width: 100%;}

#portfolio{}
#portfolio .ctnBox{}
#portfolio .ctnBox .itemBox{ display:flex; align-items:center; }
#portfolio .ctnBox .itemBox figure{ width: 50%; position: relative; }
#portfolio .ctnBox .itemBox figure img{ width: 100%;}
/*#portfolio .ctnBox .itemBox figure:after{ width: 100%; height: 100%; content:''; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.5); transition: width 1.2s, opacity 1.5s;;}*/
/*#portfolio .ctnBox .itemBox figure.on:after{ width: 0; opacity: 0;}*/
#portfolio .ctnBox .itemBox .txtBox{ color:#000; width: 50%; flex-shrink: 1; padding: 0 0 0 80px; opacity: 1; transform: none;}
#portfolio .ctnBox .itemBox .txtBox .info{ font-weight: 800; }
#portfolio .ctnBox .itemBox .txtBox h5{ font-weight: 800; margin: 40px 0;}
#portfolio .ctnBox .itemBox .txtBox .titlebox { margin: 40px 0; display:flex; align-items:center; }
#portfolio .ctnBox .itemBox .txtBox .titlebox h5 { margin:0 10px 0 0; }
#portfolio .ctnBox .itemBox .txtBox .titlebox img { vertical-align:middle; margin-left:35px; }
#portfolio .ctnBox .itemBox .txtBox .txt{ line-height: 1.8; margin-bottom: 112px; letter-spacing:-0.02em;}
#portfolio .ctnBox .itemBox .txtBox .infoBox li{ font-size:1.7rem; line-height: 2.2;}
#portfolio .ctnBox .itemBox .txtBox .infoBox li span{ font-weight: 800; width: 180px; display:inline-block; letter-spacing:0px;  margin-right: 43px; letter-spacing:-0.02em;}
#portfolio .ctnBox .itemBox .txtBox .infoBox li span i{ margin-right: 8px; font-size:1.8rem; }
#portfolio .ctnBox .itemBox .txtBox .infoBox li i.link{ margin-left: 7px;}
#portfolio .ctnBox .itemBox .txtBox .infoBox li a{ color:#000; }
#portfolio .ctnBox .itemBox:nth-child(2n){ background: #F5F5F5;}
#portfolio .viewBox{ padding: 185px 0 165px; text-align: center; }
#portfolio .viewBox button{ color:#000; font-weight: 800; margin: 0 auto; font-size:1.8rem; }
#portfolio .viewBox button:after{ position: absolute; content:''; width: 100%; height: 1.3px; background: #000; display:block;  bottom: -9px; }
#portfolio .viewBox button i{ font-weight: 600; margin-left: 85px;}

#request{}
#request h2.title span a{ color:#1C4D9A; text-decoration:underline; text-underline-offset:7px; font-size:20px;}
#request .ctnBox{ display:flex; flex-direction:column; gap:30px ;}
#request .ctnBox .Boxwrap{ display:flex; gap:30px;}
#request .ctnBox .Boxwrap .itemBox{ width: calc((100% - 30px) / 2);}
#request .ctnBox .Boxwrap .itemBox input{ margin-left: 10px; width: 80%; background: #f5f5f5;}
#request .ctnBox .itemBox{ background: #F5F5F5; padding: 25px 50px; color:#000; font-weight: 800;}
#request .ctnBox .itemBox span{ color:#F10B42; margin-left: 7px;}
#request .ctnBox .itemBox textarea{ width: 100%; height: 180px; background: #f5f5f5;}
#request .ctnBox .itemBox2 p{ margin-bottom: 20px;}
#request .ctnBox .itemBox3{ display:flex; align-items: center; position: relative; }
#request .ctnBox .itemBox .filebox{ width: 50%; margin-left: 65px;}
#request .ctnBox .itemBox .filebox .upload-name { display: inline-block; padding: 0 10px; width: 80%; color: #999999; pointer-events: none; background: #f5f5f5; color:#555; }
#request .ctnBox .itemBox .filebox label.txt{  display: inline-block; color: #fff;  background: #555;  cursor: pointer; position: absolute; top: 0; right: 0; height: 100%; font-size:1.8rem;  font-weight: 600;
display:flex; align-items: center; padding: 0 50px; letter-spacing:0px; }
#request .ctnBox .itemBox .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0;  overflow: hidden; border: 0;}
#request .ctnBox .checkBox{ margin: 50px 0 90px; display:flex; justify-content: center;}
#request .ctnBox .checkBox .agreeBox{ display:flex; align-items: center;}
#request .ctnBox .checkBox .agreeBox label{ cursor:pointer; }
#request .ctnBox .checkBox .agreeBox label p{ font-size: 1.8rem; color:#000; }
#request .ctnBox .checkBox .agreeBox input[type="checkbox"] + label.box{ border:1px solid #aaa; width: 27px; height: 27px; display:inline-block; margin-right: 18px; }
#request .ctnBox .checkBox .agreeBox input[type="checkbox"]:checked + label{ background: url("/img/sub/request_check.png") no-repeat center;}
#request .ctnBox .checkBox button{ color:#000;  font-weight: 800; margin-left: 35px;}
#request .ctnBox .checkBox button:after{ background: #000; bottom: -3px;}
#request .ctnBox button.inquiryBtn{ width: 300px; height: 85px; background: #000; color:#fff; font-weight: 700; margin: 0 auto 166px;}
#request .policyBox{ position: fixed; transform:translate(-50%,-50%); top: 50%; left: 50%; z-index: 103; background: #fff; padding: 55px 50px; width: 49.47916666666667%; height: 95%; display:none; }
#request .policyBox .txtWrap{ height: 85%; overflow-y: scroll;}
#request .policyBox .txtWrap::-webkit-scrollbar{ width: 6px; }
#request .policyBox .txtWrap::-webkit-scrollbar-thumb{ border-radius:30px; background: #222;}
#request .policyBox .txtWrap::-webkit-scrollbar-track{ background: #ccc;  border-radius:30px;}
#request .policyBox .title{ display:flex; align-items:center; justify-content:space-between; color:#000; }
#request .policyBox .title .font35{ font-weight: 700;}
#request .policyBox .title img{ cursor:pointer; }
#request .policyBox p.line{ width: 100%; height: 1px; background: #000; margin: 30px 0 50px;}
#request .policyBox .txtBox p{ font-size:1.7rem; letter-spacing:0px; }
#request .policyBox .txtBox p.num{ color:#111; font-weight: 600; margin-bottom: 12px;}
#request .policyBox .txtBox p.ctn{ line-height: 1.7;}
#request .policyBox .txtBox:not(:last-child){ margin-bottom: 50px;}
#request .policyBox .txtBox:last-child{ margin-bottom: 20px;}
#request .policyBox .txtBox ul{ padding: 0 10px;}
#request .policyBox .txtBox li{ font-size:1.6rem; margin-top: 0; }
#request .policyBox .privacy{ padding: 0 15px 0 0;}

#team{ position: relative; }
#team .symbol{ position: absolute; transform:translate(-50%,-50%); top: 35%; left: 50%; z-index: 1;  width: 85%;  margin: 0 auto;}
#team .people{ position:relative; background: linear-gradient( rgba(13,15,16,0), rgba(13,15,16,1) 5%); padding: 50px 0 200px 0;}
#team .people .itemBox{ position: relative; display:flex; z-index: 2;}
#team .people .itemBox.itemBox-f.on .imgBox{ position: fixed; padding: 0; top: 130px; transition:all 0.5s; }
#team .people .itemBox.itemBox-f.on .txtBox{ width: calc(100% - 630px); margin: 0 0 0 auto;}
#team .people .itemBox.itemBox-f.off .imgBox{ position: absolute; top: auto; bottom: 0; transition:all 0.5s; }
#team .people .itemBox .imgBox{ flex-shrink: 0; padding: 0 130px 0 0; }
#team .people .itemBox .txtBox{ letter-spacing:0; }
#team .people .itemBox .txtBox:not(:first-child){ margin-top: 70px;}
#team .people .itemBox .txtBox.txt_top { margin-top: -8px;}
#team .people .itemBox .txtBox .name{ color:#fff; font-weight: 500;}
#team .people .itemBox .txtBox .name span{ font-size:1.8rem; font-weight: 700; margin-left: 20px;}
#team .people .itemBox .txtBox .infoBox{ line-height: 1.8; margin-top: 45px; color:#fff; }
#team .people .itemBox .txtBox .infoBox p:not(:last-child){ margin-bottom: 30px;}
#team .people .itemBox:not(:last-child){ margin-bottom: 70px;}
#team .people .itemBox:nth-child(2n) .imgBox{ order:1; padding: 0 0 0 130px;}
#team .photo{ position: relative;} 
#team .photo .bg{ width: 100%; } 
#team .photo .bg img{ width: 100%; } 
#team .photo .logo{ position: absolute; transform:translate(-50%,-50%); top: 75%; left: 50%; z-index: 1;}
#team .photo .logo p{ text-align: center; color:#fff; margin-top: 20px;}
#team .advisory{ padding: 195px 0 200px;} 
#team .advisory .m_swiper .pagination_bullet{text-align: center;}
#team .advisory .m_swiper .pagination_bullet span{ width: 175px; height: 190px; margin: 0;  opacity: 1;  filter: grayscale(100%); transition:all 0.5s; background: transparent;}  
#team .advisory .m_swiper .pagination_bullet span.swiper-pagination-bullet-active{ filter: none;}
#team .advisory .m_swiper .mainswiper{ overflow: visible; margin-top: 55px; cursor:none; max-width: 1400px; margin: 55px auto 0;}
#team .advisory .m_swiper .swiper-slide{ display:flex; background: #F5F5F5; transition:all 0.5s; }
#team .advisory .m_swiper .swiper-slide figure{ flex-shrink:0; }
#team .advisory .m_swiper .swiper-slide figure img{ opacity: 0.3; transition:all 0.5s; }
#team .advisory .m_swiper .swiper-slide.swiper-slide-active figure img{ opacity: 1;}
#team .advisory .m_swiper .swiper-slide.swiper-slide-prev figure{ order:1; }
#team .advisory .m_swiper .swiper-slide .txtBox{ color:#000; padding: 70px 100px 50px 70px; display:flex; flex-direction:column; justify-content:space-between; }
#team .advisory .m_swiper .swiper-slide .txtBox p.name{ font-weight: 700; display:flex; align-items:center; margin-bottom: 25px;}
#team .advisory .m_swiper .swiper-slide .txtBox p.name img{ margin-right: 25px;}
#team .advisory .m_swiper .swiper-slide .txtBox .infoBox p{ letter-spacing:0; line-height: 1.6; font-size:15px; }
#team .advisory .m_swiper .swiper-slide .txtBox .infoBox p:not(:last-child){ margin-bottom: 15px;}
#team .advisory .m_swiper .swiper-slide .txtBox .imgBox{ display:flex; align-items:center; gap:20px }
#team .advisory .m_swiper .barBox{ margin-top: 70px; display: flex; align-items:center; gap:40px; }
#team .advisory .m_swiper .barBox .arrow i{ font-weight: bolder; color:#000; vertical-align: middle; cursor:pointer; font-size:18px; }
#team .advisory .m_swiper .pagination_progress{ width: 100%; position: relative; top: auto; left: auto; height: 2px; background: #eee;}
#team .advisory .m_swiper .pagination_progress span{ background: #000 !important;}

#aboutus .ceo{ margin-top: -70px; position: relative; background: url("/img/sub/aboutus_bg02-1.jpg") 30% 50% no-repeat; background-size: cover;}
#aboutus .ceo .bg{ width: 100%;}
#aboutus .ceo .bg img{ width: 100%;}
/*#aboutus .ceo .ctnBox{ position: absolute; transform:translate(-50%,-50%); top: 51%; left: 50%; width: 100%;}*/
#aboutus .ceo .ctnBox > div{ display:flex; justify-content:space-between; align-items:flex-end; z-index: 2;  position: relative;  padding: 120px 0 ;}
#aboutus .ceo .ctnBox .nameBox{ color:#fff; flex-shrink:0; z-index: 1; padding: 0 20px;}
#aboutus .ceo .ctnBox .nameBox p.name{ font-weight: 500; margin-top: 25px;}
#aboutus .ceo .ctnBox .ceoImg{ position: absolute; bottom: 0; padding: 0 20px;}
#aboutus .ceo .ctnBox .itemBox{ width: 60%;}
#aboutus .ceo .ctnBox .itemBox .tabBox ul{ display:flex; }
#aboutus .ceo .ctnBox .itemBox .tabBox li:not(:last-child){ margin-right: 20px;}
#aboutus .ceo .ctnBox .itemBox .tabBox button{ font-size:1.7rem; width: 175px; height: 45px; border:1px solid rgba(255,255,255,0.2); border-radius:50px; color:#fff; font-weight: 600;}
#aboutus .ceo .ctnBox .itemBox .tabBox li.on button{ background: #fff; color:#000; border:none; }
#aboutus .ceo .ctnBox .itemBox .txtBox{ display:none; margin-top: 50px; /* height: 700px; */}
#aboutus .ceo .ctnBox .itemBox .txtBox.on{ display:block; }
#aboutus .ceo .ctnBox .itemBox .txtBox1 p{ line-height: 1.8; color:#fff; font-weight: 400; letter-spacing:0;  font-family: 'Noto Serif', serif; }
#aboutus .ceo .ctnBox .itemBox .txtBox1 p:not(:last-child){ margin-bottom: 30px;}
#aboutus .ceo .ctnBox .itemBox .txtBox2{ color:#fff; }
#aboutus .ceo .ctnBox .itemBox .txtBox2 p.font20{ color:#fff; font-weight: 700; margin-bottom: 5px;}
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt:not(:last-child){ margin-bottom: 35px;}
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox > li:not(.not){ display:flex; }
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox > li:before{ content:'·'; font-weight: 800;}
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox{ display:flex; gap:15px}
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox li{  position: relative; letter-spacing:0; font-size:1.7rem; font-family: 'Noto Serif', serif; font-weight: 200; line-height: 1.8;}
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox ul:first-child li:before{ content:'·'; font-weight: 800; margin-right: 10px;}
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox1 ul:nth-child(2) li{ font-size:1.6rem; line-height: 1.95;}
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox1 ul:nth-child(2) li span{ font-size:10px; margin-left: 5px;}
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul:first-child{ width: auto;  }
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul:first-child li:last-child{ white-space:nowrap; }
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul li .innerList{ margin-left: 20px;}
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul li .innerList li:before{ content:'-'; font-weight: 800; margin-right: 10px;}
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul li span{ display:none; }
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox2 ul li span.stxt { display:inline-block; position: absolute; left: 65%; top: 0; }
#aboutus .ceo .ctnBox .itemBox .txtBox2 .txt .listBox1-2{ display:none; }
#aboutus .who{ background: #000; display:flex; justify-content:flex-end; align-items:center; }
#aboutus .who .txtBox{ color:#fff; padding: 0 75px 0 20px; letter-spacing:0; }
#aboutus .who .txtBox p.title{}
#aboutus .who .txtBox p.font32{ font-weight: 600; margin: 75px 0 60px; line-height: 1.5;}
#aboutus .who .txtBox p.font18{ line-height: 1.8;}
#aboutus .who > figure{ position: relative; pointer-events: none;}
#aboutus .who > figure:after{  width: 100%;  height: 100%; content: ''; position: absolute; top: 0; right: 0; background: rgba(0,0,0,0.5); transition: width 1.2s, opacity 1.5s;}
#aboutus .who > figure.on:after{ width: 0; opacity: 0;}
#aboutus .how{ background: #0D0F10;  justify-content:flex-start;}
#aboutus .how .txtBox{ padding: 0 20px 0 130px;}
#aboutus .how> figure:after{ left: 0; }
#aboutus .sector{ padding: 200px 0 190px; background: #000;}
#aboutus .sector > .txtBox{ color:#fff; text-align: center; letter-spacing:0; }
#aboutus .sector > .txtBox .title{ color:#fff; }
#aboutus .sector > .txtBox p.font32{ font-weight: 600; line-height: 1.5;}
#aboutus .sector > .txtBox p.font18{ color:rgba(255,255,255,0.6); line-height: 1.8;  margin: 55px 0 85px;}
#aboutus .sector .slideBox{}
#aboutus .sector .slideBox .Uswiper{ overflow: visible;}
#aboutus .sector .slideBox .Uswiper .swiper-slide{ color:#fff; position: relative;}
#aboutus .sector .slideBox .Uswiper .swiper-slide figure{ text-align: center; position: relative;	 overflow: hidden;}
#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; padding: 0 60px 45px; 
display: flex; flex-direction: column; justify-content: flex-end;}
#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox1{ font-weight: 700; transition:all 0.5s;}
#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox2{ opacity: 0; transition:all 0.5s; }
#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox2 .font32{ font-weight: 600; margin-bottom: 22px;}
#aboutus .sector .slideBox .Uswiper .swiper-slide .txtBox2 .font17{ line-height: 1.8; color:#aaa; letter-spacing:0; }
#aboutus .sector .slideBox .Uswiper .swiper-slide.swiper-slide-active figure:after{ transition: all 0.5s; }
#aboutus .sector .slideBox .Uswiper .swiper-slide.swiper-slide-active:hover figure:after{ content:''; display:block; width: 1200px; height: 100%; background: rgba(0,0,0,0.3); backdrop-filter: blur(20px);
position: absolute; top: 0; left: 0;}
#aboutus .sector .slideBox .Uswiper .swiper-slide.swiper-slide-active .txtBox1{ opacity: 1;}
#aboutus .sector .slideBox .Uswiper .swiper-slide.swiper-slide-active:hover .txtBox1{ transition:all 0.5s; opacity: 0;}
#aboutus .sector .slideBox .Uswiper .swiper-slide.swiper-slide-active:hover .txtBox2{ opacity: 1; transition:all 0.5s; }
#aboutus .sector .slideBox .pagiBox{ display:flex; align-items:center; margin-top: 60px; gap:35px}
#aboutus .sector .slideBox .pagiBox .paginum{ width: 60px; font-size:12px; color:#666; letter-spacing:0; flex-shrink:0; }
#aboutus .sector .slideBox .pagiBox .paginum span.swiper-pagination-current,
#aboutus .sector .slideBox .pagiBox .paginum .num { font-size:1.8rem; color:#fff;}
#aboutus .sector .slideBox .pagiBox .paginum .number::before { content: "0"; }
#aboutus .sector .slideBox .pagiBox .pagibar{ top: auto; left: auto; position: relative; height: 2px; background: rgba(238,238,238,0.2); }
#aboutus .sector .slideBox .pagiBox .pagibar span{ background: #fff;}
#aboutus .sector .slideBox .pagiBox .arrows{ display:flex; }
#aboutus .sector .slideBox .pagiBox .arrows p{ cursor:pointer; color:rgba(238,238,238,0.3); transition:all 0.5s; }
#aboutus .sector .slideBox .pagiBox .arrows p:hover{ color:#fff;}
#aboutus .sector .slideBox .pagiBox .arrows i { font-size:18px;}
#aboutus .value{ padding: 140px 0 100px; background: url("/img/sub/aboutus_value_bg.jpg"); background-size: cover; margin-top: -1px;}
#aboutus .value > div > .txtBox{ text-align: center; color:#fff; }
#aboutus .value > div > .txtBox h2.title{ color:#fff; }
#aboutus .value > div > .txtBox .font32{ font-weight: 600; line-height: 1.5;}
#aboutus .value > div > .txtBox .font18{ letter-spacing:0; line-height: 1.8; margin: 40px 0 45px;}
#aboutus .value .ctnBox{ display:flex; justify-content:space-between; gap:13px; }
#aboutus .value .ctnBox .itemBox{ width: calc((100% - 39px) / 4);} 
#aboutus .value .ctnBox .itemBox .txtBox{ color:#fff ;}
#aboutus .value .ctnBox .itemBox .txtBox p.font24{ text-align: center; height: 100px; margin: 25px 0 15px ;font-weight: 600; letter-spacing:0; display: flex; justify-content: center; align-items: center;
line-height: 1.5;}
#aboutus .value .ctnBox .itemBox .txtBox ul{ margin-left: 10px;}
#aboutus .value .ctnBox .itemBox .txtBox ul li{ letter-spacing:0; font-size:1.6rem; line-height: 1.5; text-indent: -15px; margin-left: 10px; font-family: 'Noto Serif', serif; }
#aboutus .value .ctnBox .itemBox .txtBox ul li:not(:last-child){ margin-bottom: 20px; }
#aboutus .value .ctnBox .itemBox .txtBox ul li:before{ content:'·'; margin-right: 10px; }
#aboutus .panel{ padding: 190px 0 200px;}
#aboutus .panel .w1400 > .txtBox{ text-align: center; color:#000; }
#aboutus .panel .w1400 > .txtBox p.font32{ line-height: 1.5;  font-weight: 600;}
#aboutus .panel .w1400 > .txtBox p.font18{ line-height: 1.8; margin: 55px 0 80px;}
/* #aboutus .panel .ctnBox > div{ display:flex; gap:50px 7px; flex-wrap:wrap; }
#aboutus .panel .ctnBox .itemBox{ width: calc((100% - 21px) / 4); position: relative;} */
#aboutus .panel .ctnBox > div{ display:flex; gap:60px 40px; flex-wrap:wrap; }
#aboutus .panel .ctnBox .itemBox{ width: calc((100% - 80px) / 3); position: relative;}
#aboutus .panel .ctnBox .itemBox .contryBox{ display:flex; gap:10px; }
#aboutus .panel .ctnBox .itemBox .imgBox{ position: relative; }
#aboutus .panel .ctnBox .itemBox .imgBox > figure img{width: 100%;}
#aboutus .panel .ctnBox .itemBox .imgBox .infoBox{ position: absolute; top: 0; left: 0; padding: 30px 10px 30px 20px; width: 100%; height: 100%; background: rgba(0,0,0,0.85); color:#fff; display:flex; flex-direction:column; justify-content:space-between; opacity: 0; transition:all 0.5s; }
#aboutus .panel .ctnBox .itemBox:hover .imgBox .infoBox{ opacity: 1;}
#aboutus .panel .ctnBox .itemBox .imgBox .infoBox p.font30{ font-weight: 800; letter-spacing:0; margin: 20px 0 15px;}
#aboutus .panel .ctnBox .itemBox .imgBox .infoBox ul{  font-family: 'Noto Serif', serif; letter-spacing:0;  }
#aboutus .panel .ctnBox .itemBox .imgBox .infoBox ul li{ line-height: 1.5; text-indent: -10px; margin-left: 10px; }
#aboutus .panel .ctnBox .itemBox .imgBox .infoBox ul li:not(:last-child){ margin-bottom: 7px;}
#aboutus .panel .ctnBox .itemBox .imgBox .infoBox ul li:before{ content:'·'; margin-right: 5px;}
#aboutus .panel .ctnBox .itemBox .imgBox .infoBox .logoBox{ display:flex; align-items:center; width: 24%; gap: 5px; }
#aboutus .panel .ctnBox .pagibar2{ display:none;}
#aboutus .panel .ctnBox .itemBox p.name{ text-align: center; font-weight: 800; color:#000; margin-top: 30px; letter-spacing:0; }
#aboutus .panel .ctnBox .pagibar2{ margin-top: 60px; position: relative; height: 2px; background: #ccc;}
#aboutus .panel .ctnBox .pagibar2 .bar{ height: 100%; background: #000;}

#aboutus .video-box { padding:155px 0; background:#0e0f11;}
#aboutus .video-box * { font-family: "Noto Serif", serif; }
#aboutus .video-box .video-container { position: relative;overflow: hidden; max-width: 1400px; margin:0 auto; padding:0 20px; }
#aboutus .video-box .video-container:before{ content:''; display:block; padding-bottom: 56.25%; }
#aboutus .video-box .video-container video,
#aboutus .video-box .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  border: 0; }
#aboutus .video-box .video-container .bg { position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); width:calc(100% - 40px); height:100%; }
#aboutus .video-box .video-container .bg img { width:100%; height:100%;  }
#aboutus .video-box .video-container.on .bg { display:none }
#aboutus .video-box .control-box { margin-top:20px; text-align:center; }
#aboutus .video-box .control-box button { margin:0 21px; border:none; width:20px; height:20px; overflow:hidden; text-indent:-9999em; background-size: auto 15px; background-repeat: no-repeat;  background-position: center center; }
#aboutus .video-box .control-box #backward { background-image: url("/img/sub/btn_backward.svg"); }
#aboutus .video-box .control-box #play { background-image: url("/img/sub/btn_play.svg"); }
#aboutus .video-box .control-box #pause { background-image: url("/img/sub/btn_pause.svg"); }
#aboutus .video-box .control-box #stop { background-image: url("/img/sub/btn_stop.svg"); }
#aboutus .video-box .control-box #forward { background-image: url("/img/sub/btn_forward.svg"); }
#aboutus .video-box .txtbox { padding:0 20px; margin:0 auto; margin-top:55px; text-align:center; max-width: 1400px; letter-spacing:-0.04em; color:#fff; font-weight: 500; line-height: 1.8; }

#aboutus .who_new * { font-family: "Noto Serif", serif;  letter-spacing:0; }
#aboutus .who_new { padding:160px 0; background: url("/img/sub/aboutus_who_new_bg.jpg") center center / cover; }
#aboutus .who_new > div { position: relative; display:flex; align-items:center; gap:0 80px;  }
#aboutus .who_new .txtBox { width:calc(49% - 40px); }
#aboutus .who_new figure { width:calc((100% - 49%) - 40px); }
#aboutus .who_new .txtBox .title { color:#fff; line-height:1.3; font-weight:400; }
#aboutus .who_new .txtBox .txt-1 { margin-top:80px; color:#fff; line-height:1.5; font-weight:500; }
#aboutus .who_new .txtBox .txt-2 { margin-top:40px; color:#fff; line-height:1.8; font-weight:400; letter-spacing:0;  }
#aboutus .who_new ul { margin-top:60px; }
#aboutus .who_new ul li:not(:last-child) { margin-bottom:20px; }
#aboutus .who_new ul li { position: relative; padding-left:18px; color:#fff; line-height:1.8; font-weight:400; }
#aboutus .who_new ul li:before{ content:''; display:block; background:#fff; width:2px; height:12px; position: absolute; top: 12px; left: 0; }

#news{ padding-bottom: 200px;}
#news .ctnBox{ display:flex; flex-wrap:wrap; gap: 70px 35px;}
#news .ctnBox .itemBox{ width: calc((100% - 70px) / 3);}
#news .ctnBox .itemBox figure{ position: relative; padding-bottom: 74%; overflow: hidden;}
#news .ctnBox .itemBox figure img{ position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);  max-width: inherit; width: 100%; height: 100%;}
#news .ctnBox .txtBox .title{ font-weight: 600; color: #000; margin: 28px 0 5px; line-height: 1.4; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#news .ctnBox .txtBox .txt{  font-weight: 300; color: #666;  line-height: 1.5; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; height: 3em;}
#news .ctnBox .txtBox .day{ font-size:13px; margin-top: 40px;}
#news .ctnBox .txtBox .day i{ margin-right: 3px;}
#news .paging{ display:flex; justify-content: center; margin: 130px 0 0 0;}
#news .paging li{ text-align: center; width: 30px; height: 30px; border-radius:50px; font-family: 'Noto Serif', serif;}
#news .paging li:not(:last-child){ margin-right: 10px;}
#news .paging li a{ display:block; width: 100%; height: 100%; line-height: 30px; color:#000; font-weight: 600;}
#news .paging li a i{ color:#aaa; }
#news .paging li.on a{ text-decoration:underline; text-underline-offset:3px;}

#newsview{ padding-bottom: 200px;}
#newsview .ctnBox{ text-align: center; }
#newsview .ctnBox h3.title{ color: #000; padding: 40px 0 20px; font-weight: 600; text-align: center; border-top:1px solid #000; }
#newsview .ctnBox p.day{ font-size:15px;  border-bottom: 1px solid #e6e6e6;  padding:0 0 40px; text-align: center; color:#333; }
#newsview .ctnBox p.day i{ margin-right: 3px;}
#newsview .ctnBox .contBox{ padding: 100px 20px 150px; text-align: center; }
#newsview .ctnBox .contBox div span{ font-size:1.9rem !important; line-height: 2;}
#newsview .ctnBox .contBox .txtBox li{ color:#333; }
#newsview .ctnBox .contBox .txtBox li:before{ content:'-'; margin-right: 5px; line-height: 1.8;}
#newsview .ctnBox .contBox figure{ position: relative; background: #aaa; width: 600px; padding-bottom: 28.5%; overflow: hidden; margin: 60px auto}
#newsview .ctnBox .contBox figure img{ position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%); width: 100%; height: 100%;}
#newsview .ctnBox .infoBox p{ line-height: 1.8; color:#333; }
#newsview .ctnBox .infoBox p:not(:last-child){ margin-bottom: 30px;}
#newsview .ctnBox .listBox{  display: flex; flex-wrap: wrap;  border-top: 1px solid #e6e6e6; text-align: center;}
#newsview .ctnBox .listBox dt{ width: 200px; background: #f8f8f8; padding: 23px 0; border-bottom: 1px solid #e6e6e6; font-weight: 300; font-size: 16px; color: #000;}
#newsview .ctnBox .listBox dd{ width: calc(100% - 200px);  padding: 23px 0; border-bottom: 1px solid #e6e6e6; font-weight: 500; font-size: 16px; color: #444; text-align: left; padding-left: 30px;}
#newsview .ctnBox .listBox dd a{display: inline-block; vertical-align: top;  color: #777; width: 100%; font-weight: 400; color:#555;white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 2rem;}
#newsview .ctnBox  button.listBtn{ margin: 100px auto 0; width: 240px ; height: 80px; border: 1px solid #aaa; font-size: 1.8rem;  color: #222222; transition:all 0.5s; }
#newsview .ctnBox  button.listBtn:hover{ border:none; background: #000; color:#fff; }