/* ½ºÅ©·Ñ ¾Ö´Ï¸ÞÀÌ¼Ç ±âº» ½ºÅ¸ÀÏ */
.scroll-animate {opacity: 0;transform: translateY(50px);transition: all 0.8s ease-out;}
.scroll-animate.animate {opacity: 1;transform: translateY(0);}

/* ÆäÀ̵åÀÎ È¿°ú */
.fade-in {opacity: 0;transition: opacity 1s ease-in-out;}
.fade-in.animate {opacity: 1;}

/* ½½¶óÀÌµå ¾÷ È¿°ú */
.slide-up {opacity: 0;transform: translateY(60px); transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;}
.slide-up.animate {opacity: 1;transform: translateY(0);}
/* ½½¶óÀ̵å Á¿ì È¿°ú */
.slide-left {opacity: 0;transform: translateX(-60px);transition: all 0.8s ease-out;}
.slide-left.animate {opacity: 1;transform: translateX(0);}
.slide-right {opacity: 0;transform: translateX(60px);transition: all 0.8s ease-out;}
.slide-right.animate {opacity: 1;transform: translateX(0);}

/* ½ºÄÉÀÏ È¿°ú */
.scale-in {opacity: 0;transform: scale(0.9);transition: all 0.7s ease-out;}
.scale-in.animate {opacity: 1;transform: scale(1);}

/* Áö¿¬ È¿°ú */
.delay-1 { transition-delay: 0.1s !important; }
.delay-2 { transition-delay: 0.2s !important; }
.delay-3 { transition-delay: 0.3s !important; }
.delay-4 { transition-delay: 0.4s !important; }

/* °¶·¯¸®board */
#post_area img {  max-width: 100% !important; height: auto !important;}

table tr td[height="1"] {background-color:#fff;}
table tr td[height="3"] {background-color:#555; height:2px;}
.board   { width:100%; border:0;  }
table.board tr td  {border:0px #e5e5e5 solid; font-size:1rem;  border-bottom:0px #e5e5e5 solid; border-right:0px; height:60px; }
table form table td  {border:0px #e5e5e5 solid; border-top:1px #e5e5e5 solid; border-right:0px; height:38px; }
.board td.board_bgcolor  { background-color:#F7F7F7; border-right:0px; width:150px; text-align:center; }
.board td.board_desc {  width:550px;  } 
td.board_admin_bgcolor,td.board_admin_bgcolor table td {border:0 !important;}
.board td img {border:0; border-radius: 10px; margin-bottom:5px; max-width: 100%;  height: auto}
.board_output { width:100%; border:0;}

/*°øÁö,ä¿ë °Ô½ÃÆÇ*/
.table_02   { width:100%; border:0px #e1e1e1 solid; border-top:2px #444547 solid;    }
.table_02 td  { border-bottom:1px #e1e1e1 solid; border-right:0px; height:60px; font-size:16px; }
.table_02 td.board_bgcolor  { background-color:#F7F7F7; border-right:0px; width:150px; }
.table_02 td.board_bgcolor span {font-size:15px !important;}
.table_02 td.board_desc {  width:550px;  } 
.table_02 td img {border-radius: 10px; max-width: 100%;  height: auto}

.board_btn {padding-top:20px;}


/*ä¿ë Áö¿ª Ä«Å×°í¸®*/
.category_on {text-align:center;}
.sul_menu {overflow:hidden; zoom:1; padding: 10px 0;}
.sul_menu a { display:inline-block;padding:8px 30px; margin:2px; color:#444; text-decoration:none; border-radius: 30px; transition: all 0.3s ease; border:1px solid #e1e1e1}
.sul_menu a:hover {color:#444547; background-color: #f7f7f7; text-decoration:none; }
.sul_menu a.category-on {color:#fff; background-color: #3566b0; font-weight:bold; border:1px solid #3566b0}

/* È÷¾î·Î ¼½¼Ç */
.hero {padding: 160px 0 120px 0; color:#fff; text-align:center; position:relative }
.hero:before {content:""; background:rgba(0,0,0,0.3); width:100%; height:100%; position:absolute; top:0; left:0; z-index: 0;}
.hero-content h1 {font-size: 3rem;font-weight: bold;margin-bottom: 1rem;opacity: 0;transform: translateY(30px);animation: fadeInUp 1s ease-out 0.5s forwards;}
.hero-content p {font-size: 1.2rem;opacity: 0;max-width: 600px;margin: 0 auto;transform: translateY(30px);animation: fadeInUp 1s ease-out 0.8s forwards;}
.top_company { background:url(/base/img/renew/top_company.jpg)no-repeat center bottom; background-attachment:fixed; background-size:cover; }
.top_business { background:url(/base/img/renew/top_business.jpg)no-repeat center bottom; background-attachment:fixed; background-size:cover; }
.top_customer {background:url(/base/img/renew/top_customer.jpg)no-repeat center bottom; background-attachment:fixed; background-size:cover; }
.top_gall { background:url(/base/img/renew/top_gall.jpg)no-repeat center bottom; background-attachment:fixed; background-size:cover; }
.top_recruit { background:url(/base/img/renew/top_recruit.jpg)no-repeat center bottom; background-attachment:fixed; background-size:cover; }

/* ³×ºñ°ÔÀÌ¼Ç ÅÇ - ¸ð¹ÙÀÏ °¡·ÎÁ¤·Ä °³¼± */
.nav-tabs {background: white;padding: 1rem 0 0 1rem;text-align: center;box-shadow: 0 2px 10px rgba(0,0,0,0.05);}
.nav-tabs ul {list-style: none;display: flex;justify-content: center;gap: 2rem;margin: 0;padding: 0;flex-wrap: nowrap; /* Áٹٲñ ¹æÁö */}
.nav-tabs li {flex-shrink: 0; /* Ãà¼Ò ¹æÁö */}
.nav-tabs a {text-decoration: none;color: #666;font-weight: 500;padding: 0.5rem 1rem 0 0.5rem;transition: all 0.3s;white-space: nowrap; /* ÅؽºÆ® Áٹٲñ  ¹æÁö */display: block;}
.nav-tabs .active {padding-bottom:1rem; border-bottom:5px solid #3566b0;color: #3566b0; font-weight: 600;}

/* ¼­ºê ÄÁÅÙÃ÷ */
.main-content {max-width: 1200px;margin: 0 auto;padding: 4rem 2rem; }
.section-title {text-align: center;margin-bottom: 3rem;opacity: 0;transform: translateY(30px);transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.section-title.animate {opacity: 1;transform: translateY(0);}
.section-title h2 {font-size: 2.5rem;color: #333;margin-bottom: 1rem;}
.section-title .highlight {color: #2563eb;background: linear-gradient(45deg, #2563eb, #3b82f6);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.section-title p {font-size: 1.2rem;color: #666;}

/*¿À½Ã´Â±æ*/
.location .map_wrap{margin-top:20px}
.location .map_wrap .map_top {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 30px;}
.location .map_wrap .map_top .left{display: flex; align-items: baseline;}
.location .map_wrap .map_top .left svg{margin-right: 0.5em; font-size: 1.2rem;}
.location .map_wrap .map_top .left p{color: #262932; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.010em; margin-top:20px}
.location .map_wrap .map_top .right {display: flex; flex-shrink: 0; margin-left: 4rem;}
.location .map_wrap .map_top .right a {display: flex; align-items: center; justify-content: center; min-width: 10em; height: 3.5em; padding: 0 1.5em; border: 1px solid #ddd; font-size: 0.8rem; font-weight: 500; border-radius: 2em; line-height: 1em; color:#222}
.location .map_wrap .map_top .right a + a{margin-left: 1.2em;}
.location .map_wrap .map_top .right img{margin-right: 12px;}

.location .contact_list {display: flex; margin-top: 16px;}
.location .contact_list .item{flex: 1; position: relative; padding-top: 26px;}
.location .contact_list .item + .item{margin-left: 50px;}
.location .contact_list .item::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #000; transition: width 0.25s;}
.location .contact_list .item span{display: flex; align-items: center; fill: #989898; color: #989898; font-size: var(--desc-size); font-weight: 700;}
.location .contact_list .item span svg{margin-right: 0.5em;}
.location .contact_list .item p{margin-top: 0.8em; font-size: 1.8rem; font-weight: 700; line-height: 1.1em;}
.location .contact_list .item.email p{font-size: 1.8rem;}

.transport-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px; margin-top:40px}
.transport-section {display: flex;gap: 20px;margin-bottom: 25px;padding: 20px;  border-top: 2px solid #000;}
.icon-box {flex-shrink: 0;width: 80px;height: 80px;background-color: white;border-radius: 12px;display: flex;align-items: center;justify-content: center;border: 2px solid #e0e0e0;}
.icon-box img {width: 60px;height: 60px;}
.transport-title {font-size:0.8rem;font-weight: 600;color: #000; text-align:center; padding-top:5px}
.route {margin-bottom: 12px;line-height: 1.6;}
.route-name {font-weight: 600;color: #333;margin-right: 8px;}
.route-detail {color: #555;font-size: 15px;}
.arrow {margin: 0 5px; color: #999; }

/*.transport-section {display: flex;flex-direction: column;gap: 20px;padding: 20px;}
.transport-header {display: flex;align-items: center;gap: 20px;}
.icon-box {flex-shrink: 0;width: 80px;height: 80px;background-color: white;border-radius: 12px;display: flex;align-items: center;justify-content: center;border: 2px solid #e0e0e0;}
.icon-box img {width: 60px;height: 60px;}
.transport-content {flex: 1;}
.transport-title {font-size:1.2rem;font-weight: 600;color: #3566b0;margin-bottom: 15px;}
.route {margin-bottom: 12px;line-height: 1.6;}
.route-name {font-weight: 600;color: #333;margin-right: 8px;}
.route-detail {color: #555;font-size: 15px;}
.arrow {margin: 0 5px;color: #999;}*/

/*business*/
.busi-content {margin-top:20px; text-align:center }
.busi-content img {max-width: 100%;}
.busi-partner {background: #f3f8fe;padding: 80px 20px;color: #2563eb;}
.busi-partner h2 {text-align: center;font-size: 2rem;margin: 0 0 40px 0;}
.busi-partner ul {max-width: 1200px;margin: 0 auto; list-style-type: none; text-align:center}
.busi-partner ul li{ display: inline-block;margin:10px;}
.busi-partner li img {background: #fff; width:160px;  object-fit: cover; border-radius:10px; border:1px solid #ddd;  padding:12px}


.job-content {text-align:center;max-width: 1200px;margin: 0 auto;  }
.job-content h2 {text-align: center; font-size: 2rem;margin: 80px 0 40px 0 }
.cards-wrapper {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;margin-bottom: 40px;}
.card {background: white;border-radius: 12px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;}
/*.card:hover {transform: translateY(-5px);box-shadow: 0 4px 16px rgba(0,0,0,0.15);}*/
.card-image {width: 100%;height: 180px;object-fit: cover;}
.card-content {padding: 24px;}
.card-title {font-size: 24px;font-weight: bold;margin-bottom:5px;}
.card-title .highlight {color: #ff6b00;}
.card-title.blue .highlight {color: #1d4ed8;}
.card-title.red .highlight {color: #ff0000;}
.card-description {color: #666;margin-bottom: 24px;font-size: 0.8rem;}
.company-section {margin-bottom: 20px;}
.job-title {font-weight: bold;margin-bottom: 12px;font-size: 14px;}
.company-logos {display: flex;flex-wrap: wrap;gap: 12px;align-items: center;margin-bottom: 20px;}
.company-logo {height: 28px;padding: 4px 12px;background: #f8f8f8;border-radius: 4px;font-size: 12px;display: flex;align-items: center;justify-content: center;font-weight: 500;}
.more-btn {color: #666;font-size: 12px;cursor: pointer;}
.details-section {border-top: 1px solid #e0e0e0;padding-top: 20px;}
.detail-item {display: flex;margin-bottom: 12px;font-size: 1rem;}
.detail-label {color: #5a5b5d;min-width: 80px;font-weight: 500;text-align:left;font-size:0.8rem; margin-top:3px}
.detail-value {color: #333;}
.price {color: #1d4ed8;font-weight: bold;}
.cta-button {display: block;width: fit-content;margin: 40px auto;padding: 16px 48px;background: #0088cc;color: white;border: none;border-radius: 30px;font-size: 16px;font-weight: bold;cursor: pointer;transition: background 0.3s ease;}
.cta-button:hover {background: #0077bb;}

/*Çù·Â»ç-¿øû°è¾à¼­*/
.sign-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 60px;margin-bottom: 40px; }
.sign-item {position: relative;aspect-ratio: 1;overflow: hidden;border-radius: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);cursor: pointer;transition: all 0.3s ease; background: #fff; }
.sign-item:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); }
.sign-item img {width:100%;height: 100%;object-fit: cover;transition: transform 0.3s ease; }
.sign-item:hover img {transform: scale(1.05); }
.sign-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%);opacity: 0;transition: opacity 0.3s ease;display: flex;align-items: flex-end;padding: 20px;  }
.sign-item:hover.sign-overlay {opacity: 1; }
.sign-info {color: white;font-size: 14px;font-weight: 500; z-index:999 }

 /* ·¹À̾î Æ˾÷ */
.modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);backdrop-filter: blur(5px);z-index: 1000;opacity: 0;visibility: hidden;
transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;padding: 40px; }
.modal-overlay.active {opacity: 1;visibility: visible; }
.modal-content {position: relative;max-width: 90vw;max-height: 90vh;transform: scale(0.7);transition: transform 0.3s ease;border-radius: 12px;overflow: hidden;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); }
.modal-overlay.active.modal-content {transform: scale(1); }
.modal-image {width: 100%;height: 100%;object-fit: contain;cursor: pointer;background: white; }
.modal-close {position: absolute;top: 20px;right: 20px;width: 40px;height: 40px;background: rgba(255, 255, 255, 0.9);border: none;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #333;transition: all 0.3s ease;z-index: 1001; }
.modal-close:hover {background: white;transform: scale(1.1); }
 /* ´Ý±â ¹öÆ° ¾ÆÀÌÄÜÀº HTML¿¡¼­ Á÷Á¢ ó¸® */
 /* ÆäÀÌÁö³×ÀÌ¼Ç */
.pagination {display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 40px; }
.page-btn {padding: 12px 16px;border: 2px solid #ddd;background: white;color: #666;text-decoration: none;border-radius: 8px;transition: all 0.3s ease;font-weight: 500; }
.page-btn:hover {border-color: #007bff;color: #007bff; }
.page-btn.active {background: #007bff;border-color: #007bff;color: white;}

/*FAQ*/
.accordion {background: #fff;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);overflow: hidden;}
.accordion-item {border-bottom: 1px solid #e9ecef;}
.accordion-item:last-child {border-bottom: none;}
.accordion-header {margin: 0;}
.btn-accordion {width: 100%;padding: 20px;background: none;border: none;text-align: left;font-size: 1rem;font-weight: 600;color: #333;cursor: pointer;display: flex;justify-content: space-between;align-items: center;transition: all 0.3s ease;position: relative;}
.btn-accordion:hover {background-color: #f8f9fa;}
.btn-accordion:focus {outline: 2px solid #007bff;outline-offset: -2px;}
.btn-accordion::after {content: '¡å';font-size: 12px;color: #666;transition: transform 0.3s ease;flex-shrink: 0;margin-left: 10px;}
.btn-accordion[aria-expanded="true"]::after {transform: rotate(180deg);}
.btn-accordion[aria-expanded="true"] {background-color: #f0f8ff;color: #007bff;}
.accordion-collapse {overflow: hidden;transition: max-height 0.3s ease, opacity 0.3s ease;max-height: 0;opacity: 0;}
.accordion-collapse.show {max-height: 1000px;opacity: 1;}
.accordion-body {padding: 20px;background-color: #fafbfc;border-top: 1px solid #e9ecef;color: #666;line-height: 1.7;}

/* Company*/
.core-values {padding: 0px 20px; 60px 20px}
.core-txt {padding: 0px 240px ;text-align:center;font-size:1.2rem; line-height:30px}
.values-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 40px;margin-top: 50px;}
.value-card {text-align: center;padding: 30px;border-radius: 10px;border: 3px solid #ecf3fd;background: white;box-shadow: 0 2px 8px rgba(0,0,0,0.05);transition: all 0.3s ease;}
/*.value-card:hover {border-color: #667eea;box-shadow: 0 4px 15px rgba(102, 126, 234, 0.15);}
.value-card:hover {transform: translateY(-5px);}*/
.value-card h3 {position: relative;  font-size: 1.5rem;margin-bottom: 15px;color: #3566b0;font-weight:800;padding-bottom: 24px; }
.value-card h3:after {  content: "";  position: absolute;  left: 50%;  bottom: 0;  width: 28px;  height: 1px;  background: #ddd;  margin-left: -12px}
.value-card p { font-size: 18px;  line-height: 26px;  margin-top: 26px}

/* Mission & Vision Section */
.mission-vision {background: #f3f8fe;padding: 80px 20px; color: #2563eb;}
.mission-vision h2 {text-align: center;font-size: 2rem;margin-bottom: 40px;}
.mv-container {display: flex;justify-content: center;align-items: center;gap:20px;flex-wrap: wrap;}
.mv-circle  h3 {font-family: 'Eulyoo1945'; font-size: 2rem !important}
.mv-circle {width: 350px;height: 350px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 40px;text-align: center;transition: transform 0.3s ease;}
.mv-circle p {font-size: 1.2rem !important; color:#3566b0}
.mission-circle {background: rgba(255, 255, 255, 0.95);color: #3070ed;}
.vision-circle {background: rgba(255, 255, 255, 0.2);border: 5px solid rgba(255, 255, 255, 0.5);}
/*.mv-circle:hover {transform: scale(1.05);}*/


.org {max-width: 1200px;margin: 0 auto;padding: 4rem 2rem;}
.org  h2 {text-align: center;font-size: 2rem;margin-bottom: 40px;}
.org img{max-width:100%;}
.org .ceo {width:150px; height:150px; margin:0 auto 45px auto; background-color:#3070ed; color:#fff; border-radius:50%;text-align:center; padding-top:60px; font-size:18px; font-weight:500;}
.org .flex {display:flex; flex-wrap: wrap;  justify-content: space-between; }
.org .flex .item {margin:0; flex: 1; padding:0px; text-align:center; font-size:16px;}
.org .flex .item .tit{border:1px solid #fff; box-shadow:1px 2px 7px rgb(0,0,0,0.1);  padding:15px 5px; 
font-weight:500; margin:10px 10px; color:#fff; background:#78b6ff; font-size:18px;}
.org .flex .item .txt{border:1px solid #dfdfdf; box-shadow:1px 2px 7px rgb(0,0,0,0.1); padding:5px 10px; 
font-weight:500; margin:20px 10px;}
.org .flex .item .txt  ul {list-style: none;}
.org .flex .item .txt li {border-bottom:1px solid #dfdfdf; padding:12px 0px;}
.org .flex .item .txt li:last-child {border-bottom:0;}


/*history*/
.history-container{max-width: 1200px ; margin: 0 auto ; position: relative}
.history-line {position: absolute;left: 50%;transform: translateX(-50%);width: 2px;background: #E0E0E0 !important;top: 0;bottom: 0;}
.history-line-activate {position: absolute;left: 50%;transform: translateX(-50%);width: 3px;background: #3566b0;top: 0;height: 0;transition: height 0.1s linear;}
.year-section {position: relative;margin-bottom: 100px;opacity: 0;transform: translateY(30px);transition: all 0.6s ease;}
.year-section.visible {opacity: 1;transform: translateY(0);}
.year-dot {position: absolute; left: 50%; top: 35px; transform: translateX(-50%); width: 12px; height: 12px; background: #E0E0E0; border-radius: 50%; z-index: 2; transition: all 0.4s ease;}
.year-dot.activate { background: #3566b0; width: 16px; height: 16px;}
.content-wrapper {display: flex;justify-content: space-between;align-items: flex-start;gap: 80px;}
.year-section.left .content-wrapper {flex-direction: row;}
.year-section.right .content-wrapper {flex-direction: row-reverse;}
.year-content {flex: 1;max-width: 500px;}
.year-section.left .year-content {margin-left: auto;padding-right: 60px;text-align: right;}
.year-section.right .year-content {margin-right: auto;padding-left: 60px;text-align: left;}
.year-title {font-size: 56px;font-weight: 700;color: #333;margin-bottom: 30px;}
.events-list {list-style: none;}
.events-list li {margin-bottom: 16px;font-size: 17px;line-height: 1.2;color: #333;}
.empty-space {flex: 1;max-width: 500px;}

/*¹öÆ°*/

.app-btn {padding: 12px 30px;background:#2563eb; color: #fff;text-decoration: none;border-radius: 25px; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 10px;}
.app-btn:hover {background: #3566b0; }

.canc-btn {padding: 12px 30px;background:#f1f1f1; color: #9f9f9f;text-decoration: none;border-radius: 25px; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 10px;}
.canc-btn:hover {background: #e5e5e5; color: #222; }



/* ¹ÝÀÀÇü µðÀÚÀÎ */
@media (max-width: 1024px) {
.sign-grid {grid-template-columns: repeat(3, 1fr); gap: 15px; }
.year-title { font-size: 44px;}
}

@media (max-width: 768px) {
.hero-content h1 {font-size: 2rem;}
.hero-content p {font-size: 1rem;padding: 0 1rem;}
.main-content {padding: 2rem 1rem;} 
.section-title h2 {font-size: 1.8rem;}
.core-txt {padding: 0 ; font-size: 1rem;}
.values-grid {grid-template-columns: repeat(2, 1fr);gap: 20px;}
.value-card {padding: 20px;}
.value-card h3 {font-size: 1.2rem;}
.value-card p {font-size: 0.9rem;}
.mv-circle {width: 280px; height: 280px }
.mv-circle p { font-size:1rem !important}
.contact-btn {display: none;}
.transport-wrapper {grid-template-columns: 1fr;}
.transport-section {gap: 15px;padding: 15px;}
.icon-box {width: 60px;height: 60px;}
.transport-title {font-size: 14px;}
.route-detail {font-size: 14px;}
.btn-accordion {padding: 15px;font-size: 15px;}
.accordion-body {padding: 15px; font-size: 14px;}
.nav-tabs {padding: 0.7rem 0 0 1rem !important; overflow-x: auto !important;-webkit-overflow-scrolling: touch !important;}
.nav-tabs ul {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;justify-content: center !important; gap: 1rem !important;min-width: max-content !important;padding: 0 1rem !important; margin: 0 auto !important; list-style: none !important;}
.nav-tabs li {flex-shrink: 0 !important;display: inline-block !important;}
.nav-tabs a {font-size: 1.2rem !important;padding: 0.5rem 1rem 0 0.5rem !important;min-width: 80px !important;text-align: center !important;white-space: nowrap !important;display: block !important;}
.nav-tabs .active {padding-bottom:0; border-bottom:5px solid #3566b0;color: #3566b0; font-weight: 600;}
.sign-grid {grid-template-columns: repeat(2, 1fr);gap: 12px !important;}
.modal-overlay { padding: 20px;}
.content-wrapper {flex-direction: column !important; align-items: flex-start !important; gap: 0;}
.empty-space { display: none;}
.history-line, .history-line-activate {left: 50px;transform: none;}
.year-section { margin-bottom: 80px; padding-left: 80px;}
.year-dot { left: 50px; transform: translateX(-50%);}
.year-section.left .year-content, .year-section.right .year-content { text-align: left; padding-left: 0 !important; padding-right: 0 !important;  margin: 0 !important;}
.year-title { font-size: 40px;}
.year-content {max-width: 100%;}
.events-list {padding-left: 0 !important;margin-left: 0 !important;}
.events-list li {font-size: 15px; padding-left: 0 !important; margin-left: 0 !important; text-align: left !important;}
.location .map_wrap .map_top{flex-direction: column; align-items: flex-start;}
.location .map_wrap .map_top .left svg{}
.location .map_wrap .map_top .left p{}
.location .map_wrap .map_top .right{margin-top: 20px; margin-left: 0;}
.location .map_wrap .map_top .right a{font-size: 11px;}
.location .map_wrap .map_top .right img{max-height: 55%; margin-right: 8px;}
.location .map_wrap .map{padding-top: 75%;}
.location .contact_list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 10px;}
.location .contact_list .item{border-radius: 8px;}
.location .contact_list .item:last-child{grid-column: span 2;}
.location .contact_list .item + .item{margin-left: 0;}
.location .contact_list .item span{font-size: 12px;}
.location .contact_list .item p{margin-top: 0.4em; font-size: 16px;}
.location .contact_list .item.email p{font-size: 15px;}
.cards-wrapper {grid-template-columns: 1fr; padding: 0 20px}
.card-content {padding: 20px;}
.company-logos {gap: 8px;}
.company-logo {font-size: 11px;padding: 3px 8px;}
.org .ceo {width:120px; height:120px; font-size:1rem; padding-top:48px}
.org .tit {font-size:1rem !important;}
.sul_menu { font-size:1rem !important}
.table_02 td { font-size:0.9rem}
.table_02 td  input[name=no] { font-size:0.7rem}
}

@media (max-width: 480px) {
.section-title h2 {font-size: 1.5rem;}
/* ÀÛÀº È­¸é¿¡¼­µµ °¡·ÎÁ¤·Ä À¯Áö - °­Á¦ Àû¿ë */
.nav-tabs {padding: 0.5rem 0 0 0 !important;justify-content: center;overflow-x: auto !important;}
.nav-tabs ul {display: flex !important;flex-direction: row !important;flex-wrap: nowrap !important;justify-content: center !important; gap: 0.5rem !important;padding: 0 !important;min-width: max-content !important;margin: 0 auto !important; }
.nav-tabs li {flex-shrink: 0 !important;}
.nav-tabs a {font-size: 1rem !important;padding: 0.6rem 1rem !important;min-width: 70px !important;white-space: nowrap !important;}
.btn-accordion {padding: 12px;font-size: 14px;}
.accordion-body {padding: 12px;font-size: 13px;}
.btn-accordion::after {font-size: 10px;}
.modal-overlay {padding: 15px;}
.modal-close {top: 15px;right: 15px;width: 35px;height: 35px;font-size: 16px; }
}

.sign-item.loading {background: #f0f0f0;position: relative; }
.sign-item.loading::before {content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin: -10px 0 0 -10px;border: 2px solid #ddd;border-top-color: #007bff;border-radius: 50%;animation: spin 1s linear infinite; }


 @keyframes spin {
to { transform: rotate(360deg); }
 }

/* Á¢±Ù¼ºÀ» À§ÇÑ ½ºÅ¸ÀÏ */
.sign-item:focus, .modal-close:focus {outline: 3px solid #007bff;outline-offset: 2px;}


@media (prefers-reduced-motion: reduce) {
.btn-accordion,.accordion-collapse,.btn-accordion::after {transition: none;}
* { transition: none !important; animation: none !important;}
}