/*
Theme Name: GTHEME
Author: Geeat
Description: Great-Theme
Version: 1.0
*/

/* 여기에 스타일을 추가하실 수 있습니다. */

/* Noto Sans KR 폰트를 불러오기 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');

/* 본문과 제목에 Noto Sans KR 폰트 적용하기 */
body,
h1, h2, h3, h4, h5, h6, p, a {
    font-family: 'Noto Sans KR', sans-serif;
}

/* Reset */
body, h1, h2, h3, h4, p, ul, ol, li, figure, figcaption, blockquote {
    margin: 0;
    padding: 0;
}

/* Body & Wrapper */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

header {
    text-align: center;
    padding: 20px 0;
    width: 100%;
    background-color: #ffffff;
    padding: 10px 0;
    z-index: 10;
    text-align: center;
	border-bottom: 0.5px solid #BDBDBD;
}

/* Logo */
header h2 {
    font-size: 17px;
    z-index: 11; /* 사이트 제목이 메뉴 위에 오지 않게 함 */
    position: relative;
	min-width: 150px;
}

header h2 a {
    color: #333;
    text-decoration: none;
}

/* Navigation */

nav ul {
    list-style: none;
    display: inline-flex;
    justify-content: center; /* 추가된 부분 */
}

@media (min-width: 768px) {
	nav li {
		margin: 0 15px;
	}
}

@media (max-width: 768px) {
	nav li {
		padding: 5px;
	}
}

@media (min-width: 768px) {
	nav a {
		position: relative; 
		color: #000000; /* 하얀색 글씨 */
		text-decoration: none;
		transition: color 0.3s; /* 마우스 호버 시의 부드러운 색상 전환 */
		padding-bottom: 5px; /* 여기에 패딩을 추가하여 간격을 조절하였습니다. */
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	nav a {
		position: relative; 
		color: #000000; /* 하얀색 글씨 */
		text-decoration: none;
		transition: color 0.3s; /* 마우스 호버 시의 부드러운 색상 전환 */
		padding-bottom: 5px; /* 여기에 패딩을 추가하여 간격을 조절하였습니다. */
		font-size: 17px;
	}
}

@media (max-width: 768px) {
	header {
		position: sticky;
		top: 0px; 
	}
}

nav a:hover {
    color: #8C8C8C; /* 마우스를 올렸을 때의 색상 */
}

/* Mobile Sticky Buttons */
.mobile-buttons1 {
    position: fixed;
    bottom: 0px;
    left: 0px; /* 우측 여백 조정 */
    width: 50%; /* 넓이 조정 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
	background-color: #aa7b51;
	border-radius: 10px 0 0 0;
	border-top: 0.5px solid #ffffff;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
}

.mobile-buttons2 {
    position: fixed;
	bottom: 0px;
	right: 0px; /* 우측 여백 조정 */
    width: 50%; /* 넓이 조정 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
	background-color: #ffffff;
	border-radius: 0 10px 0 0;
	border-top: 0.5px solid #ffffff;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
}

.mobile-button1 {
    flex: 1;
    color: #ffffff;
    padding: 18px;
    transition: background-color 0.3s;
    display: flex;  
    align-items: center;  /* 아이템을 버튼의 세로축 중앙에 정렬 */
    justify-content: center;  /* 아이템을 버튼의 가로축 중앙에 정렬 */
    text-decoration: none;
}

.mobile-button2 {
    flex: 1;
    color: #aa7b51;
	font-weight: 500;
    padding: 18px;
    transition: background-color 0.3s;
    display: flex;  
    align-items: center;  /* 아이템을 버튼의 세로축 중앙에 정렬 */
    justify-content: center;  /* 아이템을 버튼의 가로축 중앙에 정렬 */
    text-decoration: none;
}

.mobile-button1 i {
    display: block;
    font-size: 20px;  
    margin-right: 10px;  /* 아이콘과 텍스트 사이의 간격 */
}

.mobile-button2 i {
    display: block;
    font-size: 20px;  
    margin-right: 10px;  /* 아이콘과 텍스트 사이의 간격 */
}

.mobile-button:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

/* 모바일 버튼 태블릿 해상도 이상에서 숨기는 미디어쿼리 */
@media (min-width: 768px) {
    .mobile-buttons1 {
        display: none;
    }

	.mobile-buttons2 {
		display: none;
    }

	#pc-nav {
    position: sticky;
    top: 0px; 
    width: 100%;
    background-color: #ffffff;
    padding: 15px 0;
    overflow-x: auto;
    white-space: nowrap;
    z-index: 10;
    text-align: center;
	border-bottom: 0.5px solid #BDBDBD;
	}
}

@media (max-width: 768px) {
	#pc-nav {
	display: none;
	}
}

.mobile-button.phone-button {
    background-color: #253041;  /* 전화걸기 버튼 배경색 설정 */
}

.footer {
    text-align: center;
	color: #BDBDBD;
    padding: 10px 0px 70px 0px;
	background-color: #191919;
    /* 다른 스타일 속성 추가 가능 */
}

.title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between; /* 가운데 정렬에서 왼쪽과 오른쪽 정렬로 변경 */
	padding-left: 10px;
	padding-right: 10px;
}

@media (min-width: 768px) {
    .title-wrapper {
        max-width: 40%; /* 전체 폭을 줄임 */
		margin: 0 auto; /* 가운데 정렬을 위한 자동 마진 추가 */
    }
}

h2 {
    margin-left: 10px; /* 제목을 왼쪽 정렬로 이동 */
}

.additional-text {
    margin-right: 10px; /* 추가 텍스트를 오른쪽 정렬로 이동 */
    display: inline-block;
    padding: 5px 5px;
    color: red;
    text-decoration: none;
    border: 1px solid;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px; 
	min-width: 100px;
}

.additional-text a {
    text-decoration: none; /* 하이퍼링크의 밑줄 제거 */
    color: red;
}

.additional-icon {
    color: red;
}

@media (max-width: 768px) {
    .title-wrapper {
      display: none;
    }
}

@media screen and (min-width: 768px) {
    #site-navigation {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .main-navigation ul {
        display: none;
        background-color: #ffffff; /* 흰색 배경 색상 추가 */
        padding: 20px; /* 내부 여백 추가 */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 그림자 효과 추가 */
		margin-top: 15px;
		text-align: center;
    }
    .menu-toggle {
        display: block;
        cursor: pointer;
        background: none;
        border: none;
        padding: 10px;
    }
    .menu-toggle .hamburger-icon {
        width: 30px;
        height: 3px;
        background-color: #333;
        display: block;
        position: relative;
    }
    .menu-toggle .hamburger-icon:before,
    .menu-toggle .hamburger-icon:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #333;
        left: 0;
        transition: transform 0.3s ease;
    }
    .menu-toggle .hamburger-icon:before {
        top: -10px;
    }
    .menu-toggle .hamburger-icon:after {
        top: 10px;
    }
    .menu-open .hamburger-icon:before {
        transform: rotate(45deg);
        top: 0;
    }
    .menu-open .hamburger-icon:after {
        transform: rotate(-45deg);
        top: 0;
    }
    .menu-open .main-navigation ul {
        display: block;
    }
}

.mobile-menu-title {
    display: inline-block;
    vertical-align: middle;
	font-weight: bold;
}

.mobile-menu-title a {
    text-decoration: none;
	color: #000000;
}

@media screen and (min-width: 768px) {
    .mobile-menu-title {
        display: none; /* 768px 이상에서 숨김 */
    }
}
.menu-toggle {
    position: absolute;
    top: 22px;
    right: 60px;
}

@media screen and (min-width: 768px) {
    .menu-toggle {
        display: none;
    }
}

.call-text {
    position: absolute;
    top: 11.5px;
    right: 20px;
}

.call-text a {
	text-decoration: none;
	color: #C90000;
	font-size: 26px;
}

@media screen and (min-width: 768px) {
    .call-text {
        display: none;
    }
}

.m-menu {
	padding: 10px;
	text-align: left;
}

@media screen and (min-width: 768px) {
    .m-menu {
        display: none;
    }
}

.logo {
	width: 150px;
	height: auto;
}