@charset "utf-8";
html,body{height:100%;}
body{font-family:Pretendard, -apple-system; font-weight:300; line-height:180%; background-color:#fff; box-sizing:border-box;}

/********* 메인 네비 페이지 전환 효과 CSS 시작*********/
html.page-transition-entering body{opacity:0;}
html.page-transition-entering.page-transition-active body{
  opacity:1;
  transition:opacity 0.25s cubic-bezier(.19,0,.34,1.01);   /*수치 js파일과 일치 시켜야 함*/
}
html.page-transition-leaving body{
  opacity:0;
  transition:opacity 0.17s cubic-bezier(.19,0,.34,1.01);   /*수치 js파일과 일치 시켜야 함*/
  pointer-events:none;
}
@media (prefers-reduced-motion: reduce){
  html.page-transition-entering body,
  html.page-transition-leaving body{opacity:1; transition:none;}
}
/********* 메인 네비 페이지 전환 효과 CSS 끝*********/

figcaption{position: absolute; left:-999999px; z-index:1; font-size:0; line-height:0; margin:0; padding:0; width:0; height:0; display:inline-block;}
/* reset*/
.temporarys{display:none; position:fixed; left:10px; top:10px; color:red; font-size:15px; font-weight:bold; z-index:99999999;}
.temporarys i{font-size:12px; font-weight:normal; font-style:normal;}

/***** S:: 변수 *****/
:root{
	--fs100:100px;
	--vh: 1vh; /* JS가 로드되기 전 fallback: calc(var(--vh) * 100) ≈ 100vh */
}

/*Selection*/
::-moz-selection { /* Code for Firefox */
color: #1a1a1a;background: #ffe046;}
::selection {color: #f2ebdc; background: #004e85;}
input::placeholder {color:#ccc;}
input::-webkit-input-placeholder {color:#ccc;}
input:-ms-input-placeholder {color:#ccc;}

textarea::placeholder {color:#ccc;}
textarea::-webkit-input-placeholder {color:#ccc;}
textarea:-ms-input-placeholder {color:#ccc;}

/* absolute: relative+JS로 키운 배경이 다음 섹션 뒤로 비치는 현상 방지(부모 mainTop_section이 기준) */
#bg {backface-visibility: hidden; z-index:5;
  position:absolute; left:0; top:0; width:100%; height:100%;
  transform: translateZ(0px) translate3d(0px, 0px, 0px);
  transform-style: preserve-3d; opacity:1;
  background-color:#000;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
}

#bg.bg-loading{
  background: url("/TriForum/image/main/pc-top-bg-pre.jpg") no-repeat 50% 50%; background-size:cover;
}

#bg.bg-ended{
  background-image:url("/TriForum/image/main/pc-top-bg.jpg");
}
section{color:#fff;}
section.mainTop_section{position:relative; width:100vw; height:100vh; overflow:hidden;}

.globalNav{position:fixed; width:100%; left:0; top:0; z-index:12; height:100px; border-bottom:1px solid rgba(255, 255, 255, 0.3); transition:all 0.3s ease-out;}
.globalNav nav{position:relative; width:100%; z-index:10; top:0px; }
.globalNav h1{position: absolute; top:clamp(29px, 2vh, 35px); left:35px; transition:all 0.3s ease-out;}
.globalNav h1 img{width:clamp(240px, 18vw, 280px); transition:all 0.3s ease-out;}
.globalNav .navi{position:absolute; z-index:10; display:flex; top:38px; gap:3vw; width:max-content; right:100px; transition:all 0.3s ease-out;}
.globalNav .navi li{flex-shrink:0;} 
.globalNav .navi li+li{margin-left:20px;}
.globalNav .navi a{
  color:#fff;font-family:'PPNeueMontreal-Medium';
  font-size:clamp(18px, 1.2vw, 23px);
  letter-spacing:0.5px; position:relative;
  display:inline-block; transform-origin:center center; transition:transform 0.3s ease-out;
}
@media (hover: hover) {
.globalNav .navi a::after{content:""; display:block; width:0%; height:2px; position:absolute; bottom:-3px; left:0; background-color:rgba(255, 255, 255, 0.99); transition:all 0.2s ease-out;}
.globalNav .navi a:hover::after{width:100%;}
}
.globalNav .language{position:absolute; z-index:9; right:15px; top:15px; transition:all 0.3s ease-out;}
.globalNav .language ul li img{height:12px;}
.globalNav .language ul{display:flex;}
.globalNav .language ul li+li{margin-left:6px;}
.globalNav .language ul li a{display:block; line-height:0; padding:0; position:relative;}
.globalNav .language ul li a.active::after{content:""; width:110%; left:-5%; background-color:rgba(255, 255, 255, 0.7); height:2px; bottom:-5px; display:inline-block; position:absolute;}
.globalNav .language ul li a::after{content:""; display:block; width:0%; height:2px; position:absolute; bottom:-5px; left:-5%; background-color:rgba(255, 255, 255, 0.5); transition:all 0.25s ease-out;}
@media (hover: hover) {
.globalNav .language ul li a:hover::after{width:110%;}
}

body.SCROLL .globalNav{height:60px; background-color:rgba(2, 83, 141, 0.69); backdrop-filter: blur(1px);}
body.SCROLL .globalNav .navi{top:15px;}
body.SCROLL .globalNav .navi a{transform:scale(0.84);}
body.SCROLL .language{right:10px; top:10px; }
body.SCROLL .globalNav .language ul li a.active::after{height:1px;}
body.SCROLL .globalNav .language ul li a::after{height:1px;}
body.SCROLL .globalNav h1 img{width:clamp(200px, 13vw, 240px);}
body.SCROLL .globalNav h1{top:clamp(11px, 1vh, 20px); left:30px; }
body.M_SCROLL .globalNav{height:60px; background-color:rgba(2, 83, 141, 0.69); backdrop-filter: blur(2px);}

.mainSlogan_mobile{display:none;}
.mainSlogan{position:absolute; z-index:11; left:8vw; bottom:8vw; font-family: 'PPNeueMontreal-Bold';  font-size:clamp(40px, 3.8vw, 85px); line-height:130%; letter-spacing:1px;}
.mainTop_blue{position:absolute; z-index:10; bottom:0; opacity:0.8;}
.mainTop_blue img{width:100vw;}
.mainTop_bk{position:absolute; z-index:9; top:0; opacity:0.7;}
.mainTop_bk img{width:100vw;}
.mainTop_trans_logo{position:absolute; display:block; z-index:9; bottom:-100px; right:-5px; 
  width:22vw; min-width:240px; max-width:400px; width: clamp(240px, 22vw, 400px); height:auto;}
.mainTop_trans_logo img{display:block; width:100%; height:auto;}

/*메인 Flag 섹션 줌아웃을 위한 시작*/
/* /////// */
.mainFlag_section{position:relative; z-index:1; height:100vh; width:100vw; overflow:hidden;}
.mainFlag_section::before{
  content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;
  background:url("/TriForum/image/main/bg_flag.jpg") no-repeat 50% 50%; background-size:cover;
  transform:scale(1.070); transform-origin:50% 50%;
  transition:transform 5.35s cubic-bezier(.19,0,.34,1.01);
}
.mainFlag_section.is-flagBgZoom::before{transform:scale(1);}
/* /////// */
.mainIFC_section ul li:nth-of-type(1)::before{
  content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;
  background:url("/TriForum/image/main/bg_ifc.jpg") no-repeat 50% 50%; background-size:cover;
  transform:scale(1.070); transform-origin:50% 50%;
  transition:transform 5.35s cubic-bezier(.19,0,.34,1.01);
}
.mainIFC_section.is-flagBgZoom ul li:nth-of-type(1)::before{transform:scale(1);}
/* /////// */

@media (prefers-reduced-motion: reduce){.mainFlag_section::before{transition:none; transform:scale(1);}}
.KorEngJpn_flag{position: absolute; left:50%; top:55%; transform:translate(-50%, -50%); text-align:center; width:100%; z-index:1;}
/*메인 Flag 섹션 줌아웃을 위한 끝*/

.KorEngJpn_flag div h3{font-family: 'PPNeueMontreal-Bold'; font-size:clamp(36px, 2.5vw, 48px); line-height:150%; letter-spacing:0.5px;}
.KorEngJpn_flag div p{font-family: 'PPNeueMontreal-Medium'; font-size:clamp(18px, 1.3vw, 26px); line-height:180%; margin-top:4.1vw; letter-spacing:0.5px; position:relative;}
.KorEngJpn_flag div p::before{content:""; width:7%; display:block; position:absolute; top:-2.2vw; height:1px; background-color:rgba(255, 255, 255, 0.4); left:50%; transform:translateX(-50%);}


/********* reveal 초기 상태: 투명 + 위치 오프셋 *********/
.reveal-up,
.reveal-left,
.reveal-right {
  opacity: 0;
  transition: opacity 1.0s cubic-bezier(.19,0,.34,1.01), transform 1.0s cubic-bezier(.19,0,.34,1.01);
  will-change: opacity, transform;}
.reveal-up {transform: translateY(70px);}
.reveal-left {transform: translateX(-80px);}
.reveal-right {transform: translateX(80px);}
@media (max-width: 768px) {
  .reveal-left,
  .reveal-right {
    transform: translateY(70px);
    transition: opacity 0.8s cubic-bezier(.19,0,.34,1.01), transform 0.8s cubic-bezier(.19,0,.34,1.01);
  }
}
/* reveal 요소가 화면에 들어오면 최종 상태 */
.reveal-up.is-visible,
.reveal-left.is-visible,
.reveal-right.is-visible {opacity: 1;transform: translate(0, 0);}
/********* reveal 효과 css끝  *********/

.KorEngJpn_flag div span{display:block; padding-top:60px;}
.triBlue_btn{
  display:inline-flex; align-items:center; gap:12px;
  border-radius:50px; min-height:38px; padding:7px 13px 7px 28px; box-sizing:border-box;
  background:linear-gradient(1deg,rgba(63, 154, 224, 1) 0%, rgba(16, 111, 179, 1) 100%);
  font-family:'PPNeueMontreal-Bold'; font-size:17px; color:#fff; letter-spacing:0.5px;
  white-space:nowrap; text-decoration:none; transition:box-shadow 0.3s, color 0.3s;
  box-shadow:inset 0 0 0 0 rgba(255,255,255,0); transition:all 0.3s;
}
.triBlue_btn i{
  flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:50%; background:#fff; line-height:0; font-style:normal;
}
.triBlue_btn i{background-color:#fff; width:32px; height:32px; border-radius:50px; transition:all 0.4s;}
.triBlue_btn i b img{width:14px; display:inline-block;  /*filter: brightness(0) invert(1); */ transition:all 0.4s;}
@media (hover: hover) {
.triBlue_btn:hover{box-shadow:inset 0 0 0 9999px #fff;color:#0672be; transform:translate(0px, 0px);}
.triBlue_btn:hover i{background-color:#0862A2;}
.triBlue_btn:hover i b img{filter: brightness(0) invert(1);}
}
/* /////////////// */
.triBlue_btn2{
  display:inline-flex; align-items:center; gap:12px;
  border-radius:50px; min-height:38px; padding:3px 5px 3px 18px; box-sizing:border-box;
  background:linear-gradient(1deg,rgba(63, 154, 224, 1) 0%, rgba(16, 111, 179, 1) 100%);
  font-family:'PPNeueMontreal-Bold'; font-size:14px; color:#fff; letter-spacing:0.5px;
  white-space:nowrap; text-decoration:none; transition:box-shadow 0.3s, color 0.3s;
  box-shadow:inset 0 0 0 0 rgba(255,255,255,0); transition:all 0.3s;
}
.triBlue_btn2 i{
  flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:50%; background:#fff; line-height:0; font-style:normal;
}
.triBlue_btn2 i{background-color:#fff; width:32px; height:32px; border-radius:50px; transition:all 0.4s;}
.triBlue_btn2 i b img{width:14px; display:inline-block;  /*filter: brightness(0) invert(1); */ transition:all 0.4s;}
@media (hover: hover) {
.triBlue_btn2:hover{box-shadow:inset 0 0 0 9999px #fff; color:#0672be; outline:1px solid #41affd;}
.triBlue_btn2:hover i{background-color:#0862A2;}
.triBlue_btn2:hover i b img{filter: brightness(0) invert(1);}
}

/* ///////////////// */

.triBlue_btn3{
  display:inline-flex; align-items:center; gap:12px;
  border-radius:50px; min-height:38px; padding:4px 8px 4px 20px; box-sizing:border-box;
  background:linear-gradient(1deg,rgba(63, 154, 224, 1) 0%, rgba(16, 111, 179, 1) 100%);
  font-family:'PPNeueMontreal-Bold'; font-size:16px; color:#fff; letter-spacing:0.5px;
  white-space:nowrap; text-decoration:none; transition:box-shadow 0.3s, color 0.3s;
  box-shadow:inset 0 0 0 0 rgba(255,255,255,0); transition:all 0.3s;
  cursor: pointer !important;
}
.triBlue_btn3 i{
  flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:50%; background:#fff; line-height:0; font-style:normal;
}
.triBlue_btn3 i{background-color:#fff; width:28px; height:28px; border-radius:50px; transition:all 0.4s;}
.triBlue_btn3 i b img{width:14px; display:inline-block;  /*filter: brightness(0) invert(1); */ transition:all 0.4s;}
@media (hover: hover) {
.triBlue_btn3:hover{box-shadow:inset 0 0 0 9999px #fff;color:#0672be; outline:1px solid #0672be;}
.triBlue_btn3:hover i{background-color:#0862A2;}
.triBlue_btn3:hover i b img{filter: brightness(0) invert(1);}
}


.mainIFC_section{position:relative; z-index:1; height:100vh; width:100vw; overflow:hidden;}
.mainIFC_section ul{display:flex; height:100vh;}
.mainIFC_section ul li:nth-of-type(1){width:45%; position: relative;}
.mainIFC_section ul li:nth-of-type(2){width:55%; background-color:#0862A2;}
.mainIFC_section ul li:nth-of-type(2){display:flex; justify-content:center; align-items:center; position:relative; }
.mainIFC_section .ifc_main_text>i{display:block;}
.mainIFC_section .ifc_main_text i h4{font-family:'monbaiti'; font-size: clamp(36px, 3.5vw, 55px); letter-spacing:1.5px;}
.mainIFC_section .ifc_main_text i p{padding-bottom:3.8vw; padding-top:4.2vw; font-size:clamp(18px, 1.3vw, 26px); line-height:180%; font-family:'PPNeueMontreal-Medium'; letter-spacing:1px;}
.secondlogo_visual{position:absolute; right:15px; bottom:5px; opacity:0.8;}
.secondlogo_visual img{width:clamp(60px, 12vw, 300px);}

.triWhite_btn{
  display:inline-flex; align-items:center; gap:12px;
  border-radius:50px; min-height:38px; padding:7px 13px 7px 28px; box-sizing:border-box;
  background:#fff;
  font-family:'PPNeueMontreal-Bold'; font-size:17px; color:#0672be; letter-spacing:0.5px;
  white-space:nowrap; text-decoration:none;
  box-shadow:inset 0 0 0 0 rgba(255,255,255,0);
  transition:all 0.3s;
}
.triWhite_btn i{
  flex-shrink:0; display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:50px; line-height:0; font-style:normal;
  background-color:#fff; border:1.5px solid #0672be;
  transition:all 0.4s;
}
.triWhite_btn i b img{width:14px; display:inline-block; filter:none; transition:all 0.4s;}
@media (hover: hover) {
.triWhite_btn:hover{
  background-color:#41affd;
  color:#fff;
  transform:translate(0px, 0px);
}
.triWhite_btn:hover i{background-color:#dbf0ff;}
.triWhite_btn:hover i b img{}
}

.minNews_section{background-color:#dce5ed; height:700px; display:flex; align-items:center; justify-content:center;}
.minNews_section>div{width:min(80vw, 1500px); transition:all 0.3s;}
.minNews_section>div h4{font-family:'PPNeueMontreal-Bold'; font-size:clamp(36px, 2.5vw, 48px); color:#0766AB; padding-bottom:clamp(40px, 3vw, 60px);}
.main_news_ul{display:flex; gap:2.8vw;}
.main_news_ul .main_news_li_list{width:40vw; flex:0 0 40vw;}
.main_news_ul .main_news_li_list ul{display:flex; flex-direction:column; font-family:'PPNeueMontreal-Medium'; width:100%;}
.main_news_ul .main_news_li_list ul li{width:100%; min-width:0;}
.main_news_ul .main_news_li_list ul li a{display:block; color:#000; font-size: clamp(16px, 1.35vw, 20px); height:54px; line-height:54px; border-bottom:1px solid rgba(0, 0, 0, 0.4); 
  padding-left:clamp(10px, 1.5vw, 40px); padding-right:clamp(15px, 1.5vw, 30px); box-sizing:border-box; width:100%; min-width:100%; white-space:nowrap; 
  overflow:hidden; text-overflow:ellipsis; transition:all 0.3s;}
.main_news_ul .main_news_li_list ul li a.active{background-color:#0E7AC6; color:#fff;}
.main_news_ul .main_news_li_list ul li a:hover{background-color:#0E7AC6; color:#fff;}
.main_news_ul .main_news_li_list ul:hover li a.active:not(:hover){background-color:transparent; color:#000;}
.main_news_li_content{color:#000; position:relative;}
.main_news_li_content ul{display:flex; flex-direction:column; align-items:stretch; gap:clamp(16px, 2vw, 28px);}
.main_news_li_content ul > li:first-child{ 
  position:relative;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  gap:2.8vw;
  width:100%;
  max-width:100%;
  flex:0 0 auto;
}
.main_news_li_content ul > li:first-child > img{flex:0 1 65%; max-width:65%; min-width:350px; width:100%; align-self:stretch; min-height:0; object-fit:cover; display:block;}
.main_news_li_content ul > li:nth-of-type(2){flex:0 0 auto; width:100%; min-width:0;}
.main_news_li_content ul > li:nth-of-type(2) > p{font-family: 'PPNeueMontreal-Bold'; font-size:18px; padding:5px 0 10px;}
.main_news_li_content ul > li:nth-of-type(2) > span{width:85%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; text-overflow:ellipsis; font-family: 'PPNeueMontreal-Medium'; line-height:150%; font-size:16px;}
.main_n_c_btnSpace{position:static; margin:0; flex-shrink:0; min-width:0; display:flex; flex-direction:column; justify-content:flex-end; }
.main_news_ul .main_news_li_list ul li:nth-of-type(1){border-top: 1px solid rgba(0, 0, 0, 0.4);}

.footer_section{background-color:#0862A2; display:flex; align-items:center; justify-content:center;}
.footer_section>div{color:#fff; text-align:center; padding-top:clamp(30px, 3.5vw, 50px); padding-bottom:clamp(40px, 3.5vw, 60px); line-height:170%;}
.footer_section>div a{color:#fff;}
.footer_section>div h5 img{width:clamp(120px, 16vw, 210px);}
.footer_section>div div{display:flex; flex-direction:column; align-items:center;}
.footer_section>div div p{padding:60px 0 0 0; font-family:Pretendard, -apple-system; font-size:clamp(14px, 1.6vw, 18px); letter-spacing:0.5px; position:relative;}
.footer_section>div div p::before{content:""; position: absolute; left:50%; transform:translateX(-50%); height:1px; background-color:rgba(255, 255, 255, 0.6); width:clamp(40px, 5vw, 100px); top:33px;}
.footer_section>div div span{display:block; padding:15px 0 0 0; font-size:clamp(14px, 1.6vw, 18px);}
.footer_section>div div ul{display:flex; gap:10px; padding-top:20px;}
.footer_section>div div ul li{display:flex; align-items:center; justify-content:center; transition:all 0.3s;}
.footer_section>div div ul li a img{width:28px;}
.footer_section>div div ul li:nth-of-type(4) a img{width:33px;}
@media (hover: hover) {
.footer_section>div div ul:hover li:not(:hover){opacity:0.3;}
}
.footer_section>div div span a{position:relative;
  display:inline-block; transform-origin:center center; transition:transform 0.2s ease-out;
}
@media (hover: hover) {
.footer_section>div div span a::after{content:""; display:block; width:0%; height:1px; position:absolute; bottom:0px; left:0; background-color:rgba(255, 255, 255, 0.99); transition:all 0.2s ease-out;}
.footer_section>div div span a:hover::after{width:100%;}
}

.topArrow{position:fixed; bottom:3.2vw; right:-10vw; z-index:29; display:inline-block; transition:all 0.8s;}
.topArrow a{border-radius:80px; display:block; width:clamp(40px, 3.3vw, 80px); height:clamp(40px, 3.3vw, 80px); background-color:#fff; border:1px solid #0766AB; display:flex; align-items:center; justify-content:center; opacity:0.5; transition:all 0.3s;}
.topArrow a img{width:62%;}
@media (hover: hover) {
.topArrow a:hover{opacity:1;-webkit-box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.2); 
  box-shadow: 4px 4px 15px 3px rgba(0,0,0,0.1);}
}
body.SCROLL .topArrow{right:2vw;}
body.M_SCROLL .topArrow{right:3vw;}

/* 서브페이지 시작 */
section.subTop_section{position:relative; width:100vw; height:470px; overflow:hidden;}
.subTopVisual_1{background:url("/TriForum/image/sub/subVisual_1.jpg") no-repeat right center; background-size:cover;}
.subTopVisual_2{background:url("/TriForum/image/sub/subVisual_2.jpg") no-repeat right bottom; background-size:cover;}
.subTopVisual_3{background:url("/TriForum/image/sub/subVisual_3.jpg") no-repeat right bottom; background-size:cover;}
.subTopVisual_4{background:url("/TriForum/image/sub/subVisual_4.jpg") no-repeat right center; background-size:cover;}
@media (min-width: 1700px){
  .subTopVisual_1{background:url("/TriForum/image/sub/subVisual_1_wide.jpg") no-repeat right center; background-size:cover;}
  .subTopVisual_2{background:url("/TriForum/image/sub/subVisual_2_wide.jpg") no-repeat right bottom; background-size:cover;}
  .subTopVisual_3{background:url("/TriForum/image/sub/subVisual_3_wide.jpg") no-repeat calc(15% - 0vw) 50%;background-size: cover;}
  .subTopVisual_4{background:url("/TriForum/image/sub/subVisual_4_wide.jpg") no-repeat right center; background-size:cover;}
}
.subpage_top_cover_1{position: absolute; left:0; top:0;}
.subpage_top_cover_1 img{display:block; width:100vw; height:230px;}
.subpage_top_cover_2{position: absolute; left:0; bottom:0;}
.subpage_top_cover_2 img{display:block; width:100vw; height:230px;}
.subpage_top_title{position:absolute; font-size:clamp(44px, 3.0vw, 55px);  left:clamp(60px, 5vw, 200px); bottom:clamp(0px, 0.0010vw, 42px); font-family:'PPNeueMontreal-Bold'; color:#fff; line-height:1; transform:translateY(8px);}

.aboutUs_section{background:url("/TriForum/image/sub/yeido.jpg") no-repeat 50% 50%; background-size:cover; 
  width:100vw; height:100vh; min-height:840px; max-height:900px;
  display:flex; align-items: flex-end;
}
.whatWeDo_ul{display:flex;}
.whatWeDo_ul>li:nth-of-type(1){width:45vw; transition:all 0.2s;}
.whatWeDo_ul>li:nth-of-type(2){width:55vw; transition:all 0.2s;}
.whatWeDo_textUl{background-color:#EFF3F6; color:#000; transition:all 0.2s;
  position:relative;
  height: 680px;
  display:flex; flex-direction:column; text-align:center; justify-content:center; text-align:left; box-sizing:border-box;
  padding-left:5vw; padding-right:5vw;
}
.whatWeDo_textUl::before{
  content:"What\A0\A0We\A0\A0 Do";
  position:absolute;
  right:34vw; top:-2.75vw;
  font-family:'PPNeueMontreal-Bold';
  font-size:clamp(35px, 3.2vw, 130px);
  /* color:#B5FFEA; */
  color:#0862A2;
  letter-spacing:2px;
  line-height:1;
  white-space:nowrap;
}
.whatWeDo_textUl li+li{margin-top:clamp(24px, 5vw, 72px);}
.whatWeDo_textUl li h4{font-family:'PPNeueMontreal-Bold'; font-size:clamp(26px, 1.6vw, 30px);}
.whatWeDo_textUl li p{font-family:'PPNeueMontreal-Medium'; font-size:clamp(17px, 1.0vw, 20px); color:#424242; 
  margin-top:clamp(16px, 1.8vw, 25px); line-height:170%;
}


.chairman_section{background-color:#eff3f6; height:clamp(24px, 100vh, 1100px); width:100vw; display:flex; 
  align-items:center; justify-content:center; min-height:900px;}
.chairman_section>div{width:clamp(800px, 78vw, 1200px); }
.chairman_UL{display:flex; gap:5vw}
.chairman_UL>li:nth-of-type(1){color:#000; width:60vw;}
.chairman_UL>li:nth-of-type(1) ul li:nth-of-type(1){font-size:clamp(25px, 3.2vw, 42px); color:#007FCA; font-family: 'PPNeueMontreal-Bold';}
.chairman_UL>li:nth-of-type(1) ul li:nth-of-type(2){margin-top:80px; line-height:160%; font-size:clamp(17px, 1.5vw, 20px); font-family: 'PPNeueMontreal-Medium';}
.chairman_UL>li:nth-of-type(2){width:30vw;}
.chairman_UL>li:nth-of-type(2) img{width:85%; transform:translateY(75px);}
.chairman_UL>li:nth-of-type(1) ul li:nth-of-type(3) p{margin-top:60px; font-size:clamp(18px, 1.2vw, 22px); font-family: 'PPNeueMontreal-Medium'; }
.chairman_UL>li:nth-of-type(1) ul li:nth-of-type(3) span{font-size:clamp(23px, 1.85vw, 29px); font-family: 'PPNeueMontreal-Bold';}

.president_section{height:clamp(24px, 100vh, 1000px);width:100vw; display:flex; align-items:center; 
  justify-content:center; background:url("/TriForum/image/sub/yeido_white.jpg") no-repeat 50% 50%; background-size:cover;
  min-height:850px;
}
.president_section>div{width:clamp(800px, 78vw, 1200px); }
.president_UL{display:flex; gap:5vw}
.president_UL>li:nth-of-type(1){width:30vw;}
.president_UL>li:nth-of-type(1) img{width:85%; transform:translateY(75px);}
.president_UL>li:nth-of-type(2){color:#000; width:60vw;}
.president_UL>li:nth-of-type(2) ul li:nth-of-type(1){font-size:clamp(25px, 3.2vw, 42px); color:#007FCA; font-family: 'PPNeueMontreal-Bold';}
.president_UL>li:nth-of-type(2) ul li:nth-of-type(2){margin-top:80px; line-height:160%; font-size:clamp(17px, 1.5vw, 20px); font-family: 'PPNeueMontreal-Medium';}
.president_UL>li:nth-of-type(2) ul li:nth-of-type(3) p{margin-top:60px; font-size:clamp(18px, 1.2vw, 22px); font-family: 'PPNeueMontreal-Medium';}
.president_UL>li:nth-of-type(2) ul li:nth-of-type(3) span{font-size:clamp(23px, 1.85vw, 29px); font-family: 'PPNeueMontreal-Bold';}

.people_section{background-color:#eff3f6; height:auto; width:100vw; display:flex; padding-bottom:clamp(100px, 8vw, 180px);
  align-items:flex-start; justify-content: center;}
.people_section>div{width:clamp(800px, 78vw, 1200px); transition:all 0.2s;}
.people_section>div h3{font-size:clamp(25px, 3.2vw, 42px); padding-top:clamp(50px, 7vw, 120px); padding-bottom:clamp(0px, 1vw, 10px); color:#007FCA; font-family:'PPNeueMontreal-Bold'; }
.people_ul{display:flex; justify-content:flex-start; align-items:flex-start; flex-flow:row wrap; gap:2%; }
.people_ul li{width:23.5%; margin-top:clamp(20px, 3vw, 50px);}
.people_ul li a{display:flex; text-align:center; color:#111111; flex-direction:column; align-items:center; position:relative;}
.people_ul li a::before{content:""; position:absolute; z-index:10; left:50%; top:43%; transform:translate(-50%,-50%); width:60px; height:60px; background:url("/TriForum/image/sub/plus_btn.svg") no-repeat center / contain; opacity:0; transition:opacity .3s;}
@media (hover: hover) {
  .people_ul li a:hover::before{opacity:1;}
}
.people_ul li a> i{display:block; position:relative; overflow:hidden;}
.people_ul li a> i img{width:100%; transition:transform .55s ease;}
.people_ul li a> i::after{content:""; left:0; right:0; bottom:0; position:absolute; background-color:rgba(16, 111, 179, 0.4); width:100%; height:100%; opacity:0; box-shadow:inset 0 0 0 0 transparent; transition:opacity .3s, box-shadow .2s;}
@media (hover: hover) {
  .people_ul li a:hover > i img{transform:scale(1.035);}
  .people_ul li a:hover > i::after{opacity:1; box-shadow:inset 0 0 0 4px #007FCA;}
  .people_ul li a:hover p span b::after{width:100%;}
}
.people_ul li a p{width:90%; transform:translateY(-20px); background-color:#eff3f6; padding-top:12px; box-sizing:border-box;}
.people_ul li a p span{display:block; font-family:'PPNeueMontreal-Bold'; font-size:17px; line-height:100%;}
.people_ul li a p span b{font-weight:normal; position:relative; display:inline-block; text-align:center;}
.people_ul li a p span b::after{content:""; position:absolute; left:0; bottom:-3px; display:block; height:2px; width:0%; background-color:#000; transition:width 0.3s cubic-bezier(.16,.02,.17,.99);}
.people_ul li a p i{display:block; font-family:'PPNeueMontreal-Medium'; font-size:15px; line-height:100%; padding-top:7px; letter-spacing:0.5px;}


.member_popUp{
  display:block;
  position:fixed; width:700px; background-color:#fff; height:500px; left:50%; top:50%;
  transform:translate(-50%, -48%) scale(0.96);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
  box-shadow:0 0 0 100vmax rgba(0, 0, 0, 0.75); border-radius:20px; z-index:30;
}
.member_popUp.is-open{
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translate(-50%, -50%) scale(1);
}
html.member-pop-open{
  overflow: hidden;
  overscroll-behavior: none;
}
body.member-pop-open > *:not(.member_popUp){pointer-events:none;}
.mempop_div > .mempop_photo{
  width:150px; height:165px; box-sizing:border-box;
  position:absolute; left:51.2%; transform:translate(-50%,0); top:-70px;
  border-radius:20px; border:12px solid #fff;
  overflow:hidden;
}
.mempop_div > .mempop_photo img{
  width:100%; height:100%;
  display:block;
  object-fit:cover;
  object-position:center 22%;
  transform:scale(1.45);
  transform-origin:center 15%;
}
.member_popUp>a{position: absolute; right:0; top:-45px; }
.member_popUp>a img{width:42px;}
.mem_scroll{ position: absolute; top:120px;
  box-sizing:border-box; width:90%; margin-left:6.3%; padding:0px 0px 0px 0;
  max-height:346px; display:flex; flex-direction:column; overflow:hidden;
}
.mem_bio_scroll{
  flex:1 1 auto; min-height:0;
  overflow-y:auto; overflow-x:hidden;
  scrollbar-width:thin; scrollbar-color:#007cd5 #e0e0e0;
}
.mem_bio_scroll::-webkit-scrollbar{width:6px;}
.mem_bio_scroll::-webkit-scrollbar-track{background:#e0e0e0;}
.mem_bio_scroll::-webkit-scrollbar-thumb{background:#007cd5;border-radius:3px; min-height:40px;}
.mem_bio_scroll::-webkit-scrollbar-button{display:none; width:0; height:0;}


.mem_scroll h4{text-align:center; font-family: 'PPNeueMontreal-Bold', Pretendard; font-size:32px; font-weight:700; box-sizing:border-box;}
.mem_scroll h5{text-align:center; font-family:'PPNeueMontreal-Medium', Pretendard; font-size:20px; line-height:150%; font-weight:500; padding-top:10px; box-sizing:border-box;}
.mem_scroll p{text-align:left; font-family:'PPNeueMontreal-Medium', Pretendard; font-size:16px; line-height:180%; box-sizing: border-box;  padding-right: 10px; font-weight:500; padding-top:50px; box-sizing:border-box; position:relative; white-space:pre-line;}
.mem_scroll p::after{content:""; background-color:rgba(0, 0, 0, 0.15); width:80px; position: absolute; display:block; height:2px; left:50%; top:20px; transform:translateX(-50%);}


.sub_content_division_partners{background-color:#eff3f6; padding-bottom:clamp(70px, 14vw, 200px);}
.partners_title{width:100vw; display:flex; align-items:center; justify-content:center; text-align:center;}
.partners_title>div{width: clamp(800px, 78vw, 1200px); padding-top:clamp(50px, 8vw, 120px); width:100%;}
.partners_title h2{color:#004DA6; font-size:clamp(30px, 3.6vw, 52px); font-family:'monbaiti'; line-height:120%;}
.partners_title p{font-size:clamp(15px, 1.5vw, 24px); font-family: 'PPNeueMontreal-Book'; line-height:170%; color:#000; padding-top:clamp(25px, 3.4vw, 60px);}
.partners_title h3{font-size:clamp(18px, 2.1vw, 29px); padding-top:clamp(45px, 8.2vw, 90px); font-family: 'PPNeueMontreal-Medium'; color:#000; line-height:170%; position:relative;}
.partners_title h3::after{content:""; width:6vw; position:absolute; background-color:rgba(0, 0, 0, 0.3); left:50%; transform:translate(-50%); top:47px; height:1px;}

.partners_cont_1{display:flex; align-items:center; justify-content:center; padding-top:clamp(50px, 9vw, 200px);}
.partners_cont_1>div{width:clamp(400px, 77vw, 1500px);}
.partners_cont_1 ul{display:flex; align-items:flex-end; justify-content:space-between; }
.partners_cont_1 ul li:nth-of-type(1){font-size:clamp(18px, 2.6vw, 50px); color:#1D4099; width:50%; font-family: 'PPNeueMontreal-Bold'; line-height:140%; position:relative;}
.partners_cont_1 ul li:nth-of-type(1)::before{content:""; width:8vw; background-color:#0069E2; height:1px; display:block; position: absolute; left:0; bottom:-40px;}
.partners_cont_1 ul li:nth-of-type(2){width:50%;}
.partners_cont_1 ul li:nth-of-type(2) img{width:100%;}
.partners_cont_1>div>p{padding-top:clamp(50px, 8vw, 110px); font-family:'PPNeueMontreal-Book'; font-size:clamp(15px, 1.5vw, 24px); line-height:170%; color:#000; box-sizing:border-box; padding-left:10vw;}

.partners_cont_2{display:flex; align-items:center; justify-content:center; padding-top:clamp(50px, 9vw, 200px);}
.partners_cont_2>div{width:clamp(400px, 77vw, 1500px);}
.partners_cont_2 ul{display:flex; align-items:flex-end; justify-content:space-between; gap:10%; }
.partners_cont_2 ul li:nth-of-type(2){font-size:clamp(18px, 2.6vw, 50px); color:#1D4099; width:40%; font-family: 'PPNeueMontreal-Bold'; line-height:140%; position:relative;}
.partners_cont_2 ul li:nth-of-type(2)::before{content:""; width:8vw; background-color:#0069E2; height:1px; display:block; position: absolute; left:0; bottom:-40px;}
.partners_cont_2 ul li:nth-of-type(1){width:50%;}
.partners_cont_2 ul li:nth-of-type(1) img{width:100%;}
.partners_cont_2>div>p{padding-top:clamp(50px, 8vw, 110px); font-family:'PPNeueMontreal-Book'; font-size:clamp(15px, 1.5vw, 24px); line-height:170%; color:#000; box-sizing:border-box; padding-left:10vw;}

.sub_content_division_news{background-color:#eff3f6; padding-bottom:clamp(70px, 14vw, 200px); padding-top:clamp(70px, 8vw, 130px);  display:flex; align-items:center; justify-content:center;}
.news_list{width:clamp(70px, 80vw, 1300px);}
.news_list .news_list_ul{display:flex; flex-direction:column;}
.news_list .news_list_ul>li{border-bottom:1px solid #CCCCCC; padding-bottom:clamp(15px, 2.2vw, 42px);}
.news_list .news_list_ul>li .news_l_comp_ul{display:flex; justify-content:center; gap:clamp(70px, 7%, 400px);}
.news_list .news_list_ul>li .news_l_comp_ul>li:nth-of-type(1) img{width:clamp(295px, 22vw, 400px); aspect-ratio: 167 / 92; object-fit:cover; display:block;}
.news_list .news_list_ul>li .news_l_comp_ul>li:nth-of-type(2){min-width:0; flex:1; display:flex; flex-direction:column; justify-content:space-between;}
.news_list .news_list_ul>li .news_l_comp_ul>li:nth-of-type(2) a{cursor: default;}
.news_list .news_list_ul>li .news_l_comp_ul>li:nth-of-type(2) a h5{font-size:clamp(24px, 1.9vw, 40px); line-height:1.4; color:#000; font-family:'PPNeueMontreal-Bold'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_list .news_list_ul>li .news_l_comp_ul>li:nth-of-type(2) a p{font-size:clamp(19px, 1.1vw, 20px); line-height:150%; color:#000; font-family: 'PPNeueMontreal-Book'; padding-top:clamp(20px, 1.2vw, 40px); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden;}

.news_list .news_list_ul>li .news_l_comp_ul>li:nth-of-type(2) span{/*padding-top:10px;*/ display:flex; align-items:center; justify-content:flex-end;}
.news_list .news_list_ul>li+li{padding-top:clamp(15px, 2.2vw, 42px);}

.news_list_page{font-family: 'PPNeueMontreal-Book'; margin-top:clamp(20px, 4.5vw, 80px);}
.news_list_page_in{display:flex; align-items:center; justify-content:center; gap:0 40px;}
.news_list_page_in>a{display:flex; align-items:center; justify-content:center; color:#000; gap:0 10px; letter-spacing:3px; font-size:16px;}
.news_list_page_in>a img{width:70px;}
.news_list_page_in>a.active{}
.news_list_page_in>a.de_active{color:#BABABA; cursor:default;}
.news_list_page_in>a.de_active img{filter:brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(85%) contrast(170%);}
.news_list_page_in ul{display:flex; align-items:center; justify-content:center; gap:0 40px;}
.news_list_page_in ul li a{font-size:17px; color:#000;}
.news_list_page_in ul li a.active{font-family:'PPNeueMontreal-Bold'; position:relative; color:#0D3F92;}
.news_list_page_in ul li a.active::after{content:""; height:2px; width:110%; bottom:-5px; position: absolute; left:0; display:block; background-color:#0D3F92;}
.news_list_page_in ul li a:hover{font-family:'PPNeueMontreal-Bold'; color:#0D3F92;}
.news_list_page_in ul li a:hover i{font-family: 'PPNeueMontreal-Book'; font-weight:bold; text-decoration:underline;}
.news_list_page_in ul li a i{display:block; letter-spacing: 3px; color:#000; font-weight:600;}

.news_view_table{border-top:1px solid #BABABA; }
.news_view_table tr td.view_title{font-family: 'PPNeueMontreal-Bold'; font-size:clamp(18px, 3.3vw, 40px); text-align:center; padding:30px 0 30px; border-bottom:1px solid #BABABA;}
.news_view_table tr td.view_content{padding-top:40px;}
.news_view_table tr td.view_content img{padding-bottom:30px;}
.news_view_table tr td{font-family: 'PPNeueMontreal-Book', Pretendard; font-size:clamp(18px, 1.4vw, 22px); line-height:170%; letter-spacing:0.5px;}
.view_cont_outLink{display:flex; justify-content: flex-end; align-items:center; padding-bottom:clamp(50px, 4.2vw, 100px); padding-top:clamp(20px, 2vw, 50px);  border-bottom:1px solid #BABABA; }


.news_write_table tr td.view_input{padding:20px 0; border-bottom:1px solid #BABABA;}
.news_write_table tr td.view_title{text-align:left; width:clamp(80px, 10vw, 140px); padding:20px 0; font-size:clamp(16px, 1.4vw, 22px); border-bottom:1px solid #BABABA;}
.news_write_table .news_write_input{width:100%; box-sizing:border-box; border:1px solid #BABABA; padding:12px 16px; font-family:'PPNeueMontreal-Book', Pretendard; font-size:clamp(16px, 1.4vw, 22px); line-height:150%; letter-spacing:0.5px; color:#000;}
.news_write_table textarea.news_write_input{min-height:400px; resize:vertical;}
.news_write_table .write_bottom_td{border-bottom:1px solid #BABABA; padding-top:30px; }
.news_view_table tr td.write_font_1{font-family:Pretendard, -apple-system; font-weight:400;}
.write_font_2{font-family:Pretendard, -apple-system; font-weight:400; font-size:16px;}
.news_list_page_in ul li a i.grayC{color:#86b5d7; font-weight:800;}
.news_list_page_in ul li a i.blueC{color:#007ed9; font-weight:800;}