/* 공통 START */

:root {
	--easing1 : cubic-bezier(0.68, 0.03, 0.33, 1);
	--ease-in-out-quart: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn_round_plus {padding:15px 26px 15px 38px; font-size: 24px; font-weight: 700; border-radius:100px; background:#fff; display:inline-flex; gap:21px; align-items:center; height:62px; }

body:has(.header_transparent) .header_wrap {background:transparent;}
body:has(.header_transparent) .header_wrap .gnb_main ul li a {color:#fff;}
body:has(.header_transparent) .header_wrap .header_logo a {background-image: url("../images/common/logo_jei_white.svg");}
body:has(.header_transparent) .header_wrap .header_btns .btn_menu {background-image: url("../images/common/btn_hamburger_white.svg");}
/* 화면 이동 직전 */
/*.layer_fadeout {content:""; display: inline-block; position:fixed; transform:translate(-50%, -50%); left:50%; top:50%; border-radius:50%; background:#fff; width:0; height:0; z-index:-3;}
body.fadeout .layer_fadeout {z-index:2000; animation: bodyFadeOut 1.4s forwards; }

@keyframes bodyFadeOut {
	0% {width:0; height:0;}
	40% {width:15vw; height:15vw; border-radius:50%; }
	45% {width:15vw; height:15vw; transform:translate(-50%, -50%) skew(0); border-radius:50%;}
	50% {width:15vw; height:15vw; transform:translate(-50%, -50%) skew(27deg); border-radius:50%;}
	80% {width:15vw; height:15vw; transform:translate(-50%, -50%) skew(27deg); border-radius:50%;}
	100% {width:100vw; height:100vh; transform:translate(-50%, -50%) skew(0); border-radius:0;}
}

body::before {content:""; position:fixed; left: 0; right: 0; bottom: 0; top: -40vh; background:#fff; width:100vw; height:140vh; z-index:2000; animation:bodyFadeIn 1.3s forwards var(--easing1); }

@keyframes bodyFadeIn {
	0% { top:-40vh; }
	100% {top:100%; }
}
.bg_fadeout {position:fixed; left:0; right:0; bottom:0; top:0; background:rgba(0,0,0,0.4); transition:0.3s; opacity:0; z-index:-3; }
body.fadeout .bg_fadeout {opacity:1; z-index:1900; } */








/* 공통 END */



/* ================================== 그룹소개 START */

.visual_circle {position:relative; background:#fff; width:100%; height:100vh; overflow:hidden; }
.visual_circle .container {height:100vh;}
.visual_circle h3 {position:absolute; font-size: 60px; line-height: 80px; font-weight: 700; top:calc(50% - 80px); z-index:3;} 

.sec1_wrap {width: 100%; height:100%; position: absolute; left: 0; top: 0; z-index:2;}
.sec1_wrap .bg_img {width:1409px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); margin-left: 750px;  margin-top: 110px; /*  right:-504px; bottom:-130px; */  }
.cover_img {width: 100%; height: 100%; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center;  }
.cover_img svg { position: absolute; left: 50%;  top: 50%; transform: translate(-50%, -50%); }


.grow_text { display: flex; align-items: center; width:100%; height:100vh; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; opacity:0;}
.grow_text::before {content:""; width:100%; height:100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background:rgba(0,0,0,0.36); }
.grow_text .container {display:flex; justify-content: center; flex-direction:column; gap:48px; }
.grow_text .container p { transform:translateY(100px); opacity:0;}
.grow_text p {color:#fff; font-size: 32px; line-height: 48px; font-weight: 500;}

/* .intro .sec1_wrap .bg_img { margin-left: 240px;  margin-top: 210px; width:1215px;}
.intro .sec1_wrap .bg_img img { max-width: initial;  width: 100%;} */

.intro .sec1_wrap .bg_img { margin-left: 344px;  margin-top: 275px; width:1490px;}
.intro .sec1_wrap .bg_img   video { max-width: initial;  width: 100%;}


.charter_wrap { background: url("/public/images/company_black_bg.png") no-repeat center / cover ; display:flex; align-items:center; width:100%; height:100vh;}
.charter_wrap .text_wrap h3 {color:#fff; font-size: 48px; line-height: 68px; font-weight: 700;}
.charter_wrap .text_wrap p {color:#fff; font-size: 24px; line-height: 40px; font-weight: 400; margin-top: 30px; margin-bottom: 80px;}
.layer_pop.char_pop.__system .__head,
.layer_pop.char_pop.__system .__body {padding:0 66px; }
.layer_pop.__system.char_pop .layer_content .container .layer_inner_container {padding:88px 0;}
.layer_pop.char_pop.__system .layer_content .layer_inner_container { box-shadow: 4px 8px 40px 0px #00000014; box-sizing:border-box; border-radius: 20px; text-align: center; }
.layer_pop.char_pop.__system .layer_content .container {background:#EBEDF0; }
.layer_pop.char_pop.__system .__body { background:url("/public/images/intro_char_bg.svg") no-repeat center 57px / cover; padding-top: 210px; margin-top: 0;}
.layer_pop.char_pop .__body h5 {font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.layer_pop.char_pop .__body > p {font-size: 16px; line-height: 25px; font-weight: 400; margin-bottom: 49px;}

.char_pop .bg_white {border-radius:20px; background:#fff; padding:35px 93px 34px; margin-bottom:24px; }
.char_pop .content {padding-top: 210px;}
.char_pop .content > p {margin-bottom: 49px;}
.char_pop .value.bg_white {padding:58px 93px 59px; }
.char_pop .value ul {display:flex; flex-wrap:wrap; gap:12px; margin-top: 18px;}
.char_pop .value ul li {border:1px solid #EAEAEA; width:calc(50% - 6px); border-radius:20px; height:128px; padding: 24px; box-sizing:border-box; display: inline-flex; gap: 20px; align-items: center;}
.char_pop .value .alphabet {background:#EBEDF0; width:70px; height:70px; border-radius:20px; display:inline-flex; justify-content:center; align-items:center; font-size: 28px; font-weight: 700; }
.char_pop .value ul li > div:not(.alphabet) {display:inline-flex; align-items:center; flex-direction:column; gap:4px; align-items: flex-start;}

.char_pop .behavior.bg_white {padding:62px 93px; }
.char_pop .behavior ul { margin-top: -13px;}
.char_pop .behavior li {text-align:left; padding:27px 42px; border-bottom: 1px solid #CBCBCB;}
.char_pop .behavior li strong {font-size: 16px; font-weight: 700; display: inline-block; margin-bottom: 1px;}
.char_pop .behavior li p {font-size: 16px; line-height: 25px; font-weight: 400;}

.char_pop .behavior li:last-child {border-bottom: none;}

.layerpop_bg {position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.6); display: none; }








.purpose_wrap h2 {margin-bottom: 105px; font-size: 52px; line-height: 68px; font-weight: 700;}
.title_label {margin-bottom: 10px; font-size: 30px; line-height: 40px; color:rgba(0,0,0,0.4); display: inline-block; font-family: var(--font-Proxima); text-transform:uppercase; font-weight: 700 ; }
.title_sub {font-size: 42px; line-height: 60px; font-weight: 700; margin-bottom: 60px;}

.vision_wrap.container {width: 100%;  padding-top : 280px; padding-bottom: 180px;}
.vision_wrap ul {display:flex; justify-content:space-between; }
.vision_wrap ul li {max-width:360px; width:100%; }
.vision_wrap ul li h5 {text-transform:uppercase; font-size: 32px; line-height:1.25; font-weight: 700; margin:30px 0 7px; }
.vision_wrap ul li p {font-size: 20px; line-height:1.4; font-weight: 500;}

.mission_wrap {margin-bottom: 240px; }
.mission_wrap ul { width:100%; margin-top:20px; display:flex; justify-content:center; position:relative;}
.mission_wrap ul li {background:#fff; width:400px; height:404px; display: inline-block; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:40px; position:relative; }
.mission_wrap ul li h5 {font-size: 28px; font-weight: 700;}
.mission_wrap ul li p {margin:0 29px; font-size: 20px; font-weight: 500; color:#444; line-height: 1.2; text-align: center; }
.mission_wrap svg {position:absolute; left:-4px; top:0; width: 408px; height:auto; stroke-dasharray : 1270; stroke-dashoffset : 1270; }

.mission_wrap li:nth-child(1) svg {animation-delay:0.35s;}
.mission_wrap li:nth-child(2) svg {animation-delay:0.7s;}
.mission_wrap li:nth-child(3) svg {animation-delay:1.05s;}

.mission_wrap ul::after,
.mission_wrap ul::before { content:""; width:0; height:1px; background:#000; position:absolute; top:50%; z-index:-1; left:0; }
.mission_wrap ul::after {left:calc(((100vw - 1214px) / 2) + 1200px); }
 
@keyframes mission_1 {
	0% { width:0; }
	100% { width:calc((100vw - 1200px) / 2); }
}

@keyframes mission_2 {
	to { stroke-dashoffset : 0;}
}

.mission_wrap.active ul::after,
.mission_wrap.active ul::before {animation:mission_1 1s forwards var(--easing1);}
.mission_wrap.active ul::after {animation-delay:1.95s;}
.mission_wrap.active svg {animation:mission_2 1s forwards var(--easing1);}

.value_wrap {margin-bottom: 151px;}
.value_wrap > div > h2 {margin-bottom: 24px;;}
.value_wrap > div > p {font-size: 24px; line-height: 34px; font-weight: 700; font-weight: 500;}
.value_wrap .img_wrap {border-radius:20px; height:259px; margin:60px 0 107px; background:url("/public/images/company_intro_sec5.png") no-repeat 89% 76% / 1275px; }
.value_wrap:first-of-type {margin-bottom: 57px;}
.value_wrap > span {text-transform:capitalize;}
.value_wrap dl {margin-bottom: 58px; display:flex; border-top:2px solid #000; }
.value_wrap dl dt {width:34%; font-size: 32px; font-weight: 600; padding-top: 28px;}
.value_wrap dl dd {width:66%;}
.value_wrap li {padding:28px 0; border-bottom: 1px solid #CBCBCB;}
.value_wrap li:last-child {border-bottom: none;}
.value_wrap li span {font-size: 18px; font-weight: 700;}
.value_wrap li p { line-height: 19px; font-size: 16px; font-weight: 700; margin-top: 7px;}


.ceo_wrap {background:#000; padding:210px 0; margin-top: 151px; display: none;}
.ceo_wrap .container {display:flex; justify-content:space-between; align-items:center;}
.ceo_wrap .text_wrap { width:558px; }
.ceo_wrap .text_wrap h3 {margin-bottom: 176px; color:#fff; font-size: 48px; font-weight: 700; line-height: 68px;}
.ceo_wrap .text_wrap p {font-size: 20px; line-height: 30px; font-weight: 700; color:#fff;}
.ceo_wrap .ceo_img {border-radius:20px; width: 538px; height:646px; background:url("/public/images/company_intro_ceo.png") no-repeat 86% 50% / auto 100%; }

/* ================================== 회사소개 END */

/* ================================== 연혁 START */
.history { }
.history .sec1 {position:relative; margin-bottom: 101px; flex-direction:column; height:100vh; }
.history .sec1 .container { padding-top: 206px; padding-bottom: 120px; }

.history .title_primary {overflow:hidden; text-align:left;}
.history .title_primary span {transform:translateY(100px); display: inline-block; animation:upText 1.2s forwards; }
.history .title_primary:last-child span { animation-delay : 0.5s;}

@keyframes upText {
	0% {transform:translateY(100px);}
	100% {transform:translateY(0);}
}

.history .cover_wrap {position:absolute; left: 0; top: 0; bottom: 0; right: 0; width:100%; height:100%; clip-path: inset(47% 0% 0% 0%);}

.history .title_primary.white {color:#fff;}
.history .img_wrap {/* background:url("/public/images/company_history_bg.png") no-repeat 50% 100% / 100%; */overflow:hidden; width: calc(100vw - 120px); height:618px; margin:0 auto; position:absolute; top:47%; left:50%; transform:translateX(-50%); z-index:-1;}
.history .img_wrap img {width:auto; min-height:100%; max-width: inherit; position:absolute; left:50%; transform:translateX(-50%);}
.history .title_01 p {margin-top: 63px; font-size: 32px; line-height: 46px; font-weight: 500; color:#fff; text-align:left; opacity:0; transform:translateY(100px);}
.history .img_wrap .bg_black {  position:absolute; left: 0; bottom: 0; top: 0; right: 0 ; background:rgba(0,0,0,0.6); display: inline-block; opacity:0;} 










.history .sec2 {display:flex; align-items:center; width:100vw; height:100vh; }
.history .sec2 .img_wrap {position:absolute; left:0; right:0; margin:0; background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("/public/images/company_history_bg.png") no-repeat 50% 100% / cover; width: 100%; height:100%; }

.history .sec2 .title_01 {color:#fff; }
.history .sec2 p {margin-top: 63px; font-size: 32px; line-height: 46px; font-we  ight: 700;}

.history_area.container {margin:169px auto 120px; display:flex; align-items: flex-start; justify-content:center; gap:84px; flex-direction: row-reverse; padding-bottom: 120px;}

.history_area::after {content:""; width:1px; height:100%; background: rgba(0,0,0,0.2); display: inline-block; position:absolute; left:53%; top:0;}


.history_area .term .year_text {font-size: 28px; font-weight: 600; line-height: 40px; display: flex; background:#fff; align-items: center;}
.history_area .term h4 {font-size: 42px; line-height: 60px; font-weight: 700; margin: 9px 0 40px; background:#fff;}
.history_area .term .thumb {max-width:546px; height: 359px; position:relative; overflow:hidden; border-radius:22px; }

.history_area .term .thumb img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) ;  }





.history_area .term .lbl { font-size: 16px; line-height: 28px; color:rgba(0,0,0,0.4); font-weight: 500; display:flex; margin-top: 10px; background:#fff; }
.history_area .years {width:534px; padding-left: 36px; }
.history_area .years ~ .years {padding-top: 420px;}
.history_area .year {display:flex; gap: 46px; }
.history_area .year h5 {font-size: 24px; line-height: 40px; font-weight: 700;}
.history_area .year ul {margin-bottom: 18px;}
.history_area .year li {font-size: 20px; line-height: 40px; font-weight: 500; margin-bottom: 12px; word-break: keep-all; }

.term_wrap {position:relative; width:546px; height:605px;}
.term_wrap .term {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.term_wrap .term.show {opacity:1;}


.term_wrap .term[data-years="2020"] {opacity:1;}


.history_area .term .thumb img {transition:clip-path 1.5s; display: inline-block; clip-path: ellipse(50% 0% at 50% 100%); } 

.term_wrap .term.show .thumb img { clip-path: ellipse(300% 300% at 50% 100%);}



.sub_wrap.history.odometer-auto-theme, .sub_wrap.history.odometer-inside, .sub_wrap.history.odometer-digit, .sub_wrap.history.odometer-digit-spacer, .sub_wrap.history.odometer-digit-inner, .sub_wrap.history.odometer-ribbon, .sub_wrap.history.odometer-ribbon-inner, .sub_wrap.history.odometer-value, .sub_wrap.history.odometer span, .odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: var(--font-set) !important; line-height: 1.5 !important; }



/* 마우스 반응 - 배경 차오르는 효과 */
.btn_circle_fill { transition:0.3s; position:relative; overflow:hidden; box-sizing:border-box;}
.btn_circle_fill .button-fullup__flair { bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transform: scale(0); transform-origin: 0 0; will-change: transform; }
.btn_circle_fill .button-fullup__flair:before { aspect-ratio: 1/1; background: #FF4848; border-radius: 50%; content: "";  display: block; left: 0; pointer-events: none; position: absolute; top: 0; transform: translate(-50%, -50%); width: 170%; }
.btn_circle_fill .button-fullup__label {  position: relative; text-align: center; display: block; font-weight: 600; z-index:5; }
.btn_circle_fill:hover .button-fullup__label { color: #fff; transition: color 0.15s var(--ease-in-out-quart); }
.btn.bd_black.btn_circle_fill .button-fullup__flair:before ,
.btn.btn_download.btn_circle_fill .button-fullup__flair:before {background:#000;}
.btn.bg_black.btn_circle_fill .button-fullup__flair:before {background:#fff;}
.btn.bg_black.btn_circle_fill:hover { border:1px solid #000;}
.btn.bg_black.btn_circle_fill:hover .button-fullup__label {color: #000; }
.btn.btn_download.btn_circle_fill .button-fullup__label {background:url("../images/common/ico_download.svg") no-repeat right 20px center; text-align:left;}
.btn.btn_download.btn_circle_fill:hover .button-fullup__label {background-image:url("../images/common/ico_download_white.svg");}


/* ================================== 사업분야 - 계열사 START */
.tabs {padding:24px 0;  background:#fff;  box-shadow:0 4px 8px rgb(0 0 0 / 5%);}
.affi_wrap .tabs {box-shadow:none;}
.tabs .container {display:flex; gap:20px; }
.tabs.fixed {position:fixed; top:81px; left:0; right:0; z-index:3; justify-content:center; padding:10px 0; }
.affi_wrap .tabs.fixed { box-shadow:0 4px 8px rgb(0 0 0 / 5%);}

/* .tabs a {font-weight: 500; border-radius:50px; color:rgba(0,0,0,0.2); font-size: 20px; line-height: 40px; padding: 6px 30px; transition:0.3s; position:relative; overflow:hidden;}
.tabs a .button-fullup__flair { bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transform: scale(0); transform-origin: 0 0; will-change: transform; }
.tabs a .button-fullup__flair:before { aspect-ratio: 1/1; background: #FF4848; border-radius: 50%; content: "";  display: block; left: 0; pointer-events: none; position: absolute; top: 0; transform: translate(-50%, -50%); width: 170%; }
.tabs a .button-fullup__label {  position: relative; text-align: center; display: block; font-weight: 600; z-index:5; }
.tabs a:hover .button-fullup__label { color: #fff; transition: color 0.15s var(--ease-in-out-quart); } */
 .tabs a {font-weight: 500; border-radius:50px; color:rgba(0,0,0,0.2); font-size: 20px; line-height: 40px; padding: 6px 30px; transition:0.3s; position:relative; overflow:hidden;}
.tabs a.active {background:#FF4848; font-weight: 700; color:#fff;	}

.affiliate_wrap.container {padding-top: 120px;}
.affiliate_wrap h2 {font-size: 56px; line-height: 64px; font-weight: 700;}
.affiliate_wrap h3 {font-size: 46px; line-height: 64px; font-weight: 700; margin-top: 12px; margin-bottom: 36px;}
.affi_item:first-child {padding-top:94px;}
.affi_item { padding-bottom: 150px;}
.affi_item .thumb {width:100%; height:500px; background:#ccc; overflow:hidden; border-radius:10px;}
.affi_info {display:flex; justify-content:space-between;  margin-top: 40px;}
.affi_item .btn_link {font-size: 32px; font-weight: 700; display:flex; align-items:center; }
/* .affi_item .btn_link::after {content:""; margin-left: 20px; width:32px; height:32px; display: inline-block; background:url("/public/images/common/ico_arrow_right_top.svg") no-repeat center / cover; } */
.affi_item .btn_link:not(.none_arrow)::after {content:""; margin-left: 20px; width:32px; height:32px; display: inline-block; border-radius:50%; border:2px solid #000; background:url("/public/images/common/ico_arrow_right_top.svg") no-repeat -34px -2px / 64px;}
.btn_link.none_arrow {cursor:default;}
.affi_item .btn_link:hover::after {animation:1s arrowUp infinite;}

@keyframes arrowUp {
	0% { background-position: -34px -2px;}
	100% { background-position:-2px -34px}
}

.affi_item h6  {font-size: 24px; font-weight: 500;}

.affi_item p {max-width:760px; font-size: 20px; line-height: 30px; font-weight: 400; color:#444;}
#tab_global .affi_item p {max-width:100%; word-break:keep-all; }

.tabs.fixed + .contents {margin-top: 140px;}
.affiliate_wrap .content { display: none;}
.affiliate_wrap .content.show {display: block; animation:1s tabshowContent forwards ease-out; }

@keyframes tabshowContent {
	0% { opacity: 0; transform: translateY(-100px); visibility:hidden; }
	100% {opacity: 1; transform: translateY(0); visibility:visible; }
}

.business_area { border-top:1px solid rgba(0,0,0,0.2); padding-top: 49px; margin-top: 40px; }
.business_area h4 {font-size: 24px; font-weight: 700;  margin-bottom: 21px; }
.business_area li {border-radius:10px; padding:40px 60px; background:#F3F3F3; margin-bottom: 20px;}
.business_area li:last-child {margin-bottom: 0;}
.business_area .btn_link {font-size: 24px;}
.business_area h6 {font-size: 20px; margin: 11px 0 21px;	}
.business_area p { color:#999999; font-size: 16px; line-height: 24px; max-width:100%; }
/* ================================== 사업분야 - 계열사 END  */

/* ================================== 사업분야 - 사회공헌 START */
.visual_circle.bg {background: url("../images/business_affi_visual.jpg") no-repeat center / cover; }
.visual_circle.bg::before {content:""; width:100%; height:100vh; background:rgba(0,0,0,0.5); position:absolute; left:0; top: 0; bottom: 0; right: 0; }
.visual_circle.bg h4 {color:#fff; font-size: 52px; line-height: 72px; font-weight: 700; margin-bottom: 20px;}
.visual_circle.bg p { color:#fff; font-size: 22px; line-height: 32px; font-weight: 400;}
.visual_circle.bg > .container { display:flex; flex-direction:column; justify-content:center;}
.contri_wrap > .container {padding:180px 0 228px; display:flex; justify-content:space-between;}
.left_text h4 {font-size: 48px; line-height: 68px; font-weight: 700; margin-bottom: 27px;	}
.left_text p {font-size: 24px; font-weight: 400;	}


.right_thumb {max-width:676px;}
.right_thumb .thumb {height:820px;}
.contri_wrap .affi_item .btn_link {font-size: 28px; margin:37px 0 15px; gap:14px; align-items:flex-start;}
.contri_wrap .affi_item .btn_link::after {margin-left: 0; margin-top: 6px;}
.contri_wrap .affi_item p {font-size: 18px; line-height: 26px; }




.contributes {margin-left: 47vw;}
.contributes ul {display:flex; gap:28px; align-items:flex-start; max-width:420px;}
.contributes .affi_item { flex: 1 1 0;}
.contributes .affi_item .thumb {height:480px; display: flex; justify-content: center; align-items: center; }
.contributes .affi_item .thumb img { height: 100%; max-width: initial;}
.contri_wrap .affi_item:first-child {padding: 0;}
/* ================================== 사업분야 - 사회공헌 END */





/* ================================== 미디어 - 뉴스 START */

.news_wrap {margin-bottom: 240px;}
.news_wrap h2 {margin-top:120px; margin-bottom:120px; text-align: center; font-size: 64px; font-weight: 700; font-family:"Proxima"; }
.news_wrap h2:has(span) {line-height: 0; margin-top: 173px; text-transform:capitalize;}
.news_wrap h2 span { font-size: 26px; opacity: 0.2; font-weight: 700; display: inline-block; margin-bottom: 48px; text-transform:capitalize;}
.news_wrap .sub_tit {font-weight: 700; font-size: 30px; line-height: 37px; margin-bottom: 14px; font-family:"Proxima";}
.newest_wrap {width:100%; display:flex; justify-content:space-between; position:relative;}
.news_wrap .card_wrap ul li strong {font-size: 16px; color:#FF3033; font-weight: 500;}
.news_wrap .module_gallery_2 {display: flex; flex-direction: column-reverse; align-items: center;}
.paging a:has(strong),
.paging a:has(strong):hover { background:#FF3033; }
.paging strong {color:#fff; font-weight: 500;}


.news_wrap .date {font-size: 18px; font-weight: 400; color:#999; display:flex; align-items:center; gap:14px; }
.news_wrap h5 {font-size: 24px; font-weight: 700; margin: 24px 0 12px; letter-spacing:-0.02em; }
.newest_wrap .thumb {width:700px; height:410px; border-radius:15px; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.newest_wrap .thumb img { min-width:100%; min-height:100%;}
.newest_wrap .text_swiper strong {color:#FF3033; font-weight: 500; font-size: 18px;}
.text_swiper {z-index:3; width:400px;  box-sizing:border-box; overflow:hidden;}
.thumb_swiper {width:700px; position:relative; }
.thumb_swiper::before {content:""; width:150%; height:100%; background:#fff; position:absolute; right:100%; top:0; z-index:2;}
.slider_controller {position:absolute; bottom: 45px; z-index:4; width:400px; display:flex; }
.slider_controller img {transition:0.2s;}
.slider_controller .swiper-prev img {transform:rotate(180deg);}
.slider_controller [aria-disabled="true"] img {opacity:0.2;}
.slider_controller .pagination {font-weight: 700; font-size: 20px; color:rgba(0,0,0,0.2);}
.slider_controller .pagination .swiper-pagination-current {color:rgba(0,0,0,1);} 
.newest_slide_button { display: flex; gap: 15px; min-width: 100px; justify-content: flex-end;}


.media_list {margin-top: 204px;}
.media_list .form_element select {width:120px; border:none;}

.media_list .search_wrap {display:flex; flex-direction:row-revers; }
.media_list .search_wrap .search_box {position:relative; width : calc(100% - 120px);}
.media_list .search_wrap .search_box input[type="text"] { border:none; padding-left: 46px; border-bottom:rgba(0,0,0,0.4); width:100%; border-bottom: 1px solid rgba(0, 0, 0, 0.4);  }
.search_box input[type="text"]::placeholder {color:rgb(0 0 0 / 40%); font-weight: 500; font-size: 24px;}
.media_list .search_wrap .search_box .btn {width:24px; height:24px; position:absolute; left: 0; top: 50%; transform: translateY(-50%); }
.media_list .no_result {width:100%; padding:146px 0 98px; text-align: center;}
.media_list .no_result span {color:rgba(0,0,0,0.4); font-size: 28px; line-height: 38px; font-weight: 500;}
.card_wrap {margin:60px 0 0;}
.card_wrap ul {display:flex; flex-wrap:wrap; gap: 60px 30px; margin-bottom: 120px;}
.card_wrap li {width: 380px; cursor:pointer; }
.card_wrap li .thumb {width:100%; height:228px; margin-bottom: 30px; overflow:hidden; background:#ccc;  }
.card_wrap li .thumb img { min-height:100%; width:100%; }
.card_wrap li h5 {margin:12px 0 30px;}
.card_wrap .ico_new {color:#fff; border-radius:50px; background:#FF3033; font-size: 18px; font-weight: 600; width:76px; height:32px; display:inline-flex; align-items:center; justify-content: center; }


.media_list { }












.gallery_wrap {margin-top:206px;}
.module_gallery_1 li {display:flex; align-items:center;}
.module_gallery_1 li ~ li {margin-top:28px;}
.module_gallery_1 .item_text {flex:1; padding-right:11.2%;}
.module_gallery_1 .item_title {margin-bottom:28px;}
.module_gallery_1 .item_title h5 {font-size:28px; line-height:34px; font-weight:700; margin-bottom:14px;}
.module_gallery_1 .item_title .title_date {color:#999; font-size:18px; line-height:22px; font-weight:400;}
.module_gallery_1 .item_content_text {color:#444; font-size:18px; line-height:1.25;}
.module_gallery_1 .item_thumb {width:50%; max-width:486px; height:284px; background:#d9d9d9;}
.module_gallery_1 .item_thumb img {width:100%; height:100%; object-fit:cover;}

	.view_wrap_2.container {margin:185px auto 240px;}
	.view_wrap_2 .view_head {flex-direction:column; padding-bottom:16px; padding-right:16px; border:none; border-bottom:1px solid #000;  margin-bottom:60px;}
	.view_wrap_2 .view_head .view_tags {display:flex; margin-bottom:16px; gap:6px;}
	.view_wrap_2 .view_head .view_tags span {color:#F40102; font-size: 16px; font-weight: 600; line-height: 19px;}
	.view_wrap_2 .view_head .view_title {font-size:38px; line-height:46px; margin-bottom:66px;}
	.view_wrap_2 .view_head .view_date {color:rgb(119 119 119 / 60%); font-size:14px; line-height:17px; font-weight:500; display:flex; justify-content:space-between; align-items:center; }
	.view_wrap_2 .view_bottom {display:flex; justify-content:space-between;}
	.view_wrap_2 .view_bottom li {flex-direction:column; gap:0; border-bottom:0; padding:0;}
	.view_wrap_2 .view_bottom li a {padding-left:30px; background:url("../images/common/ico_prev.svg") no-repeat left center;}
	.view_wrap_2 .view_bottom li ~ li a {padding-left:0; padding-right:30px; background:url("../images/common/ico_next.svg") no-repeat right center;}
	.view_wrap_2 .view_bottom li a.view_bottom_none {padding:0; background:none; opacity:0.5;}
	.view_wrap_2 .view_bottom li a.view_bottom_none:hover {text-decoration:none; cursor:default;}

.module_gallery_2 {margin-bottom:120px; position:relative; text-align: center; padding-top: 10px;}
.module_gallery_2 ul {display:flex; flex-wrap:wrap; gap:30px; margin-bottom:60px;}
.module_gallery_2 ul.list {flex-wrap: wrap; gap: 80px 30px;}
.module_gallery_2 ul li {width:calc(100% / 3 - 20px); border-radius: 16px; overflow: hidden; box-shadow: 0px 0px 10px 0px #0000001A; transition:0.3s;}
.module_gallery_2 ul li:hover { box-shadow: 0px 0px 10px 7px #0000001A;}
.module_gallery_2 .item_thumb {width:100%; height:220px; background:#d9d9d9; overflow:hidden;}
.module_gallery_2 .item_thumb img {width:100%; height:100%; object-fit:cover; transition:0.3s;} 
.module_gallery_2 ul li:hover .item_thumb img {transform:scale(1.1); }
.module_gallery_2 .item_title {padding:22px 24px 28px; box-sizing:border-box; display:flex; align-items:flex-start; flex-direction:column; height:220px; }
.module_gallery_2 .item_title h5 {font-size:24px; margin:0; line-height:1.25; text-align:left; /* padding-right:32px; margin-bottom:5px; background:url("../images/common/ico_link.svg") no-repeat right 8px center; */}
.module_gallery_2 .item_title .date {color:#999; font-size:18px; line-height:1.25; margin-top:auto;}
.module_gallery_2 .item_title .lbl {text-align: center; font-size: 16px; background:rgba(0,0,0,0.1); color:#999; display: inline-block; margin-bottom:14px; padding:5px 7px; min-width:63px; box-sizing:content-box; border-radius:50px; }

#slideService.module_gallery_2 { display:flex; align-items:center;}
#slideService.module_gallery_2 ul {}
/* .module_gallery_2 .btn {font-size: 24px; width: auto; margin-top: 73px; display: inline-flex; align-items: center; min-width: 115px; justify-content: space-between;} */

/* #slideService .btn {font-size: 24px; width: auto; display: inline-flex; align-items: center; min-width: 115px; justify-content: space-between;} */


.people_wrap .tabs + .container,
.people_wrap .tabs + .section {padding-top: 120px; }
.people_wrap .tabs.fixed + .container,
.people_wrap .tabs.fixed + .section {margin-top: 100px;}