/* ================= PC 기본 스타일 ================= */
.header {background:#FFD342; position:fixed; width:100%; top:0; left:0; z-index:1000; padding:8px 0; box-shadow: rgba(0, 0, 0, 0.09) 4px 4px 4px;}
.container {display:flex; justify-content:space-between; align-items:center; max-width:1320px; width:100%; box-sizing:border-box; margin:0 auto; padding:12px 20px;}
.logo img {display:block; height:35px;} /* ← inline 여백 제거 및 높이 확정 */
.nav ul {display:flex; align-items:center; gap:28px; margin:0; padding:0; list-style:none;}
.nav ul li {font-family:'GmarketSansBold';}
.nav ul li a {
  display:inline-block;
  padding:8px 10px;
  font-size:18px;
  line-height:1;
  color:#121212;
  transition:color 0.3s;
}

.top00 a {display:none;}

.quick {position:fixed; right:10px; bottom:80px; z-index:999}
.quick img {width:130px}

.nav ul li a:hover {color:#EE2D24;}
.menu-toggle {display:none; flex-direction:column; gap:5px; cursor:pointer;}
.menu-toggle span {width:25px; height:3px; background:#000;; border-radius:2px;}
.mobile-menu {position:fixed; top:0; left:-100%; width:250px; height:100%; background:#fff;; padding:20px; transition:left 0.3s ease; z-index:1100;}
.mobile-menu ul {margin:0; padding:20px 0 0 0; list-style:none;}
.mobile-menu img {width:120px;}
.mobile-menu ul li {margin:20px 0;}
.mobile-menu ul li a {color:#111; font-size:16px;}
.mobile-menu.active {left:0;}
.close-btn {background:none; border:none; font-size:30px; cursor:pointer; position:absolute; top:15px; right:15px;}


.consult-box {background:#FFD342; padding:20px; color:#fff;}
.consult-container {max-width:1320px;  width:100%; box-sizing:border-box; margin:0 auto; display:flex; flex-wrap:wrap; align-items:center; gap:15px;}
.consult-phone {font-family:'GmarketSansBold'; margin-left:200px; letter-spacing:-3px; font-size:30px; font-weight:bold; min-width:340px;padding-bottom:10px;}
.consult-phone span {color:#EE2D24; margin-left:5px;}
.consult-form {display:flex;   gap:10px; flex:1;}
.consult-form input {box-sizing:border-box; flex:1 1 150px; padding:10px; height:40px; font-size:14px; border:none; border-radius:4px;}
.consult-btn {background:#EE2D24; color:#fff; border:none; padding:10px 20px; height:40px; font-size:18px;font-family:'GmarketSansBold'; border-radius:4px; cursor:pointer; white-space:nowrap;}
.consult-agree { position:absolute;  right:0px; bottom:5px;font-size:16px; margin-left:auto; padding-top:8px;}
.consult-agree a {color:#121212; text-decoration:underline; margin-left:4px;}
 .consult-agree label {font-size:14px;  display: flex; align-items: center;}

.footer {background:#434343; color:#fff; padding:40px 20px; font-size:14px;}
.footer-container {max-width:1320px;  width:100%; box-sizing:border-box;margin:0 auto;}
.footer-links {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.footer-links ul {display:flex; gap:15px; padding:0; list-style:none;}
.footer-links a {color:#fff; text-decoration:none;}
.footer-links a:hover {text-decoration:underline;}
.footer-info {font-size:13px; line-height:1.6; color:#fff;}
.footer-info p {color:#fff;}
.footer-logo {height:40px; margin-bottom:10px;}

.sns-icons {display:flex; gap:15px; justify-content:center;}
.sns-icons .sns-icon {width:20px; height:20px; display:block; transition:0.2s; opacity:0.6;}
.sns-icons .sns-icon:hover {opacity:1; transition:0.2s;}

.fixed-consult {position:fixed;bottom:0;left:0;width:100%;background:#FFD342;color:#121212;box-sizing:border-box;box-shadow:0 -2px 10px rgba(0,0,0,0.4);transition:transform 0.3s ease;z-index:9999;overflow:visible;}
.fixed-consult.collapsed {padding:0;background:transparent;box-shadow:none;height:0;}
.fixed-consult .consult-inner {max-width:1320px; width:100%; box-sizing:border-box;margin:0 auto; position:relative;z-index:2;box-sizing:border-box;}
.fixed-consult .consult-inner .fix_flex {padding:15px 10px 15px 10px;display:flex; position:relative;  }
.fixed-consult .consult-inner.hidden {display:none;}
.fixed-consult .toggle-btn { font-family: 'GmarketSansBold'; letter-spacing:-1px;  font-size:14px;position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:#FFD342;color:#121212;border:none;padding:5px 20px;cursor:pointer;border-radius:5px 5px 0 0;}
.consult-inner.hidden {display:none;}
.hidden {display:none!important;}
.toggle-btn {background:none;border:none;cursor:pointer;}
.fixed-consult img {position:absolute;bottom:0; width:180px;height:auto;z-index:1;pointer-events:none;}
 
 .fixed-consult .toggle-btn {display:none;}
 

@media (max-width:1320px){
.fixed-consult .consult-inner .fix_flex {flex-direction: column;}
.consult-form {margin-left:200px;}
.consult-agree {right: 10px;bottom: 80px;}
.fixed-consult .consult-inner {padding-left: 0;}
}







/* footer */
#footer_wrap {clear:both; width:100%; height:auto; background:#434343;}
#footer_wrap #footer{position:relative; max-width:1320px; width:100%; box-sizing:border-box; margin:0 auto; padding:30px 10px 170px 10px;}
#footer_wrap #footer .footer_logo {position:absolute; top:10px; left:0;}
#footer_wrap #footer .footer_logo img {max-height:20px; }
#footer_wrap #cm_wrap {clear:both; width:100%; background:#323232; }
#footer_wrap #copymenu {height:50px;display:block;width:100%; max-width:1320px; padding:0 10px; box-sizing:border-box;  margin:0 auto; display: flex;justify-content: space-between;}
 
#footer_wrap #copymenu .cmenu li {float:left; background: url(../images/common/copy_line.gif) no-repeat right 19px; padding:18px 5px 0 0;}
#footer_wrap #copymenu .cmenu li span {font-weight:bold; color:#fff;}
#footer_wrap #copymenu .cmenu li a {color:#fff; font-size:15px; padding:0 10px 0 15px; width:30px; height:30px;}
#footer_wrap #copymenu .cmenu li:last-child {background:none;}

#footer_wrap #copymenu .sns_menu {display:flex; gap:10px; align-items: center;}
#footer_wrap #copymenu .sns_menu li img {max-width:30px;}
#footer_wrap #copymenu .sns_menu li a {opacity:0.8;}
#footer_wrap #copymenu .sns_menu li a:hover {opacity:1;}
#footer_wrap #footer address {font-size:15px; color:#fff; line-height:160%;}
#footer_wrap #footer .copyright {margin:7px 0 0 0; font-size:14px; color:#bbbbbb; }
#footer_wrap #footer .copyright span{color:#fff; }
#footer_wrap #footer .copy_logo {float:right; position:absolute; right:0; top:-50px;display:block;}
#footer_wrap #footer .copy_logo2 {float:right; position:absolute; right:10px; top:35px;display:block;}
#footer_wrap #footer .copy_logo2 img {max-height:30px;}
 




/* ✅ 반응형 */
@media (max-width:1320px){

.quick {bottom: 160px;}

}



/* ✅ 반응형 */
@media (max-width:1024px){
 .nav ul li a {padding: 8px 5px;font-size: 16px;}
.nav {display:none;}
.menu-toggle {display:flex;}
.fixed-consult img {display:none;}
.consult-form {margin-left:0px;}
.consult-phone{margin-left:0px; font-size:24px;}
#footer_wrap #footer .copy_logo2 {
float: none;
position: relative;
right: 0;
top: 0;
display: block;
text-align: center; margin-top:20px;}
}



/* ✅ 반응형 */
@media (max-width:1000px){
.quick {bottom: 170px;}
.quick img {   width: 120px;}

 
}



 
@media (max-width:768px){
.fixed-consult {padding:10px;}
.fixed-consult .consult-inner {padding-left:0;}
.fixed-consult img {left:-40px;width:140px;opacity:0.9;}
.fixed-consult .consult-inner .fix_flex {padding: 0;}
#footer_wrap #footer address {font-size: 13px; }

#footer_wrap #footer { padding: 30px 10px 170px 10px;}
.consult-container {flex-direction:column; align-items:flex-start;}
.consult-form {width:100%; display:flex; flex-wrap:wrap; gap:5px; flex-direction:row;}
.consult-form input {flex:1 1 calc(33.333% - 5px); min-width:0; height:38px; font-size:14px; padding:8px;}
.consult-btn {flex:0 0 auto; height:38px; font-size:14px; padding:8px 15px; width:100%;}
.consult-agree {margin-left:0; margin-top:20px;}
.consult-agree { bottom: 100px;}
.footer-links ul {gap:10px;}
.footer-info p {font-size:11px;}
.fixed-consult .toggle-btn {display:block;}
#footer_wrap #footer.footer-collapsed {
padding:30px 10px 50px 10px !important;}

 .quick img {   width: 80px;}

}







/* 586px 이하 */
@media (max-width:586px){
.logo img {height:20px;}
.consult-phone {font-size:16px; letter-spacing:-1px;}
.consult-form input {height:36px; font-size:13px; padding:6px;}
.consult-btn {height:36px; font-size:13px; padding:6px;}
.consult-agree {font-size:13px;bottom: 80px;}
.footer-logo {height:20px; margin-bottom:10px;}

/*모바일탑*/
.top00 {bottom:155px;position: fixed;right: 10px;z-index: 9999; display:block;}
.top00 a {display:none;}

.consult-agree label {font-size: 11px;}

.consult-agree { margin-top: 20px;}

}







/* 400px 이하 */
@media (max-width:400px){
.consult-phone {font-size:14px;}
.consult-form input {height:34px; font-size:12px; padding:5px;}
.consult-btn {height:34px; font-size:12px; padding:5px;}
.consult-agree {font-size:11px;}

.privacy-content h2 {margin-bottom:20px;}
.privacy-content p {font-size:11px;}
}


