@charset "utf-8";
*{word-break: keep-all !important;}

/***공통******/
.maxwid{width:1400px; margin:0 auto; }
.displayhidden{width:1px; height:1px; position:absolute; left:-10000px}


#header { position: relative; width: 100%; z-index: 1000; background: #fff; }
.header-top { border-bottom: 1px solid #ccc; padding: 15px 0; }
.header-top .container { display: flex; justify-content: space-between; align-items: center; }
.header-nav { position: relative;  }

.member-menu { display: flex; align-items: center; list-style: none; margin-left: auto; }
.member-menu li { display: flex; align-items: center; }
.member-menu li:not(:last-child)::after { content: '·'; margin: 0 10px; color: #232323; font-weight: bold; font-size:15px;}
.member-menu li a { display: flex; align-items: center; text-decoration: none; color: #232323; font-size: 15px; transition: 0.2s; }
.member-menu li a img { margin-right: 5px; vertical-align: middle; }

.gnb { display: flex; list-style: none; justify-content: center; }
.dep1 { position: relative; padding: 0; width: calc( 100% / 6 ); }
.dep1 > a { display: block; line-height: 60px; text-decoration: none; color: #232323; font-size: 18px; text-align: center; font-weight:bold;}
.dep1 > a:hover{color:#084717;}

.dep2 { display: none; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); list-style: none; padding: 10px 0; z-index: 20;  width:100%; text-align: center; }
.dep2 li a { display: block; padding: 10px 20px; font-size: 14px; color: #555555; text-decoration: none; white-space: normal; word-break: keep-all; line-height: 1.4; }
.dep2 li a:hover { color: #084717; text-decoration: underline; }


.nav-bg { display: none; position: absolute; top: 60px; left: 0; width: 100%; height: 200px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #ddd; z-index: 10; }
.m-nav-toggle { display: none; background: none; border: none; cursor: pointer; width: 25px; height: 18px; flex-direction: column; justify-content: space-between; }
.m-nav-toggle span { display: block; width: 100%; height: 2px; background: #333; }


/* PC 버전 풀다운 효과 */
@media (min-width: 1421px) {
    .header-nav:hover .dep2, .header-nav:hover .nav-bg { display: block; }
}

/* 모바일 버전 (아코디언) */
@media (max-width: 1420px) {
.maxwid{width:100%; padding: 20px; }
    .header-nav { display: none; position: fixed; top: 0; left: -300px; width: 300px; height: 100%; background: #fff; z-index: 2000; overflow-y: auto; transition: 0.3s; padding-top: 0px; }
    .header-nav.active { left: 0; display: block; }
    .gnb { flex-direction: column; }
    .dep1 { padding: 0; width:100%; }
    .dep1 > a { padding: 0 20px; background: #fff; border-bottom: 1px solid #ccc; }
	.dep2 { display: none; position: static; transform: none; left: auto; min-width: auto; background: #f0f0f0; border:1px solid #ccc; padding: 10px; }
    .dep2.open { display: block; }
    .nav-bg { display: none !important; }
    .m-nav-toggle { display: flex; }
    .m-nav-bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1500; }
    .m-nav-bg.active { display: block; }
	.member-menu{padding-right:10px;}
}

@media (max-width: 700px) {
.header-top .container { flex-wrap: wrap; justify-content: space-between; row-gap: 10px; }
.logo { order: 1; flex: 1; max-width: 70%; }
.logo img{width:100%;}
.m-nav-toggle { order: 2; margin-left: auto; }
.member-menu { order: 3; width: 100%; display: flex !important; justify-content: flex-end; padding-top: 10px; border-top: 1px solid #ccc; }
.member-menu li a { font-size: 11px; }
header .container.maxwid{padding-bottom:0}
}


#footer .container{background: #084717;padding: 60px 0; }

.footer-info { text-align: center; margin-bottom: 50px; }
.footer-info .footer-info-tit { font-size: 47px;  color: #fff; margin-bottom: 15px;font-family:'Cafe24'; }
.footer-info p { font-size: 20px; color: #fff; }
.footer-quick-menu { display: flex; list-style: none; gap: 0; justify-content: space-between; }

.footer-quick-menu li { flex: 1; position: relative; text-align:center; padding:10px;}
.footer-quick-menu li:not(:last-child) { border-right: 1px solid #fff; }

.footer-quick-menu li a { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #ffffff; font-size:18px; transition: transform 0.3s ease; }
.footer-quick-menu li a img{margin-bottom:10px;}
.footer-quick-menu li a:hover { transform: translateY(-8px); }
.footer-quick-menu li a:hover img { filter: drop-shadow(0 10px 10px rgba(0,0,0,0.8)); transition: 0.3s; }

.footer-quick-menu li a:hover i { box-shadow: 0 10px 20px rgba(0,0,0,0.1); }


.footer_list_wrap{  margin:0 auto; overflow:hidden; padding: 15px 0; background:#1c211d; border-bottom:1px solid #ccc; }
.footer_list { display: flex; align-items: center; list-style: none; margin-left: auto; }
.footer_list li { display: flex; align-items: center; }
.footer_list li:not(:last-child)::after { content: '·'; margin: 0 15px; color: #b6b8b5; font-weight: bold; font-size:15px;}
.footer_list li a { display: flex; align-items: center; text-decoration: none; color: #b6b8b5; font-size: 15px; transition: 0.2s; }

.txt_wrap{border-top:1px solid #454545; padding: 30px 0 80px 0; background:#1c211d;}
.txt1{  margin:0 auto; color:#bdbdbd; font-size: 15px; }
.txt2{ margin:0 auto; color:#a4a4a4; font-size: 15px;}


@media screen and (max-width: 1420px) {
	.footer{ padding: 0 20px;}
}


/* 반응형 (모바일) 수정 */
@media (max-width:1050px) {
.footer-quick-menu { flex-direction: column; gap: 10px; }
.footer-quick-menu li:not(:last-child) { border-right: none; }
.footer-quick-menu li a { flex-direction: row; padding: 15px 20px;  border: 1px solid #ddd; border-radius: 12px; justify-content: flex-start; text-align:left;}
.footer-quick-menu li a img { margin-right: 15px; }
.footer-info .footer-info-tit { font-size: 32px; }
.footer-info p { font-size: 22px; }
}


@media (max-width:1050px) {
	.footer-info-tit{font-size: 26px; }
.footer-info p { font-size: 14px;  }
}