@charset "utf-8"; /* */
/**
* @author CodeClicker
*/

.site-header {position:fixed;width:100%;height:82px;z-index:9; padding:0 321px; display:grid; grid-template-columns: 1fr 2.36fr 1fr; align-items:center; overflow-x: hidden;  background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
 
.site-header.MOB { display: none; }

.site-header .main-navigation {width:100%;}
.site-header .main-navigation .menu {display: flex;justify-content: space-between;align-items: center;width: 100%;}

.site-header ul li a {color:#fff;font-size: 16px;font-weight: 600;line-height: 20px; transition: color 0.3s;}
.site-header ul li a:hover { color:#F89B11; }

.site-header ul li a.this {color:#F89B11; ;font-weight: 800;}


.site-header .site-inquiry {display:flex; justify-content:end;}
.site-header .site-inquiry a {text-decoration: none;color: #fff;}
.site-header .site-inquiry .site-inquiry-btn {width: 133px;background: #fff;border-radius: 35px;display: flex;justify-content: center;align-items: center;height: 30px;}

.site-header .site-inquiry .site-inquiry-btn span {font-size: 14px;color: black;font-weight: 700;}



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

.site-header.PC { display: none; }
.site-header.MOB { display: flex;  height: 52px; justify-content: space-between; padding: 0 15px; align-items: center; background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}

.site-header .site-branding { width: 86px;  height: 100%; display: flex; align-items: center; }
.site-header .site-branding img { width: 100%; height: auto; }	
	
.site-header .mob_menu_wrapper { display: flex; align-items: center; justify-content: center; width: 24px; height: auto;}
.site-header .mob_menu_wrapper img { width: 100%; height: auto; }
}