@charset "utf-8";
/* html *{font-family: Times New Roman !important;} */
/* .fa , .far , .fas ,.fa *, .far *, .fas * {
    font-family: "Font Awesome 5 Free !important";
} */
#top_layout .top_wrap .logo_wrap { left: 80px; } 

#top_layout .top_wrap .utile_wrap { right: 80px; height: auto; } 

#top_layout .top_wrap { max-width: 100%; } 

#top_layout .top_wrap .logo_wrap { width: auto; display: flex; align-items: center; padding: 0; flex-wrap: nowrap;     top: 14px;} 

#top_layout .top_wrap .logo_wrap a.site-logo {position: static;width: 227px;height: 65px;background-image: url("/research/img/common/logo_2024.png");min-height: auto;background-size: auto 100%;} 

.in-search #top_layout .top_wrap .logo_wrap a.site-logo { width: 160px; height: 50px; background-image: url("/research/img/common/logo-w_2024.png"); } 
#top_layout .top_wrap .logo_wrap a.site-text { width: auto; padding-left: 20px;font-size: 22px !important;font-family: 'Poppins';} 

#top_layout .top_wrap .logo_wrap a.site-text:before { left: 10px; } 

#gnb_layout .depth1_ul>li>a span,
#gnb_layout .depth1_ul > li .depth2_ul > li > a span,
#gnb_layout .depth3_ul li a,
#gnb_layout .depth1_ul > li .item .gnb-title strong,
.two-section .text-box .content-text,
.two-section .text-box .link-box,
.section5 .inner .text>span,
.section4 .link-list li a,
#foot_layout .footer-link .item b,
#foot_layout .footer-link .item ul > li > a,
.section4 .link-list li a span,
#foot_layout .copyright .copy {font-family: 'Poppins' !important;}




@media screen and (max-width:1560px){
 #top_layout .top_wrap #logo { width: auto; padding-left: 0; } 

 #top_layout .top_wrap #logo a.site-logo { width: 247px; background-position: 0 0; } 
 #top_layout .top_wrap .logo_wrap { left: 30px; } 

#top_layout .top_wrap .utile_wrap { right: 30px;  } 
 }

@media screen and (max-width:768px){
#top_layout .top_wrap .logo_wrap a.site-text {padding-left: 15px; font-size: 18px !important;} 
 #top_layout .top_wrap #logo { max-width: 370px; width: 60%; height: 100%; top: 0; } 

 #top_layout .top_wrap #logo a.site-logo { width: calc(100% - 110px); aspect-ratio: 300/89; height: auto; background-position: left center; background-size: auto 100% ; } 
 #top_layout .top_wrap .logo_wrap { left: 15px; } 

#top_layout .top_wrap .utile_wrap { right: 15px;  } 
 }

@media screen and (max-width:430px){
 #top_layout .top_wrap .logo_wrap { left: 15px; } 
 #top_layout .top_wrap .logo_wrap a.site-text { padding-left: 10px;font-size: 15px !important; } 
 }