@charset "utf-8";

@font-face {
    font-family:'Inter';
    src:url('../font/Inter-Thin.woff2') format('woff');
    font-weight:100;
    font-style:normal;
}
@font-face {
    font-family:'Inter';
    src:url('../font/Inter-ExtraLight.woff2') format('woff');
    font-weight:200;
    font-style:normal;
}
@font-face {
    font-family:'Inter';
    src:url('../font/Inter-Light.woff2') format('woff');
    font-weight:300;
    font-style:normal;
}
@font-face {
    font-family:'Inter';
    src:url('../font/Inter-Medium.woff2') format('woff');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family:'Inter';
    src:url('../font/Inter-Regular.woff2') format('woff');
    font-weight:500;
    font-style:normal;
}
@font-face {
    font-family:'Inter';
    src:url('../font/Inter-SemiBold.woff2') format('woff');
    font-weight:600;
    font-style:normal;
}
@font-face {
    font-family:'Inter';
    src:url('../font/Inter-Bold.woff2') format('woff');
    font-weight:700;
    font-style:normal;
}
@font-face {
    font-family:'Inter';
    src:url('../font/Inter-ExtraBold.woff2') format('woff');
    font-weight:800;
    font-style:normal;
}
@font-face {
    font-family:'Inter';
    src:url('../font/Inter-Black.woff2') format('woff');
    font-weight:900;
    font-style:normal;
}

* {box-sizing:border-box;}

:root {
    --primary-red:#C30036;/* 프로젝트의 메인 레드 컬러 코드 */
    --primary-red-alpha:#c30037ce;/* 프로젝트의 메인 레드 컬러 코드 alpha */
    --primary-red-hover:#a7002f;/* 호버 시 사용할 조금 더 어두운 레드 */
    --title:rgba(0,0,0,0.9);
    --description:rgba(0,0,0,0.8);
    --year:rgba(0,0,0,0.8);
    --month:rgba(0,0,0,1);
    --line:rgba(0,0,0,0.2);
    --white-alpha-6:rgba(255,255,255,0.6);
}

html,body {width:100%;padding:0;margin:0;background:#ffffff;color:#000000;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-family:'Inter', 'Pretendard' , 'malgun gothic','돋움','dotum','굴림';font-size:14px;font-weight:400;}
body {font-family:'Inter', 'Pretendard' , 'malgun gothic','돋움','dotum','굴림';font-size:14px;font-weight:400;}
td div {line-height:normal}
img,fieldset {border:none}
ul,ol {list-style:none}
em,address{font-style:normal}
a {color:#000000;text-decoration:none}
td a{color:#2189FF}
td a:hover{color:#2189FF}
a:hover,a:active,a:focus{cursor:pointer;}
img {vertical-align:top}
td input,td select,td img{vertical-align:middle}
label.blue {color:#2189FF}
label.fs_double {font-size:15px;}
.red {color:#f53a5d}
strong {font-weight:400;}
button {white-space:nowrap;border:none;background:none;cursor:pointer;transition:all 0.2s;}
button:hover {background-color:rgba(0,0,0,0.01);}

/* form */
input[type="hidden"] + input {margin-left:0;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
input[type="number"], input[type="text"], input[type="password"], input[type="search"], input[type="date"], input[type="file"], input[type="date"] {border:1px solid rgba(0,0,0,0.2);background:rgba(0,0,0,0);height:36px;padding:4px;width:100%;font-weight:300;font-family:'Inter', 'Pretendard' , 'malgun gothic','돋움','dotum','굴림';}
input[type="file"]{padding:0 0 0 0;width:100%;min-height:30px;margin-bottom:0;font-size:12px;}
textarea {border:1px solid rgba(0,0,0,0.2);background:#ffffff;min-height:160px;padding:4px;width:100%;font-weight:300;font-family:'Inter', 'Pretendard' , 'malgun gothic','돋움','dotum','굴림';resize:none;}
input[type="number"]:active, input[type="number"]:focus,
input[type="text"]:active, input[type="text"]:focus,
input[type="file"]:active, input[type="file"]:focus,
input[type="password"]:active, input[type="password"]:focus,
input[type="search"]:active, input[type="search"]:focus,
input[type="date"]:active, input[type="date"]:focus, textarea:active, textarea:focus, select:active, select:focus {border-color:#2189FF!important;outline:none;}
select {position:relative;display:inline-block;width:100%;margin:0;vertical-align:top;border:1px solid #C7C7C7;overflow:hidden;appearance:none;-webkit-appearance:none;background:rgba(0,0,0,0) url('../images/common/ico_select.svg') no-repeat;background-position:right 4px top 4px;height:36px;padding:3px 30px 3px 10px;border-radius:6px;background-size:auto 24px;}
select::-ms-expand {display:none;}
select[multiple]{height:inherit;background:none!important;padding:4px!important;overflow-y:auto!important;}
select[disabled]:active {background:#f7f7f7;}
input[readonly]{background:#f7f7f7!important}
input[disabled]{background:#f7f7f7!important}
textarea[readonly]{background:#f7f7f7!important}
textarea[disabled]{background:#f7f7f7!important}
input::-webkit-input-placeholder {color:#bcbcbc;}
input:-ms-input-placeholder {color:#bcbcbc;}
textarea::-webkit-input-placeholder {color:#bcbcbc;}
textarea:-ms-input-placeholder {color:#bcbcbc;}
input::placeholder {color:#bcbcbc;}
textarea::placeholder {color:#bcbcbc;}

input[type="file"] {
  padding: 4px;               /* 안쪽 여백을 줘서 버튼의 크기를 키움 */
  border: 1px solid #ddd;      /* 흐릿한 회색 테두리 */
  border-radius: 4px;          /* 모서리를 둥글게 */
  background-color: #fcfcfc;    /* 아주 연한 배경색 */
  cursor: pointer;             /* 마우스 올렸을 때 클릭 가능 표시 */
  width: 100%;                 /* 필요시 너비 확장 */
  font-size:16px;font-weight:400;
  height:40px;
}

/* 마우스를 올렸을 때 살짝 강조 */
input[type="file"]:hover {
  border-color: #bbb;
  background-color: #f4f4f4;
}

.wrap {position:relative;display:flex;flex-direction:column;gap:0px;min-width:1460px;}
.wrap.news:before {position:fixed;content:'';top:0;left:50%;width:762px;height:722px;background:url(../images/common/bg_news.png) no-repeat center center;z-index:1;}
.wrap.drawing:before {position:fixed;content:'';top:0;left:50%;width:762px;height:722px;background:url(../images/common/bg_drawing.png) no-repeat center center;z-index:1;}
.wrap.catalog:before {position:fixed;content:'';top:0;left:50%;width:762px;height:722px;background:url(../images/common/bg_catalog.png) no-repeat center center;z-index:1;}
.wrap.certification:before {position:fixed;content:'';top:0;left:50%;width:762px;height:722px;background:url(../images/common/bg_certification.png) no-repeat center center;z-index:1;}
.wrap.inquiry:before {position:fixed;content:'';top:0;left:50%;width:762px;height:722px;background:url(../images/common/bg_inquiry.png) no-repeat center center;z-index:1;}
.wrap.news.is-scrolled:before {position:absolute;top:200px;z-index:1;}
.wrap.drawing.is-scrolled:before {position:absolute;top:200px;z-index:1;}
.wrap.catalog.is-scrolled:before {position:absolute;top:200px;z-index:1;}
.wrap.certification.is-scrolled:before {position:absolute;top:200px;z-index:1;}
.wrap.inquiry.is-scrolled:before {position:absolute;top:200px;z-index:1;}

.wrap.main .header-inner h1 {background:url(../images/common/logo_allse_w.svg) no-repeat left center;}
.wrap.main .header-inner .nav-wrap .menu-trigger {background:url(../images/common/ico_menu_w.svg) no-repeat center top 16px;background-size:26px auto;}
.wrap.main .header-inner .fnc-wrap .btn-lng {color:#fff}
.wrap.main .header-inner .fnc-wrap .user {color:#fff}
.wrap.main .header:before {opacity:0;}
.wrap.main .header {position:fixed;top:0;}
.container {display:flex;flex-direction:column;}
.header {position:relative;display:flex;align-items:flex-start;justify-content:center;width:100%;height:140px;position:relative;top:0;transition:all 0.1s ease-in-out;transition:background-color 0.1s;z-index:9;}
.header:before {position:absolute;content:'';top:0;left:0;right:0;width:100%;height:4px;background:var(--primary-red);}
.header.active {position:fixed;top:0;height:140px;background-color:#fff;}
.header .header-inner {display:flex;align-items:center;justify-content:flex-start;width:1480px;height:100%;gap:20px;}
.header .header-inner h1 {display:flex;flex:none;width:100px;height:100%;justify-content:flex-start;align-items:center;background:url(../images/common/logo_allse.svg) no-repeat left center;background-size:100px auto;cursor:pointer;}
.header .header-inner .nav-wrap {display:flex;flex:1;height:100%;justify-content:flex-start;align-items:center;}
.header .header-inner .nav-wrap .menu-trigger {display:inline-flex;flex:none;width:40px;height:40px;background:url(../images/common/ico_menu.svg) no-repeat center top 15px;background-size:24px auto;transition:all 0.2s;}
.header .header-inner .nav-wrap .menu-trigger.open {transform:rotate(90deg);}
.header .header-inner .fnc-wrap {display:flex;flex:none;height:100%;justify-content:flex-end;align-items:center;gap:10px;}
.header .header-inner .fnc-wrap .btn-lng {display:flex;flex:none;font-size:14px;font-weight:200px;}
.header .header-inner .fnc-wrap .user {display:flex;flex:none;font-size:14px;font-weight:300px;margin-left:20px;}
.header.active:before {opacity:1!important;}
.header.active .header-inner h1 {background:url(../images/common/logo_allse.svg) no-repeat left center;}
.header.active .header-inner .nav-wrap .menu-trigger {background:url(../images/common/ico_menu_arrow.svg) no-repeat center top 14px;}
.header.active .header-inner .fnc-wrap .btn-lng {color:#000000}
.header.floating {position:fixed;height:60px;background-color:var(--primary-red-alpha);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);z-index:9;animation:slideDown 0.4s ease-out;}
.header.floating .header-inner h1 {width:80px;background:url(../images/common/logo_allse_w.svg) no-repeat left center;background-size:80px auto;}
.header.floating .header-inner .nav-wrap .menu-trigger {width:30px;height:30px;background:url(../images/common/ico_menu_w.svg) no-repeat center top 10px;background-size:22px auto;}
.header.floating .header-inner .fnc-wrap .btn-lng {color:#fff}
.header.floating .header-inner .fnc-wrap .user {color:#fff}

.title-wrap {display:flex;padding:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:1480px;height:180px;margin:0 auto;gap:20px;}
.title-wrap .breadcrumb {display:flex;gap:14px;}
.title-wrap .breadcrumb span {font-size:13px;font-weight:200;color:rgba(0,0,0,1)}
.title-wrap .breadcrumb span + span {padding-left:16px;background:url(../images/common/ico_bc.svg) no-repeat left center;}
.title-wrap .breadcrumb strong {padding-left:16px;background:url(../images/common/ico_bc.svg) no-repeat left center;font-size:13px;font-weight:600;display:inline-flex;color:var(--primary-red);}
.title-wrap h1 {font-size:38px;font-weight:700;}

@keyframes slideDown {
    from {
        transform:translateY(-50%);
    }
    to {
        transform:translateY(0);
    }
}

.mega-menu-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);visibility:hidden;opacity:0;transition:0.2s;z-index:8;backdrop-filter:blur(4px) saturate(180%);-webkit-backdrop-filter:blur(4px) saturate(180%);}
.mega-menu-overlay.active {visibility:visible;opacity:1;}
.mega-menu-overlay.active .mega-menu-inner {transform:translateY(0);}
.mega-menu-inner {position:fixed;display:flex;justify-content:center;align-items:flex-start;top:0;left:0;right:0;background:#fff;transform:translateY(-4%);transition:transform 0.2s ease-in-out;height:600px;padding-top:140px}
.menu-grid {position:relative;display:flex;flex:none;width:1480px;padding-right:200px;gap:40px;}
.menu-grid .btn-close {position:absolute;top:0;right:0;background:url(../images/common/ico_menu_close.svg) no-repeat right center;border:none;width:40px;height:40px;cursor:pointer;transition:transform 0.2s;background-size:28px auto;}
.menu-grid .btn-close:hover {transform:scale(1.1);color:var(--primary-red);}
.menu-grid .menu-column {display:flex;flex-direction:column;flex:1;gap:40px;}
.menu-grid .menu-column h3 {font-size:30px;font-weight:700;}
.menu-grid .menu-column ul {display:flex;flex-direction:column;flex:1;gap:16px;}
.menu-grid .menu-column ul li {font-size:18px;font-weight:500;transition:all 0.5s;}
.menu-grid .menu-column ul li:hover {cursor:pointer;color:var(--primary-red);}

.page-container {display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto;padding:0;gap:0;flex-direction:column;z-index:2;background:rgba(255,255,255,0.9);backdrop-filter:blur(4px) saturate(180%);-webkit-backdrop-filter:blur(4px) saturate(180%);z-index:2;}

.hero-rotation {z-index:1;position:relative;width:100%;height:100vh;min-height:680px;overflow:hidden;background:#000;}
.main-hero {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transition:opacity 1.5s ease-in-out;overflow:hidden;}
.main-hero.active {opacity:1;}
.main-hero .hero-content {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;z-index:3;}
.main-hero .hero-content h2 {display:flex;justify-content:center;align-items:center;font-size:70px;font-weight:600;color:#ffffff;text-align:center;}
.main-hero .hero-content p {display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:100;color:#ffffff;text-align:center;}
.main-hero .hero-video {position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%, -50%);z-index:-1;will-change:transform;backface-visibility:hidden;z-index:1;}
/*.main-hero.type-forest::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;}
.main-hero.type-red::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary-red);opacity:.2;z-index:2;mix-blend-mode:multiply;}
main-hero.type-csr::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);z-index:2;backdrop-filter:blur(1px) saturate(180%);-webkit-backdrop-filter:blur(1px) saturate(180%);}*/

.main-news-slide {max-width:1480px;height:860px;margin:0 auto;padding:80px 0 40px 0;}
.main-news-slide .swiper {width:100%;height:100%;}
.main-news-slide .swiper-wrapper {width:100%;height:100%;}
.main-news-slide .swiper-slide {width:100%;height:100%;}
.main-news-slide .slide-content {display:flex;flex-direction:column;align-items:flex-start;gap:40px}
.main-news-slide .slide-content .title {font-size:60px;font-weight:700;color:var(--title);white-space:pre-wrap;word-wrap:break-word;}
.main-news-slide .slide-content .description {font-size:22px;font-weight:200;color:var(--description);}
.main-news-slide .slide-content .image-group {display:flex;align-items:flex-end;gap:40px;}
.main-news-slide .slide-content .image-group img {border-radius:20px;}
.main-news-slide .swiper-pagination {display:flex;gap:10px;justify-content:center;padding:20px 0;z-index:1;}
.main-news-slide .swiper-pagination-bullet {background:#ccc;opacity:1;width:14px;height:14px;}
.main-news-slide .swiper-pagination-bullet-active {background:var(--primary-red);}

.swiper-slide img {
  -webkit-user-drag:none;
  -khtml-user-drag:none;
  -moz-user-drag:none;
  -o-user-drag:none;
  user-select:none;
}

.key-figures-wrap {width:100%;height:800px;background:#064841 url(../images/common/bg_figures.png) no-repeat center center}
.key-figures-wrap .key-figures-inner {display:flex;flex-direction:column;justify-content:center;align-items:center;width:1480px;height:100%;margin:0 auto;padding:80px 0 40px 0;gap:100px;}
.key-figures-wrap .key-figures-inner h2 {font-size:70px;font-weight:700;color:#fff;text-align:center;}
.key-figures-wrap .key-figures-inner ul {display:flex;width:100%;gap:40px;justify-content:center;align-items:flex-start;}
.key-figures-wrap .key-figures-inner ul li {display:flex;flex-direction:column;flex:1;gap:10px;justify-content:center;align-items:center;}
.key-figures-wrap .key-figures-inner ul li h4 {font-size:20px;font-weight:200;color:#fff;text-align:center;margin-bottom:30px;}
.key-figures-wrap .key-figures-inner ul li p {display:flex;width:100%;gap:10px;justify-content:center;align-items:flex-end;text-align:center;}
.key-figures-wrap .key-figures-inner ul li p span {font-size:80px;font-weight:600;color:#fff;}
.key-figures-wrap .key-figures-inner ul li p span + span {font-size:22px;font-weight:400;color:#FF9447;padding-bottom:16px;}
.key-figures-wrap .key-figures-inner ul li p + p {font-size:22px;font-weight:400;color:#fff;word-wrap:break-word;padding:0 20px;}

.main-product-wrap {display:flex;flex-direction:column;width:100%;padding:160px 0;gap:140px;}
.main-product-wrap .main-product-inner {display:flex;width:1480px;margin:0 auto;gap:40px;}
.main-product-wrap .main-product-inner .txt-block {display:flex;flex:1;flex-direction:column;gap:20px;}
.main-product-wrap .main-product-inner .txt-block h2 {font-size:70px;font-weight:700;color:var(--title);}
.main-product-wrap .main-product-inner .txt-block h2.kr {font-size:60px;}
.main-product-wrap .main-product-inner .txt-block p {font-size:22px;font-weight:200;color:var(--description);word-break:keep-all;}
.main-product-wrap .main-product-inner .img-block {display:flex;flex:none;}
.main-product-wrap .main-product-inner .img-block + .txt-block {align-items:flex-end;}
.main-product-wrap .main-product-inner .img-block + .txt-block * {text-align:right;}

.btn-black {display:inline-flex;flex:none;padding:16px 60px;border-radius:60px;font-size:22px;font-weight:400;color:#fff!important;background:#000;width:fit-content;}
.btn-black:hover {color:#c4c4c4;background:#000;}

.btn-white {display:inline-flex;flex:none;padding:16px 60px;border-radius:60px;font-size:22px;font-weight:400;color:var(--primary-red)!important;background:#fff;width:fit-content;}
.btn-white:hover {color:#c4c4c4;background:#000;}

.btn-txt {display:inline-flex;flex:none;font-size:16px;font-weight:400;color:#313131;}
.btn-txt:hover {color:#000000;}
.btn-txt.delete {color:var(--primary-red);}
.btn-txt.delete:hover {color:var(--primary-red-hover);}


.main-future-wrap {position:relative;width:100%;height:640px;}
.main-future-wrap .future-content {position:relative;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;z-index:1;gap:40px;}
.main-future-wrap .future-content::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(33, 88, 121, 0.4);z-index:-1;backdrop-filter:blur(2px) saturate(180%);-webkit-backdrop-filter:blur(2px) saturate(180%);}
.main-future-wrap .future-content h2 {display:flex;justify-content:center;align-items:center;font-size:50px;font-weight:600;color:#ffffff;text-align:center;}
.main-future-wrap .future-content p {display:flex;justify-content:center;align-items:center;font-size:70px;font-weight:100;color:#ffffff;text-align:center;}
.main-future-wrap .future-video {position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%, -50%);z-index:0;will-change:transform;backface-visibility:hidden;}

.main-news-wrap {display:flex;flex-direction:column;width:100%;padding:100px 0;gap:140px;}
.main-news-wrap .main-news-inner {display:flex;width:1480px;margin:0 auto;gap:40px;}
.main-news-wrap .main-news-inner .title-block {display:flex;flex:none;flex-direction:column;gap:40px;width:260px;}
.main-news-wrap .main-news-inner .title-block h2 {font-size:70px;font-weight:700;color:var(--title);}
.main-news-wrap .main-news-inner ul {display:flex;flex:1;flex-direction:column;gap:20px;border-top:2px solid #000}
.main-news-wrap .main-news-inner ul li {display:flex;gap:20px;border-bottom:1px solid rgba(0,0,0,0.1);padding:40px 0;cursor:pointer}
.main-news-wrap .main-news-inner ul li p {display:none;flex-direction:row;gap:10px;flex:none;width:100px;justify-content:center;align-items:center;}
.main-news-wrap .main-news-inner ul li p span {font-size:24px;font-weight:700;text-align:center;color:var(--title);}
.main-news-wrap .main-news-inner ul li p span + span {font-size:20px;font-weight:200;text-align:center;color:var(--description);}
.main-news-wrap .main-news-inner ul li p + p  {display:flex;flex-direction:row;flex:1;width:100%;font-size:28px;font-weight:600;justify-content:flex-start;align-items:flex-start;color:#000;}
.main-news-wrap .main-news-inner ul li:nth-child(1) {animation-delay:0.2s;}
.main-news-wrap .main-news-inner ul li:nth-child(2) {animation-delay:0.4s;}
.main-news-wrap .main-news-inner ul li:nth-child(3) {animation-delay:0.8s;}

.main-certificate-wrap {display:flex;flex-direction:column;width:100%;height:800px;padding:100px 0;background:url(../images/common/bg_certificate.png) no-repeat;background-size:cover;}
.main-certificate-wrap .main-certificate-inner {display:flex;flex-direction:column;width:1480px;margin:0 auto;gap:60px;}
.main-certificate-wrap .main-certificate-inner .title-block {display:flex;flex:none;flex-direction:column;gap:40px;}
.main-certificate-wrap .main-certificate-inner .title-block h2 {font-size:70px;font-weight:700;color:#ffffff;}
.main-certificate-wrap .main-certificate-inner .title-block p {font-size:22px;font-weight:200;color:#ffffff;}
.main-certificate-wrap .main-certificate-inner ul {display:flex;flex:1;flex-direction:column;gap:20px;border-top:2px solid #000}
.main-certificate-wrap .main-certificate-inner ul li {display:flex;gap:20px;border-bottom:1px solid rgba(0,0,0,0.1);padding:40px 0;}

.cert-section {width:100%;overflow:hidden;padding:0;}
.cert-container {max-width:1480px;margin:0 auto;position:relative;}
.cert-viewport {overflow:hidden;cursor:grab;}
.cert-viewport:active {cursor:grabbing;}
.cert-track {display:flex;width:max-content;will-change:transform;}
.cert-item {flex:0 0 240px;margin-right:20px;user-select:none;}
.cert-item img {width:100%;display:block;pointer-events:none;}
.cert-scrollbar-area {width:100%;height:4px;background:rgba(255,255,255,0.2);margin-top:30px;position:relative;cursor:pointer;}
.cert-scrollbar-handle {width:100px;height:100%;background:var(--primary-red);position:absolute;left:0;top:0;transition:background 0.2s;}

.main-partner-wrap {display:flex;flex-direction:column;width:100%;height:760px;padding:100px 0;}
.main-partner-wrap .main-partner-inner {display:flex;flex-direction:column;width:1480px;margin:0 auto;gap:60px;}
.main-partner-wrap .main-partner-inner .title-block {display:flex;flex:none;flex-direction:column;gap:40px;}
.main-partner-wrap .main-partner-inner .title-block h2 {font-size:70px;font-weight:700;color:var(--title);}
.main-partner-wrap .main-partner-inner .title-block p {font-size:22px;font-weight:200;color:var(--description);}

.partner-gallery-container {width:100%;overflow:hidden;padding:0;display:flex;flex-direction:column;gap:80px;}
.partner-slider-row {width:100%;overflow:hidden;display:flex;}
.partner-slider-track {display:flex;width:max-content;will-change:transform;}
.partner-group {display:flex;align-items:center;}
.partner-group ul {display:flex;align-items:center;gap:80px;padding:0 40px;}
.partner-group ul li {display:flex;align-items:center;}
.partner-group ul li img {width:auto;display:block;pointer-events:none;}
.partner-logo-item {padding:0 40px;/* 로고 사이 간격 */}
.partner-logo-item img {height:45px;/* 로고 높이 조절 */width:auto;display:block;pointer-events:none;}
.partner-slider-row.is-paused .partner-slider-track {animation-play-state:paused;}/* 오버시 정지 */

.main-contact-wrap {display:flex;flex-direction:column;width:100%;height:600px;background:url(../images/common/bg_contact.png) no-repeat;background-size:cover;}
.main-contact-wrap .main-contact-inner {display:flex;flex-direction:column;width:1480px;height:100%;margin:0 auto;background-color:var(--primary-red-alpha);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);justify-content:center;align-items:center;gap:20px;}
.main-contact-wrap .main-contact-inner h2 {font-size:70px;font-weight:700;color:#ffffff;}
.main-contact-wrap .main-contact-inner .email {font-size:28px;font-weight:200;color:#ffffff;background:url(../images/common/ico_email.svg) no-repeat left center;padding-left:60px;}
.main-contact-wrap .main-contact-inner .phone {font-size:28px;font-weight:200;color:#ffffff;background:url(../images/common/ico_phone.svg) no-repeat left center;padding-left:60px;}
.main-contact-wrap .main-contact-inner button {display:none;}

.footer {display:flex;flex-direction:column;width:100%;height:360px;background:#000;padding-top:80px}
.footer .footer-inner {display:flex;flex-direction:column;width:1480px;height:100%;margin:0 auto;justify-content:flex-start;align-items:flex-start;gap:20px;}
.footer .footer-inner .footer-logo {display:flex;flex:none;width:110px;height:40px;background:url(../images/common/logo_allse_w.svg) no-repeat left top;background-size:100px auto;opacity:.6;}
.footer .footer-inner .copy-block {display:flex;flex-direction:column;flex:none;gap:10px;}
.footer .footer-inner .copy-block span {color:var(--white-alpha-6);;font-size:14px;font-weight:200;}

/* [추가] 두 번째 줄(우측 이동)의 초기 위치를 CSS에서 미리 설정 */
.partner-slider-row[data-dir="right"] .partner-slider-track {
    /* 스크립트 로드 전 미리 왼쪽으로 밀어두어 깜빡임 방지 */
    transform:translateX(-50%);
}

.title-common {position:relative;width:100%;height:300px;background:rgba(255,255,255,0.2);backdrop-filter:blur(4px) saturate(180%);-webkit-backdrop-filter:blur(4px) saturate(180%);z-index:2;}
.title-common .title-inner {position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:1480px;height:100%;margin:0 auto;padding:0;gap:10px;}
.title-common .title-inner:before {position:absolute;content:'';top:0;left:0;right:0;width:100%;height:2px;background:var(--primary-red);}
.title-common .title-inner:after {position:absolute;content:'';bottom:0;left:0;right:0;width:100%;height:1px;background:var(--line);}
.title-common .title-inner h2 {font-size:70px;font-weight:700;color:#000;text-align:center;animation:fadeUp 2s ease forwards;}
.title-common .title-inner h2.title {font-size:50px;font-weight:600;}
.title-common .title-inner h3 {font-size:30px;font-weight:200;color:#000;text-align:center;animation:fadeUp 3s ease forwards;}

.title-ceo-message {width:100%;height:460px;background:#000000 url(../images/common/bg_ceo_message.png) no-repeat center center;background-size:cover;}
.title-ceo-message .title-inner {display:flex;flex-direction:column;justify-content:center;align-items:center;width:1480px;height:100%;margin:0 auto;padding:80px 0 40px 0;gap:100px;}
.title-ceo-message .title-inner h2 {font-size:70px;font-weight:700;color:#fff;text-align:center;animation:fadeUp 2s ease forwards;}

.title-mission {width:100%;height:460px;background:#000000 url(../images/common/bg_mission.png) no-repeat center center;background-size:cover;}
.title-mission .title-inner {display:flex;flex-direction:column;justify-content:center;align-items:center;width:1480px;height:100%;margin:0 auto;padding:80px 0 40px 0;gap:20px;}
.title-mission .title-inner h2 {font-size:70px;font-weight:700;color:#fff;text-align:center;animation:fadeUp 2s ease forwards;}
.title-mission .title-inner p {font-size:26px;font-weight:200;color:#fff;text-align:center;animation:fadeUp 1s ease forwards;}

.title-our-history {width:100%;height:460px;background:#000000 url(../images/common/bg_our_history.png) no-repeat center center;background-size:cover;}
.title-our-history .title-inner {display:flex;flex-direction:column;justify-content:center;align-items:center;width:1480px;height:100%;margin:0 auto;padding:80px 0 40px 0;gap:100px;}
.title-our-history .title-inner h2 {font-size:70px;font-weight:700;color:#fff;text-align:center;animation:fadeUp 1s ease forwards;}

/* 1. 연혁 스타일 */
.history-container {display:flex;width:100%;position:relative;}
.history-container ul {position:relative;display:flex;flex-direction:column;padding-left:80px;}
.history-container ul:before {position:absolute;content:'';width:1px;height:100%;background:rgba(0,0,0,0.1);left:27px;top:30px;}
.history-container ul li {position:relative;display:flex;padding:4px 0 60px 0;}
.history-container ul li:before {position:absolute;top:10px;left:-68px;content:'';width:30px;height:30px;border-radius:30px;background:var(--primary-red);z-index:2;}
.history-container ul li.period-title {flex-direction:column;gap:10px;}
.history-container ul li.period-title:before {top:8px;left:-76px;content:'';width:30px;height:30px;border-radius:30px;background:#fff;border:8px solid var(--primary-red);}
.history-container ul li.period-title span {display:flex;flex:1;width:100%;font-size:40px;font-weight:600;color:var(--primary-red);}
.history-container ul li.period-title .img-wrap {display:flex;gap:20px;margin-top:40px;}
.history-container ul li h4 {display:flex;flex:1;width:100%;font-size:40px;font-weight:600;}
.history-container ul li span {display:flex;flex:none;width:80px;font-size:34px;font-weight:600;}
.history-container ul li ul {display:flex;flex-direction:column;padding-top:8px;gap:16px;}
.history-container ul li ul::before {display:none;}
.history-container ul li ul li {display:flex;flex:1;width:100%;padding:0;}
.history-container ul li ul li:before {display:none;}
.history-container ul li ul li span {position:relative;display:flex;flex:none;width:54px;font-size:20px;font-weight:400;color:rgba(0,0,0,0.4)}
.history-container ul li ul li span + span {width:60px;color:rgba(0,0,0,0.6);padding-left:10px;font-weight:500;}
.history-container ul li ul li span + span:before {position:absolute;content:'.';top:0;left:0;}
.history-container ul li ul li span + span + span {display:flex;flex:1;width:100%;color:#000000;font-weight:600;}
.history-container ul li ul li span + span + span:before {display:none;}
.history-container ul li:last-child:after {position:absolute;top:14px;left:-68px;content:'';width:30px;height:120%;background:#ffffff;z-index:1;}
.history-container ul li ul li:last-child:after {display:none;}

.history-group {position:relative;margin-bottom:80px;}
.history-group::before {content:'';position:absolute;left:-38px; top:5px;width:18px; height:18px;border:4px solid #bba8ac;border-radius:50%; background:#fff;z-index:1;}
.year-list > li {position:relative;margin-bottom:40px;}
.year-list > li::before {content:'';position:absolute;left:-34px; top:8px;width:10px; height:10px;background:#b10024;border-radius:50%;z-index:1;}


.title-our-solution {width:100%;height:460px;background:#000000;}
.title-our-solution.asd {background:#000000 url(../images/common/bg_asd.png) no-repeat center center;background-size:cover;}
.title-our-solution.wfds {background:#000000 url(../images/common/bg_wfds.png) no-repeat center center;background-size:cover;}
.title-our-solution .title-inner {display:flex;flex-direction:column;justify-content:center;align-items:center;width:1480px;height:100%;margin:0 auto;padding:80px 0 40px 0;gap:20px;}
.title-our-solution .title-inner h2 {font-size:70px;font-weight:700;color:#fff;text-align:center;animation:fadeUp 2s ease forwards;}
.title-our-solution .title-inner p {font-size:26px;font-weight:200;color:#fff;text-align:center;animation:fadeUp 3s ease forwards;}

.contests-ceo-message {width:1480px;margin:0 auto;padding:100px 0;gap:40px;}
.contests-ceo-message .logo {width:100%;height:420px;background:#ffffff url(../images/common/logo_allse_full.svg) no-repeat center center;}
.contests-ceo-message .txt-block {display:flex;flex-direction:column;width:1480px;margin:0 auto;gap:60px;}
.contests-ceo-message .txt-block p {display:flex;width:100%;font-size:26px;font-weight:200;}

.contests-mission-vision {width:1480px;margin:0 auto;padding:100px 0;gap:40px;}
.contests-mission-vision .logo {width:100%;height:420px;background:#ffffff url(../images/common/logo_allse_full.svg) no-repeat center center;}
.contests-mission-vision .txt-block {display:flex;flex-direction:column;width:1480px;margin:0 auto;gap:60px;}
.contests-mission-vision .txt-block p {display:flex;width:100%;font-size:26px;font-weight:200;}

.vision-list {position:relative;display:flex;flex:none;width:1480px;min-height:800px;margin:0 auto;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 260px;gap:420px;}
.vision-list .txt-block {display:flex;flex-direction:row;flex:none;width:100%;}
.vision-list .txt-block h4 {display:inline-flex;font-size:48px;color:var(--title);font-weight:700;}
.vision-list .txt-block p {display:inline-flex;font-size:18px;font-weight:200;gap:10px;word-break:keep-all;}
.vision-list .txt-block ol {display:flex;width:100%;gap:40px;flex-wrap:wrap;}
.vision-list .txt-block ol li {display:flex;flex-direction:column;width:calc((100% - 40px) / 2);gap:20px;}
.vision-list .txt-block ol li h5 {display:flex;flex:none;font-size:30px;font-weight:600;gap:20px;}
.vision-list .txt-block .left {display:flex;flex:1;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:40px;}
.vision-list .txt-block .right {display:flex;flex:1;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:40px;text-align:right;}
.vision-list .txt-block .right p {justify-content:flex-end;align-items:flex-end;text-align:right;}
.vision-list .txt-block .right {display:flex;flex:1;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:40px;text-align:right;}
.vision-list .txt-block .center {display:flex;flex:1;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:40px;text-align:left;}
.vision-list .txt-block .center h4 {width:100%;justify-content:center;}

.vision-circle-wrap {position:absolute;top:60px;left:50%;transform:translateX(-50%);width:600px;height:600px;flex:none;display:flex;align-items:center;justify-content:center;}
.vision-circle-wrap .vision-circle {transform:rotate(180deg) scale(1.6);position:relative;width:200px;height:200px;}
.vision-circle-wrap .vision-circle .circle {height:200px;width:200px;border-radius:50%;position:absolute;animation-timing-function:ease-in-out;animation-duration:20000ms;animation-iteration-count:infinite;mix-blend-mode:screen;}
.vision-circle-wrap .vision-circle .circle.c {background:#f0276a;}
.vision-circle-wrap .vision-circle .circle.m {background:#5bb5ff;}
.vision-circle-wrap .vision-circle .circle.y {background:#0fe9a8;}
.vision-circle-wrap .vision-circle .circle:nth-child(1) {animation-name:to-top;}
.vision-circle-wrap .vision-circle .circle:nth-child(2) {animation-name:to-left;}
.vision-circle-wrap .vision-circle .circle:nth-child(3) {animation-name:to-right;}
.vision-circle-wrap .vision-circle .logo-circle {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:220px;width:220px;border-radius:50%;background:#fff;border:10px solid var(--primary-red);top:50%;left:50%;animation:show-logo 20000ms ease-in-out infinite;z-index:10;opacity:0;}
.vision-circle-wrap .vision-circle .logo-circle:before {position:absolute;content:'';background:url(../images/common/logo_allse_full.svg) no-repeat center center;width:160px;height:160px;top:50%;left:50%;transform:rotate(180deg) translate(50%, 50%);background-size:140px auto;}

@keyframes show-logo {
0%, 20% { opacity:0;filter:blur(14px); } /* 0초~4초:숨김 */
25% { opacity:1;filter:blur(0); } /* 5초:완전하게 보임 시작 */
75% { opacity:1;filter:blur(0); } /* 15초:완전하게 보임 끝 */
80%, 100% { opacity:0;filter:blur(14px); } /* 16초~20초:숨김 */
}

@keyframes to-top {
0%, 100% { transform:translate(0, -38%) scale(.2);filter:blur(0); } /* 흩어진 상태 */
25%, 75% { transform:translate(0, 0) scale(1);filter:blur(4px); } /* 중앙 합체 */
}
@keyframes to-left {
0%, 100% { transform:translate(-50%, 50%) scale(.2);filter:blur(0); } /* 흩어진 상태 */
25%, 75% { transform:translate(0, 0) scale(1);filter:blur(4px); } /* 중앙 합체 */
}
@keyframes to-right {
0%, 100% { transform:translate(50%, 50%) scale(.2);filter:blur(0); } /* 흩어진 상태 */
25%, 75% { transform:translate(0, 0) scale(1);filter:blur(4px); } /* 중앙 합체 */
}


.contests-our-history {width:1480px;margin:0 auto;padding:100px 0;gap:40px;}

.text-emphasis {font-weight:500!important;}
.text-strong {font-weight:600!important;}
.text-point {font-weight:700!important;}
.text-accent {font-weight:800!important;}
.text-right {justify-content:flex-end;text-align:right;}

.fade-in {
  animation:fadeIn 2s ease forwards;
}

@keyframes fadeIn {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

.fade-up {
  
  animation:fadeUp 1.4s ease forwards;
 transition:
    opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
    transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes fadeUp {
  from {
    opacity:0;
    transform:translateY(30px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}

/* GSAP 애니메이션 대기 상태 */
.gsap-reveal {opacity:0;will-change:transform, opacity;}
/* 숫자 카운팅 시 숫자가 튀는 현상 방지 */
.stat-number {display:inline-block;font-variant-numeric:tabular-nums;min-width:1ch;}
/* 히어로 섹션 내부 요소들에 대한 강제 표시 설정 (애니메이션이 시작되면 GSAP이 인라인 스타일로 덮어씀) */
.main-hero.active .gsap-reveal {/* 여기에는 별도의 opacity 설정을 넣지 마세요. GSAP이 알아서 조절합니다. */}
/* 혹시라도 애니메이션이 안 보인다면 z-index 확인 */
.hero-content {z-index:10;position:relative;}

.contests-our-solution {width:1480px;margin:0 auto;padding:100px 0;gap:140px;}
.contests-our-solution.pd_none {padding:0 0 100px 0;gap:40px;}
.contests-our-solution .solution-group {display:flex;flex-direction:column;gap:60px;width:100%;}
.contests-our-solution .solution-group h4 {display:flex;flex:none;font-size:40px;font-weight:700;gap:10px;}
.contests-our-solution .solution-group h4 span {font-weight:200;}
.contests-our-solution .solution-group h4 strong {font-weight:700;}
.contests-our-solution .solution-group h4 .point {color:var(--primary-red)}
.contests-our-solution .solution-group .img-wrap {display:flex;flex:none;width:100%;justify-content:center;align-items:center;}
.contests-our-solution .solution-group .description-box {display:flex;width:100%;background:#EDEDED;justify-content:center;align-items:center;padding:60px;font-size:36px;font-weight:600;border-radius:60px;text-align:center;}
.contests-our-solution .solution-group h4 {display:flex;flex:none;font-size:40px;font-weight:700;gap:10px;}
.contests-our-solution .solution-group h4 span {font-weight:200;}
.contests-our-solution .solution-group h4 strong {font-weight:700;}

.asd-application-list {display:flex;width:100%;}
.asd-application-list ul {display:flex;width:100%;gap:20px;}
.asd-application-list ul li {position:relative;padding-top:240px;display:flex;flex:1;justify-content:center;font-size:28px;font-weight:600;}
.asd-application-list ul li:before {position:absolute;content:'';top:0;left:50%;transform:translateX(-50%);width:200px;height:200px;background:#FBFBFB;border-radius:50%;z-index:1;transition:all 0.2s;text-align:center;}
.asd-application-list ul li:after {position:absolute;content:'';top:0;left:50%;transform:translateX(-50%);width:200px;height:200px;z-index:2;transition:all 0.2s;}
.asd-application-list ul li:nth-child(1):after {background:url(../images/common/ico_app_01.svg) no-repeat center center;}
.asd-application-list ul li:nth-child(2):after {background:url(../images/common/ico_app_02.svg) no-repeat center center;}
.asd-application-list ul li:nth-child(3):after {background:url(../images/common/ico_app_03.svg) no-repeat center center;}
.asd-application-list ul li:nth-child(4):after {background:url(../images/common/ico_app_04.svg) no-repeat center center;}
.asd-application-list ul li:nth-child(5):after {background:url(../images/common/ico_app_05.svg) no-repeat center center;}
.asd-application-list ul li:nth-child(6):after {background:url(../images/common/ico_app_06.svg) no-repeat center center;}
.asd-application-list ul li:hover:before {background:var(--primary-red);}
.asd-application-list ul li:hover:nth-child(1):after {background:url(../images/common/ico_app_01_w.svg) no-repeat center center;}
.asd-application-list ul li:hover:nth-child(2):after {background:url(../images/common/ico_app_02_w.svg) no-repeat center center;}
.asd-application-list ul li:hover:nth-child(3):after {background:url(../images/common/ico_app_03_w.svg) no-repeat center center;}
.asd-application-list ul li:hover:nth-child(4):after {background:url(../images/common/ico_app_04_w.svg) no-repeat center center;}
.asd-application-list ul li:hover:nth-child(5):after {background:url(../images/common/ico_app_05_w.svg) no-repeat center center;}
.asd-application-list ul li:hover:nth-child(6):after {background:url(../images/common/ico_app_06_w.svg) no-repeat center center;}
.asd-technological-list {display:flex;width:100%;}
.asd-technological-list ul {display:flex;width:100%;gap:60px;}
.asd-technological-list ul li {position:relative;padding:200px 0 40px 0;display:flex;flex:1;align-items:center;justify-content:center;font-size:24px;font-weight:600;transition:all 0.2s;border:1px solid rgba(0,0,0,0.2);border-radius:40px;text-align:center;}
.asd-technological-list ul li:hover {background:var(--primary-red);border:1px solid var(--primary-red);color:#fff}
.asd-technological-list ul li:after {position:absolute;content:'';top:20px;left:50%;transform:translateX(-50%);width:160px;height:160px;z-index:2;transition:all 0.2s;}
.asd-technological-list ul li:nth-child(1):after {background:url(../images/common/ico_technological_01.svg) no-repeat center center;}
.asd-technological-list ul li:nth-child(2):after {background:url(../images/common/ico_technological_02.svg) no-repeat center center;}
.asd-technological-list ul li:nth-child(3):after {background:url(../images/common/ico_technological_03.svg) no-repeat center center;}
.asd-technological-list ul li:hover:nth-child(1):after {background:url(../images/common/ico_technological_01_w.svg) no-repeat center center;}
.asd-technological-list ul li:hover:nth-child(2):after {background:url(../images/common/ico_technological_02_w.svg) no-repeat center center;}
.asd-technological-list ul li:hover:nth-child(3):after {background:url(../images/common/ico_technological_03_w.svg) no-repeat center center;}

.solution-features-list {display:flex;width:100%;display:flex;flex-direction:column;gap:40px;}
.solution-features-list ol {display:flex;width:100%;gap:40px;flex-wrap:wrap;}
.solution-features-list ol.full {flex-wrap:nowrap;flex-direction:column;}
.solution-features-list ol.full li {width:100%;}
.solution-features-list ol li {display:flex;flex-direction:column;width:calc((100% - 40px) / 2);gap:20px;}
.solution-features-list ol li h5 {display:flex;flex:none;font-size:30px;font-weight:600;gap:20px;}
.solution-features-list ol li p {display:flex;flex-direction:column;gap:10px;}
.solution-features-list ol li p span {display:flex;flex-direction:column;font-size:18px;font-weight:200;gap:10px;}
.solution-features-list ol.img-box {flex-wrap:nowrap;flex-direction:column;}
.solution-features-list ol.img-box li {flex-direction:row;width:100%;gap:40px;border:1px solid rgba(0,0,0,0.2);padding:40px 20px;border-radius:40px;}
.solution-features-list ol.img-box li .img-wrap {display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;}
.solution-features-list ol.img-box li .img-wrap h5 {display:flex;flex:none;font-size:24px;font-weight:600;gap:20px;}
.solution-features-list ol.img-box li .txt-wrap {display:flex;flex-direction:column;flex:1;gap:20px;}

.wfds-threemajor-list {display:flex;width:100%;height:740px;}
.wfds-threemajor-list ul {position:relative;display:flex;width:100%;justify-content:center;align-items:flex-start;margin-top:40px;}
.wfds-threemajor-list ul li {position:relative;padding:40px;display:flex;flex-direction:column;flex:none;width:400px;height:400px;align-items:center;justify-content:center;transition:all 0.5s;padding:100px;gap:10px;}
.wfds-threemajor-list ul li:before {position:absolute;content:'';top:50%;left:50%;transform:translate(-50%, -50%);width:400px;height:400px;z-index:1;transition:all 0.5s;background:var(--primary-red);opacity:.4;border-radius:50%;}
.wfds-threemajor-list ul li:after {position:absolute;content:'';top:50%;left:50%;transform:translate(-50%, -50%);width:300px;height:300px;z-index:2;transition:all 0.5s;background:#ffffff;opacity:.9;border-radius:50%;}
.wfds-threemajor-list ul li h5 {display:flex;flex:none;font-size:56px;font-weight:200;color:var(--primary-red);text-align:center;z-index:3;}
.wfds-threemajor-list ul li p {display:flex;flex-direction:column;gap:10px;font-size:20px;font-weight:600;text-align:center;z-index:3;}
.wfds-threemajor-list ul li:nth-child(2) {position:absolute;top:274px;margin-left:-330px;}
.wfds-threemajor-list ul li:nth-child(3) {position:absolute;top:274px;margin-left:330px;}
.wfds-threemajor-list ul li:hover {z-index:4;color:#fff}
.wfds-threemajor-list ul li:hover h5 {color:#fff}
.wfds-threemajor-list ul li:hover:before {opacity:.8;background:var(--primary-red);filter:blur(14px);}
.wfds-threemajor-list ul li:hover:after {opacity:1;background:#064841;filter:blur(0px);}


.contents-news {display:flex;flex:none;width:1480px;flex-direction:column;gap:60px;padding:100px 0;}
.news-list {display:flex;flex:none;width:1480px;margin:0 auto;flex-direction:column;}
.news-list ul {display:flex;flex-wrap:wrap;gap:40px;width:100%;}
.news-list ul li {display:flex;flex-direction:column;width:calc((100% - 120px) / 4);gap:20px;}
.news-list ul li:hover {cursor:pointer;}
.news-list ul li .img-box {border-radius:20px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#cdcdcd;height:200px;}
.news-list ul li .img-box img {width:auto;height:100%;transition:all 0.2s;}
.news-list ul li:hover .img-box img {transform:scale(1.05);}
.news-list ul li h4 {font-size:26px;font-weight:600;}
.news-list ul li p {display:flex;gap:10px;}
.news-list ul li p span {font-size:24px;font-weight:200;color:var(--year)}
.news-list ul li p span + span {font-size:24px;font-weight:600;color:var(--month)}

.news-detail {display:flex;flex:none;width:1480px;margin:0 auto;flex-direction:column;gap:20px}
.news-detail h3 {font-size:36px;font-weight:600;}
.news-detail ul {display:flex;gap:30px;width:100%;flex-direction:column;}
.news-detail ul li {display:flex;flex-direction:column;gap:20px;}
.news-detail ul li .img-box {display:flex;flex:none;overflow:hidden;gap:40px;}
.news-detail ul li .img-box img {width:auto;border-radius:20px;}
.news-detail ul li .txt-box {font-size:20px;font-weight:300;}
.news-detail ul li h4 {font-size:16px;font-weight:600;}
.news-detail ul li.info {display:flex;gap:20px;flex-direction:row;align-items:center;}
.news-detail ul li .date {height:40px;display:flex;flex:none;font-size:14px;font-weight:400;background:url(../images/common/ico_calendar.svg) no-repeat left center;padding-left:30px;align-items:center;}
.news-detail ul li .views {height:40px;display:flex;flex:none;font-size:14px;font-weight:400;background:url(../images/common/ico_view.svg) no-repeat left center;padding-left:30px;align-items:center;}
.news-detail ul li p {display:flex;gap:10px;font-size:16px;font-weight:300;}

.contents-drawing {display:flex;flex:none;width:1480px;flex-direction:column;gap:60px;padding:100px 0;}
.drawing-list {display:flex;flex:none;width:1480px;margin:0 auto}
.drawing-list ul {display:flex;flex-wrap:wrap;gap:30px;width:100%;}
.drawing-list ul li {display:flex;width:calc((100% - 30px) / 2);gap:30px;border:1px solid rgba(0,0,0,0.1);padding:40px;align-items:center;}
.drawing-list ul li .img-box {position:relative;overflow:hidden;width:60px;height:60px;background-size:cover;background-position:center;background-repeat: no-repeat;}
.drawing-list ul li .no-img-bg {background:url(../images/common/ico_design.svg) no-repeat center center}
.drawing-list ul li .txt-box {display:flex;flex-direction:column;flex:1;gap:10px;}
.drawing-list ul li .txt-box h4 {font-size:20px;font-weight:500;word-break:break-all;}
.drawing-list ul li .txt-box p {font-size:16px;font-weight:400;}
.drawing-list ul li .txt-box .date {font-size:14px;font-weight:400;display:none;}
.drawing-list ul li .download-files-box {display:flex;gap:20px;}
.drawing-list ul li .download-files-box .file-icon-btn {display:inline-flex;width:36px;height:36px;background:url(../images/common/ico_filedown.svg) no-repeat center center;opacity:.6;background-size:46px;}
.drawing-list ul li .download-files-box .file-icon-btn:hover {opacity:1;}
.drawing-list ul li .button {display:flex;gap:10px;flex-direction:column;justify-content:flex-start;}
.drawing-list ul li .button .btn-txt {cursor:pointer;}

.drawing-list ul li.design .no-img-bg {background:url(../images/common/ico_design.svg) no-repeat center center} /* 도면 */
.drawing-list ul li.high-eff .no-img-bg {background:url(../images/common/ico_higheff.svg) no-repeat center center} /* 고효율인증서 */
.drawing-list ul li.approval .no-img-bg {background:url(../images/common/ico_certificate.svg) no-repeat center center} /* 형식승인서 */
.drawing-list ul li.brochure .no-img-bg {background:url(../images/common/ico_brochure.svg) no-repeat center center} /* 디지털브로슈어 */
.drawing-list ul li.manual .no-img-bg {background:url(../images/common/ico_manual.svg) no-repeat center center} /* 매뉴얼 */

.pagination-wrap { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 50px; margin-bottom: 20px; }
.pagination-wrap a { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 6px; border: 1px solid #e1e4e6; border-radius: 4px; font-size: 14px; color: #555; text-decoration: none; background: #fff; transition: all 0.2s ease; }
.pagination-wrap a.pg-num:hover { border-color: #333; color: #111; background: #f8f9fa; }
.pagination-wrap a.pg-num.active { background: #000; border-color: #000; color: #fff; font-weight: 500; }
.pagination-wrap a.pg-btn { font-weight: bold; background: #fafafa; color: #888; }
.pagination-wrap a.pg-btn:hover { background: #f1f3f5; color: #333; border-color: #bbb; }

.contents-catalog {padding:100px 0;gap:40px;flex-direction:column;}
.catalog-list {display:flex;flex:none;width:1480px;margin:0 auto}
.catalog-list ul {display:flex;flex-wrap:wrap;gap:40px;width:100%;}
.catalog-list ul li {position:relative;display:flex;flex-direction:column;width:calc((100% - 160px) / 5);gap:20px;border:1px solid rgba(0,0,0,0.1);padding:40px;justify-content:space-between;}
.catalog-list ul li .img-box:before {position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);transition:all 0.2s;opacity:0;}
.catalog-list ul li .img-box:after {position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:url(../images/common/ico_down_big.svg) no-repeat center center;transition:all 0.2s;opacity:0;}
.catalog-list ul li .img-box:hover {cursor:pointer;}
.catalog-list ul li .img-box:hover:before {opacity:1;}
.catalog-list ul li .img-box:hover:after {opacity:1;}
.catalog-list ul li .img-box {border-radius:0;overflow:hidden;}
.catalog-list ul li .img-box img {width:100%;}
.catalog-list ul li h4 {font-size:20px;font-weight:600;}
.catalog-list ul li p {font-size:16px;font-weight:400;}
.catalog-list ul li span {display:none;}
.catalog-list ul li .button {display:flex;gap:10px;justify-content:flex-start;}
.catalog-list ul li .button .btn-txt {cursor:pointer;}

.contents-certification {padding:100px 0;gap:40px;flex-direction:column;}
.certification-list {display:flex;flex:none;width:1480px;margin:0 auto}
.certification-list ul {display:flex;flex-wrap:wrap;gap:40px;width:100%;}
.certification-list ul li {position:relative;display:flex;flex-direction:column;width:calc((100% - 160px) / 5);gap:20px;border:1px solid rgba(0,0,0,0.1);padding:40px;}
.certification-list ul li .img-box {border-radius:0;overflow:hidden;cursor: pointer;}
.certification-list ul li .img-box img {width:100%;}
.certification-list ul li h4 {font-size:20px;font-weight:600;}
.certification-list ul li p {font-size:16px;font-weight:400;}
.certification-list ul li .button {display:flex;gap:10px;justify-content:flex-start;}
.certification-list ul li .button .btn-txt {cursor:pointer;}

.contents-inquiry {padding:100px 0;}

.form-wrap {display:flex;flex-direction:column;width:100%;margin:0 auto;gap:40px;}
.form-wrap .form-item {display:flex;flex:1;flex-direction:column;gap:20px;width:100%;}
.form-wrap .form-item h4 {display:inline-flex;font-size:18px;color:rgba(0,0,0,0.8);font-weight:400;}
.form-wrap .form-item h4 em {display:inline-flex;font-size:18px;color:var(--primary-red);font-weight:400;margin-left:10px;}
.form-wrap .form-item input[type="text"] {display:inline-flex;font-size:30px;font-weight:500;color:rgba(0,0,0,1);width:100%;height:50px;border:none;border-bottom:1px solid rgba(0,0,0,0.2);transition:all 0.2s;padding:0 0 10px 0;}
.form-wrap .form-item input[type="text"]:active, input[type="text"]:focus {border-color:var(--primary-red)!important}
.form-wrap .form-item input[type="password"] {display:inline-flex;font-size:30px;font-weight:500;color:rgba(0,0,0,1);width:100%;height:50px;border:none;border-bottom:1px solid rgba(0,0,0,0.2);transition:all 0.2s;padding:0 0 10px 0;}
.form-wrap .form-item input[type="password"]:active, input[type="password"]:focus {border-color:var(--primary-red)!important}
.form-wrap .form-item textarea {display:inline-flex;font-size:30px;font-weight:500;color:rgba(0,0,0,1);width:100%;height:50px;border:none;border-bottom:1px solid rgba(0,0,0,0.2);transition:all 0.2s;padding:0 0 10px 0;}
.form-wrap .form-item textarea:active, textarea:focus {border-color:var(--primary-red)!important}
.form-wrap .form-item .fx-form {display:flex;gap:10px;} 
.form-wrap .form-item .fx-form label {display:flex;flex:none;align-items:center;font-size:26px;font-weight:400;} 
.form-wrap .form-item .fx-form label input {margin-right:10px;} 

.auto-height {width:100%;min-height:50px;resize:none;overflow-y:hidden;}

.accordion-container {width:100%;border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);}
.accordion-item + .accordion-item {border-top:1px solid rgba(0,0,0,0.1);}
.accordion-item:last-child {border-bottom:none;}
.accordion-header {display:flex;justify-content:space-between;align-items:center;padding:0;cursor:pointer;user-select:none;background-color:#fff;transition:background-color 0.2s ease;padding:0 40px 0 0;}
.accordion-header:hover {background-color:rgba(0,0,0,0.04);}
.accordion-header .header-left {display:flex;align-items:center;gap:20px;}
.accordion-header .header-left .thumb-img {width:140px;height:140px;background-color:#ffffff;display:flex;align-items:center;justify-content:center;}
.accordion-header .header-left .thumb-img img {width:100px;height:100px;}
.accordion-header .placeholder-icon {color:#aaa;font-size:20px;}
.accordion-header .title-group {display:flex;flex-direction:column;gap:4px;}
.accordion-header .sub-title {font-size:14px;font-weight:400;color:rgba(0,0,0,0.4);}
.accordion-header .main-title {font-size:30px;font-weight:600;color:#000;}
.accordion-header .header-right {display:flex;align-items:center;gap:60px;}
.accordion-header .cert-badges {display:flex;gap:10px;}
.accordion-header .badge {display:flex;flex:none;width:60px;height:60px;background-size:auto 50px!important;}
.accordion-header .badge.kfi {background:url(../images/common/logo_kfi.svg) no-repeat center center;}
.accordion-header .badge.ul {background:url(../images/common/logo_ul.svg) no-repeat center center;}
.accordion-header .badge.kipo {background:url(../images/common/logo_kipo.svg) no-repeat center center;}
.accordion-header .badge.good {background:url(../images/common/logo_good.svg) no-repeat center center;}
.accordion-header .badge.high {background:url(../images/common/logo_high_efficiency.svg) no-repeat center center;}
.accordion-header .badge.lh {background:url(../images/common/logo_lh.svg) no-repeat center center;}
.accordion-header .badge.nhis {background:url(../images/common/logo_nhis.svg) no-repeat center center;}
.accordion-header .badge.pps {background:url(../images/common/logo_pps.svg) no-repeat center center;}
.accordion-header .badge.filk {background:url(../images/common/logo_filk.svg) no-repeat center center;}
.accordion-header .action-links {display:none;flex-direction:column;gap:15px;}
.accordion-header .link-btn {display:flex;flex:none;font-size:14px;color:#777;align-items:center;padding-left:26px;}
.accordion-header .link-btn.drawing {background:url(../images/common/ico_drawing.svg) no-repeat left center;}
.accordion-header .link-btn.approval {background:url(../images/common/ico_approval.svg) no-repeat left center;}
.accordion-header .link-btn:hover {color:#000;}
.accordion-header .toggle-btn {background:url(../images/common/ico_detail.svg) no-repeat center center;background-size:30px;border:none;width:30px;height:30px;position:relative;cursor:pointer;transition:transform 0.25s ease;}
.accordion-item.active .toggle-btn { transform:rotate(45deg); }

/* 펼쳐질 컨텐츠 영역 */
.accordion-content {display:none;overflow:hidden;border-top:1px dashed rgba(0,0,0,0.1);padding:40px 0}
.accordion-item.active .accordion-content {margin:0;}
.accordion-content .content-body {padding:40px 0;display:flex;gap:50px;}
.accordion-content .product-visual {flex:none;width:500px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;}
.accordion-content .product-visual .main-img {width:100%;min-height:350px;display:flex;align-items:center;justify-content:center;}
.accordion-content .product-visual .main-img img {max-width:500px;}
.accordion-content .product-visual .sub-img {width:100%;display:flex;justify-content:center;}
.accordion-content .product-visual .sub-img img {max-width:500px;}
.accordion-content .product-visual h4 {color:#000000;font-size:16px;font-weight:500;}
.accordion-content .product-details {flex:1;}
.accordion-content .product-details .detail-sub-title {font-size:20px;font-weight:400;margin-bottom:10px;color:#616161;}
.accordion-content .product-details .detail-title {font-size:38px;font-weight:600;margin-bottom:40px;color:#000;}
.accordion-content .spec-list {display:flex;}
.accordion-content .spec-list ul {display:flex;flex-direction:column;gap:20px;}
.accordion-content .spec-list ul li {display:flex;flex-direction:row;}
.accordion-content .spec-list ul li h3 {display:flex;justify-content:flex-start;align-items:flex-start;flex:none;width:240px;color:#888888;font-size:16px;font-weight:300;}
.accordion-content .spec-list ul li h4 {display:flex;justify-content:flex-start;align-items:flex-start;flex:1;color:#000000;font-size:16px;font-weight:500;}


.common-tabs-wrap {display:flex;width:100%;}
.common-tabs-wrap ul.common-tabs {display:flex;gap:0;height:80px;width:100%;border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);}
.common-tabs-wrap ul.common-tabs li {display:flex;flex:1;height:100%;font-size:22px;font-weight:400;color:rgba(0,0,0,0.4);justify-content:center;align-items:center;cursor:pointer;}
.common-tabs-wrap ul.common-tabs li.current {color:var(--primary-red);}

.common-tabs-content {display:flex;flex-direction:column;width:100%;gap:40px; }

.solution-tabs-wrap {display:flex;width:100%;}
.solution-tabs-wrap ul.solution-tabs {display:flex;gap:0;height:80px;width:100%;border-top:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.2);}
.solution-tabs-wrap ul.solution-tabs li {display:flex;flex:1;height:100%;font-size:22px;font-weight:400;color:rgba(0,0,0,0.4);justify-content:center;align-items:center;cursor:pointer;}
.solution-tabs-wrap ul.solution-tabs li.current {color:var(--primary-red);}

.solution-tabs-content {display:flex;flex-direction:column;width:100%;gap:40px; }

.stitle-our-solution {display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:flex-start;}
.stitle-our-solution .stitle-top {display:flex;}
.stitle-our-solution .stitle-top h3 {font-size:38px;font-weight:600;color:var(--title);}
.stitle-our-solution .stitle-bottom {display:flex;gap:20px;height:240px;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:440px;gap:20px;}
.stitle-our-solution .stitle-bottom.only_txt {padding-left:0!important;flex-direction:row;}
.stitle-our-solution .stitle-bottom.design_innovation {background:url(../images/common/pd_light0101.png) no-repeat left center;}
.stitle-our-solution .stitle-bottom.mtype {background:url(../images/common/pd_light_mtype.png) no-repeat left center;}
.stitle-our-solution .stitle-bottom.exitlite {background:url(../images/common/pd_light_exitlite.png) no-repeat left center;}
.stitle-our-solution .stitle-bottom.esgate {background:url(../images/common/pd_light_esgate.png) no-repeat left center;}
.stitle-our-solution .stitle-bottom.avel {background:url(../images/common/pd_light_avel.png) no-repeat left center;}
.stitle-our-solution .stitle-bottom.solid {background:url(../images/common/pd_light_3d.png) no-repeat left center;}
.stitle-our-solution .stitle-bottom h4 {font-size:24px;font-weight:600;color:var(--primary-red);}
.stitle-our-solution .stitle-bottom ul.stitle-bottom-list {display:flex;flex-direction:column;gap:10px}
.stitle-our-solution .stitle-bottom ul.stitle-bottom-list li {font-size:18px;font-weight:400;color:var(--title);}

.solution-stabs-wrap {display:flex;width:100%;}
.solution-stabs-wrap ul.solution-stabs {display:flex;gap:0;height:60px;width:100%;}
.solution-stabs-wrap ul.solution-stabs li {display:flex;flex:none;height:100%;font-size:18px;font-weight:300;color:rgba(0,0,0,0.8);justify-content:center;align-items:center;cursor:pointer;border:1px solid rgba(0,0,0,0.1);padding:0 40px;}
.solution-stabs-wrap ul.solution-stabs li.current {background:var(--primary-red);color:#ffffff;font-weight:600;}

.solution-stabs-content {display:flex;flex-direction:column;padding:60px 0;gap:20px;}
.solution-stabs-content h4 {font-size:24px;font-weight:600;color:var(--title);}
.accordion-container +  h4 {margin-top:40px;}

.page-button {display:flex;width:100%;margin:40px auto;justify-content:center;align-items:center;gap:20px;}
.page-button a {display:flex;flex:none;font-size:46px;font-weight:200;color:var(--title);}
.page-button a:hover {color:var(--primary-red);}

.pop_wrap {position:fixed;left:0;top:0;right:0;bottom:0;width:100%;background:rgba(0,0,0,0.7);z-index:999999;justify-content:center;align-items:center;padding:0;display:none;}
.pop_wrap .pop_win {position:relative;display:flex;flex:none;flex-direction:column;width:600px;background:#fff;padding:3dvb;border-radius:40px;gap:30px;}
.pop_wrap .pop_win.msg {width:380px;padding:40px 10px 40px 10px;}
.pop_wrap .pop_win.loading {width:280px;height:280px;}
.pop_wrap .pop_win.small {width:480px;}
.pop_wrap .pop_win.medium {width:640px;}
.pop_wrap .pop_win.large {width:800px;}
.pop_wrap .pop_win.w_auto {width:auto;}
.pop_wrap .pop_win.event  {width:auto;padding:0;border-radius:0;gap:0;width:auto;}
.pop_wrap .pop_win .pop_header {position:relative;display:flex;flex:none;justify-content:space-between;align-items:center;}
.pop_wrap .pop_win .pop_header.point-copy {display:flex;flex-direction:column;padding:20px;background:var(--primary-red);gap:0;}
.pop_wrap .pop_win .pop_header.point-copy h3 {font-size:46px;color:#fff;font-weight:300;}
.pop_wrap .pop_win .pop_header.point-copy h3.en {font-size:30px;}
.pop_wrap .pop_win .pop_header.point-copy h3.point {font-weight:600;}
.pop_wrap .pop_win .pop_header.point-copy h3.point strong {color:#ffee00}
.pop_wrap .pop_win .pop_header h3 {display:flex;flex:1;font-size:26px;font-weight:500;color:var(--title);}
.pop_wrap .pop_win .pop_header .close {display:flex;flex:none;width:30px;height:30px;background:url(../images/common/ico_menu_close.svg) no-repeat center center;background-size:16px;}
.pop_wrap .pop_win .pop_body {display:flex;flex-direction:column;width:100%;height:100%;max-height:560px;overflow-y:auto;padding:0;}
.pop_wrap .pop_win .pop_body.w_auto {width:auto;height:auto;}
.pop_wrap .pop_win.event .pop_body.w_auto {padding:20px;}
.pop_wrap .pop_win .pop_footer {position:relative;display:flex;flex:none;justify-content:space-between;align-items:center;padding:10px;}
.pop_wrap .pop_win .pop_footer .cookie-chk-label {display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#444;cursor:pointer;user-select:none;}
.pop_wrap .pop_win .pop_footer .cookie-chk-label input[type="checkbox"] {width:15px;height:15px;cursor:pointer;accent-color:#d1162a;}
.pop_wrap .pop_win .pop_footer .btn-close-txt {background:none;border:none;color:#222;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px;}
.pop_wrap .pop_win .pop_footer .btn-close-txt span {font-size:16px;font-weight:300;position:relative;top:-1px;}
.pop_wrap .pop_win .pop_footer .btn-close-txt:hover {color:#d1162a;}
.pop_wrap .pop_win.fx_full {min-width:600px;width:auto;min-height:auto;max-height:100%;padding:0;border-radius:0;gap:0;}
.pop_wrap .pop_win.fx_full .pop_header {padding:20px;}
.pop_wrap .pop_win.fx_full .pop_body {max-height:100%;}

.page-botton {display:flex;margin-top:40px;justify-content:center;align-items:center;gap:20px;}

/* 수정 페이지 전용 현재 파일명 라벨 디자인 */
.current-file-info {
    font-size: 13px;
    color: #0076ff;
    margin-top: 6px;
    font-weight: 500;
}
.mod-tab-content { display: none; }
.mod-tab-content.active { display: flex;flex-direction: column;gap:40px; }

/* 국문 / 영문 컨텐츠 탭 분리 제어 */
.news-tab-content { display: none; }
.news-tab-content.active { display: flex;flex-direction: column;gap:40px; }


/* 메인 노출 체크 시 나타나는 내부 전용 폼 조절 */
.main-toggle-subform { display: none; padding:20px; border:1px solid rgba(0,0,0,0.4);border-radius:20px 20px 0 0;border-bottom:none;gap:20px;}
.main-toggle-subform.open { display: flex; flex-direction: column;}

.news-tab-content > .main-toggle-subform {margin-top:-40px!important;border:1px solid rgba(0,0,0,0.4)!important;border-radius:0 0 20px 20px!important;border-top:none!important;}
.mod-tab-content > .main-toggle-subform {display: flex!important; flex-direction: column!important;margin-top:-40px!important;border:1px solid rgba(0,0,0,0.4)!important;border-radius:0 0 20px 20px!important;border-top:none!important;}



/* 탭 내부에 진입한 가변 메인 텍스트 영역용 디자인 정렬 */
.main-toggle-subform.text-subform {}
.main-toggle-subform.text-subform + .form-item {margin-top:40px;}

/* 구분선 */
.form-divider { border: 0; height: 1px; background: #e2e2e2; margin: 25px 0;display:none; }


@media (max-width:768px) {

.accordion-header { flex-direction:column; align-items:flex-start; gap:15px; }
.header-right { width:100%; justify-content:space-between; }
.content-body { flex-direction:column; gap:30px; }
.product-visual { max-width:100%; }


}


/* --- 각 페이지별 상단 배경 그래픽 오브젝트 모바일 반응형 --- */
@media (max-width:680px) {
    /* 1. 기본 고정 상태 (화면 스크롤 전) */
    .wrap.news:before,
    .wrap.drawing:before,
    .wrap.catalog:before,
    .wrap.certification:before,
    .wrap.inquiry:before {
        width:260px;               /* 762px 대형 이미지를 모바일 화면에 맞게 320px로 축소 */
        height:244px;              /* 높이도 비율에 맞춰 축소 */
        top:80px;
        left:auto;                 /* left:50% 기준 해제 */
        right:0;                   /* 화면 오른쪽 끝에 딱 붙도록 정렬 */
        background-size:contain;   /* 이미지가 잘리지 않고 320x300 안으로 쏙 들어가도록 설정 */
        opacity:0.7;               /* 모바일 본문 글자와 겹칠 때 가독성을 위해 투명도를 살짝 부여 (필요 없으시면 삭제 가능) */
    }

    /* 2. 스크롤 되었을 때 상태 (is-scrolled) */
    .wrap.news.is-scrolled:before,
    .wrap.drawing.is-scrolled:before,
    .wrap.catalog.is-scrolled:before,
    .wrap.certification.is-scrolled:before,
    .wrap.inquiry.is-scrolled:before {
        top:100px;                 /* PC 버전의 top:200px 축소된 타이틀 높이에 맞춰 100px로 조정 */
    }
}

.pagination-wrap { display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 50px; margin-bottom: 20px; }
.pagination-wrap a { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 6px; border: 1px solid #e1e4e6; border-radius: 4px; font-size: 14px; color: #555; text-decoration: none; background: #fff; transition: all 0.2s ease; }
.pagination-wrap a.pg-num:hover { border-color: #333; color: #111; background: #f8f9fa; }
.pagination-wrap a.pg-num.active { background: #000; border-color: #000; color: #fff; font-weight: bold; }
.pagination-wrap a.pg-btn { font-weight: bold; background: #fafafa; color: #888; }
.pagination-wrap a.pg-btn:hover { background: #f1f3f5; color: #333; border-color: #bbb; }



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

    .wrap {min-width:auto;width:100%;overflow:hidden;}
    .header {height:80px;}
    .header .header-inner h1 {width:80px;background-size:80px auto!important;}
    .header.active {height:80px;}
    .header .header-inner {width:100%;padding:0 20px;}
    .header .header-inner .nav-wrap .menu-trigger {width:30px;height:30px;background-size:24px!important;background-position:left center!important;}
    .menu-grid {width:100%;flex-direction:column;padding-right:0;}
    .mega-menu-inner {bottom:60px;height:auto;padding:100px 20px 20px 20px;}
    .menu-grid .menu-column {gap:20px;}
    .menu-grid .menu-column ul {flex-direction:row;flex-wrap:wrap;gap:10px;}
    .menu-grid .menu-column ul li {width:calc((100% - 10px) / 2);}
    .menu-grid .btn-close {background-size:18px!important;background-position:right top;}

    .main-hero .hero-content h2 {font-size:42px;padding:0 20px;word-break:keep-all;}
    .main-hero .hero-content h2 br{display:none;}
    .main-hero .hero-content p {font-size:28px;padding:0 20px;word-break:keep-all;}
    .main-hero .hero-content p br{display:none;}

    .main-news-slide {max-width:100%;height:auto;padding:30px 16px 20px 16px;}
    .main-news-slide .slide-content {gap:15px;height:auto;}
    .main-news-slide .slide-content .title {font-size:24px;line-height:1.3;white-space:pre-wrap;word-wrap:break-word;}
    .main-news-slide .title br {display:none !important;}
    .main-news-slide .slide-content .description {font-size:14px;font-weight:300;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0;}
    .main-news-slide .slide-content .image-group {display:flex;flex-direction:row !important;align-items:center;gap:10px;width:100%;overflow:hidden;}
    /* 이미지 자식:개수가 2개든 3개든 680px 화면 안에서 똑같이 등분 */
    .main-news-slide .slide-content .image-group img {flex:1;width:0;height:auto;object-fit:cover;/* 이미지 찌그러짐 방지 */border-radius:12px;}
    .main-news-slide .swiper-pagination {padding:10px 0 0 0;position:relative;bottom:0 !important;}
    .main-news-slide .swiper-pagination-bullet {width:10px;height:10px;}

    .key-figures-wrap {height:auto;padding:50px 0;background-size:cover;}
    .key-figures-wrap .key-figures-inner {width:100%;height:auto;padding:0 16px;gap:40px; /* 상단 타이틀과 하단 리스트 사이 간격 축소 */}
    .key-figures-wrap .key-figures-inner h2 {font-size:26px;line-height:1.4;}
    .key-figures-wrap .key-figures-inner h2 br {display:block !important; /* 모바일에서도 이쁘게 줄바꿈 유지 */}
    .key-figures-wrap .key-figures-inner ul {flex-wrap:wrap; /* 자식 요소가 넘치면 아래로 떨어지게 설정 */gap:30px 10px; /* 세로 간격 30px, 가로 간격 10px */}
    .key-figures-wrap .key-figures-inner ul li {flex:none;width:calc(50% - 5px); /* 딱 절반에서 간격 절반만큼 차감 */gap:5px;}
    .key-figures-wrap .key-figures-inner ul li h4 {font-size:15px;margin-bottom:10px; /* 기존 30px에서 모바일에 맞게 축소 */}
    .key-figures-wrap .key-figures-inner ul li p {gap:4px;}
    .key-figures-wrap .key-figures-inner ul li p span {font-size:40px; /* 80px에서 40px로 축소하여 줄바꿈 터짐 방지 */line-height:1;}
    .key-figures-wrap .key-figures-inner ul li p span + span {font-size:14px;padding-bottom:4px; /* 숫자가 작아진 만큼 바닥 패딩 축소 */}
    .key-figures-wrap .key-figures-inner ul li p + p {font-size:14px;padding:0 5px;line-height:1.3;}

    .main-product-wrap {padding:40px 20px;gap:40px;}
    .main-product-wrap .main-product-inner {flex-direction:column;width:100%;padding:0;gap:24px;}
    .main-product-wrap .main-product-inner:nth-child(2) {flex-direction:column-reverse;}
    .main-product-wrap .main-product-inner .txt-block {width:100%;gap:15px;}
    .main-product-wrap .main-product-inner .img-block + .txt-block {align-items:flex-start;}
    .main-product-wrap .main-product-inner .img-block + .txt-block * {text-align:left;}
    .main-product-wrap .main-product-inner .txt-block h2 {font-size:32px;line-height:1.3;}
    .main-product-wrap .main-product-inner .txt-block h2.kr {font-size:32px;line-height:1.3;}
    .main-product-wrap .main-product-inner .txt-block h2 br {display:none;}
    .main-product-wrap .main-product-inner .txt-block p {font-size:15px;font-weight:300;line-height:1.6;word-break:keep-all;}
    .main-product-wrap .main-product-inner .txt-block button {padding:12px 24px;font-size:14px;align-self:flex-start;}
    .main-product-wrap .main-product-inner .img-block {width:100%;justify-content:center;}
    .main-product-wrap .main-product-inner .img-block img {width:100%;height:auto;}

    .main-future-wrap {height:300px;}
    .main-future-wrap .future-content {gap:20px;padding:0 20px;box-sizing:border-box;}
    .main-future-wrap .future-content h2 {font-size:30px;line-height:1.3;word-break:keep-all;}
    .main-future-wrap .future-content p {font-size:24px;line-height:1.4;word-break:keep-all;}

    .main-news-wrap {padding:60px 0;gap:60px;}
    .main-news-wrap .main-news-inner {width:100%;flex-direction:column;padding:0 20px;box-sizing:border-box;gap:40px;}
    .main-news-wrap .main-news-inner .title-block {width:100%;flex-direction:row;justify-content:space-between;align-items:center;gap:0;}
    .main-news-wrap .main-news-inner .title-block h2 {font-size:36px;}
    .main-news-wrap .main-news-inner .title-block button {font-size:16px;}
    .main-news-wrap .main-news-inner ul li {flex-direction:column;align-items:flex-start;gap:15px;padding:16px 0;}
    .main-news-wrap .main-news-inner ul li p {flex-direction:row;width:auto;justify-content:flex-start;gap:8px;}
    .main-news-wrap .main-news-inner ul li p span {font-size:16px;}
    .main-news-wrap .main-news-inner ul li p span + span {font-size:16px;}
    .main-news-wrap .main-news-inner ul li p + p {font-size:18px;line-height:1.4;word-break:keep-all;justify-content:flex-start;}
    .main-news-wrap .main-news-inner ul li p + p br {display:none;}

    .main-certificate-wrap {height:auto;padding:60px 0;background-position:center;}
    .main-certificate-wrap .main-certificate-inner {width:100%;padding:0 20px;box-sizing:border-box;gap:40px;}
    .main-certificate-wrap .main-certificate-inner .title-block {gap:15px;}
    .main-certificate-wrap .main-certificate-inner .title-block h2 {font-size:36px;}
    .main-certificate-wrap .main-certificate-inner .title-block p {font-size:16px;line-height:1.4;word-break:keep-all;}
    .main-certificate-wrap .main-certificate-inner ul {border-top:2px solid rgba(255, 255, 255, 0.3);}
    .main-certificate-wrap .main-certificate-inner ul li {padding:20px 0;gap:15px;border-bottom:1px solid rgba(255, 255, 255, 0.1);flex-direction:column;}

    .main-partner-wrap {height:auto;padding:60px 0;}
    .main-partner-wrap .main-partner-inner {width:100%;padding:0 20px;gap:40px;}
    .main-partner-wrap .main-partner-inner .title-block {gap:15px;}
    .main-partner-wrap .main-partner-inner .title-block h2 {font-size:34px;line-height:1.3;}
    .main-partner-wrap .main-partner-inner .title-block p {font-size:15px;line-height:1.5;}
    .main-partner-wrap .main-partner-inner .title-block p br {display:none;}

    .partner-gallery-container {display:flex;flex-direction:column;gap:40px;overflow:hidden;width:100%;}
    .partner-slider-track {display:flex;width:max-content;}
    .partner-group ul {display:flex;align-items:center;gap:40px;padding:0;list-style:none;}
    .partner-group ul li  {gap:40px;}
    .partner-group ul li img {object-fit:contain;}

    .main-contact-wrap {height:auto;background-position:center;}
    .main-contact-wrap .main-contact-inner {width:100%;padding:60px 20px;box-sizing:border-box;gap:25px;}
    .main-contact-wrap .main-contact-inner h2 {font-size:36px;text-align:center;}
    .main-contact-wrap .main-contact-inner .email, .main-contact-wrap .main-contact-inner .phone {font-size:18px;background-size:24px auto;padding-left:36px;word-break:break-all;text-align:center;}

    .footer {height:auto;padding:40px 20px;box-sizing:border-box;}
    .footer .footer-inner {width:100%;gap:30px;}
    .footer .footer-inner .footer-logo {background-size:90px auto;}
    .footer .footer-inner .copy-block {gap:8px;}
    .footer .footer-inner .copy-block span {font-size:13px;line-height:1.5;word-break:keep-all;}

    .title-wrap {width:100%;height:auto;padding:40px 20px;gap:12px;margin:0;}
    .title-wrap .breadcrumb {gap:8px;flex-wrap:wrap;}
    .title-wrap .breadcrumb span, .title-wrap .breadcrumb strong {font-size:12px;}
    .title-wrap .breadcrumb span + span, .title-wrap .breadcrumb strong {padding-left:12px;background-size:5px;}
    .title-wrap h1 {font-size:26px;line-height:1.3;}

    .title-ceo-message {height:240px;}
    .title-ceo-message .title-inner {width:100%;padding:40px 20px;gap:40px;}
    .title-ceo-message .title-inner h2 {font-size:32px;line-height:1.3;word-break:keep-all;}
        
    .contests-ceo-message {width:100%;padding:50px 20px;gap:30px;}
    .contests-ceo-message .logo {height:150px;background-size:contain;}
    .contests-ceo-message .txt-block {width:100%;gap:25px;}
    .contests-ceo-message .txt-block p {font-size:15px;line-height:1.6;word-break:keep-all;}
    
    .title-mission {height:240px;}
    .title-mission .title-inner {width:100%;padding:40px 20px;gap:12px;}
    .title-mission .title-inner h2 {font-size:32px;line-height:1.3;word-break:keep-all;}
    .title-mission .title-inner p {font-size:15px;line-height:1.4;word-break:keep-all;}

    .contests-mission-vision {width:100%;padding:50px 20px;gap:30px;}
    .contests-mission-vision .logo {height:150px;background-size:contain;}
    .contests-mission-vision .txt-block {width:100%;gap:25px;}
    .contests-mission-vision .txt-block p {font-size:15px;line-height:1.6;word-break:keep-all;}
    .vision-list {width:100%;min-height:auto;padding:420px 20px 50px 20px;gap:50px;}
    .vision-list .txt-block {flex-direction:column;gap:20px;}
    .vision-list .txt-block h4 {font-size:32px;width:100%;}
    .vision-list .txt-block p {font-size:15px;line-height:1.5;word-break:keep-all;}
    .vision-list .txt-block ol {gap:25px;}
    .vision-list .txt-block ol li {width:100%;gap:10px;}
    .vision-list .txt-block ol li h5 {font-size:20px;gap:12px;}
    .vision-list .txt-block .left, .vision-list .txt-block .right, .vision-list .txt-block .center {align-items:flex-start;text-align:left;gap:20px;}
    .vision-list .txt-block .center h4 {justify-content:flex-start;}
    .vision-circle-wrap {top:30px;width:340px;height:340px;}
    .vision-circle-wrap .vision-circle {transform:rotate(180deg) scale(0.9);}

    .contests-our-history {width:100%;padding:20px 0;}
    .title-our-history {height:240px;}
    .title-our-history .title-inner {width:100%;padding:40px 20px;gap:40px;}
    .title-our-history .title-inner h2 {font-size:32px;line-height:1.3;}
    .history-container {width:100%;padding:40px 20px;}
    .history-container ul {padding-left:40px;width:100%;}
    .history-container ul:before {left:14px;top:20px;}
    .history-container ul li {padding:0 0 40px 0;width:100%;flex-direction:column;}
    .history-container ul li:before {top:4px;left:-33px;width:14px;height:14px;}
    .history-container ul li.period-title {gap:15px;}
    .history-container ul li.period-title:before {top:4px;left:-37px;width:16px;height:16px;border-width:4px;}
    .history-container ul li.period-title span {font-size:26px;}
    .history-container ul li.period-title .img-wrap {flex-direction:column;gap:15px;margin-top:20px;width:100%;}
    .history-container ul li.period-title .img-wrap img {width:100%;height:auto;}
    .history-container ul li h4 {font-size:20px;}
    .history-container ul li span {font-size:20px;}
    .history-container ul li ul {padding-top:6px;gap:12px;padding-left:0;}
    .history-container ul li ul li {flex-direction:row;}
    .history-container ul li ul li span {font-size:14px;width:auto;}
    .history-container ul li ul li span + span {font-size:14px;width:auto;padding-left:6px;}
    .history-container ul li ul li span + span + span {font-size:14px;line-height:1.4;word-break:keep-all;padding-left:8px;}
    .history-container ul li:last-child:after {top:10px;left:-33px;width:16px;height:120%;}
    .history-group {margin-bottom:40px;}
    .history-group::before {left:-20px;top:3px;width:12px;height:12px;border-width:2px;}
    .year-list > li {margin-bottom:25px;}
    .year-list > li::before {left:-18px;top:6px;width:7px;height:7px;}

    .title-our-solution {height:280px;}
    .title-our-solution .title-inner {width:100%;padding:40px 20px;gap:12px;}
    .title-our-solution .title-inner h2 {font-size:32px;line-height:1.3;word-break:keep-all;}
    .title-our-solution .title-inner p {font-size:15px;line-height:1.4;word-break:keep-all;}

    .contests-our-solution {width:100%;padding:50px 20px;gap:60px;}
    .contests-our-solution.pd_none {padding:20px;gap:30px;}
    .contests-our-solution .solution-group {gap:30px;}
    .contests-our-solution .solution-group h4 {font-size:24px;flex-wrap:wrap;row-gap:4px;}
    .contests-our-solution .solution-group .img-wrap img {width:100%;height:auto;}
    .contests-our-solution .solution-group .description-box {padding:30px 20px;font-size:18px;border-radius:24px;}

    .asd-application-list ul {flex-wrap:wrap;gap:15px;}
    .asd-application-list ul li {flex:none;width:calc((100% - 15px) / 2);padding-top:130px;font-size:15px;}
    .asd-application-list ul li:before, .asd-application-list ul li:after {width:110px;height:110px;background-size:50px auto;}
    .asd-application-list ul li:hover:nth-child(1):after,
    .asd-application-list ul li:hover:nth-child(2):after,
    .asd-application-list ul li:hover:nth-child(3):after,
    .asd-application-list ul li:hover:nth-child(4):after,
    .asd-application-list ul li:hover:nth-child(5):after,
    .asd-application-list ul li:hover:nth-child(6):after {background-size:50px auto;}

    .asd-technological-list ul {flex-direction:column;gap:15px;}
    .asd-technological-list ul li {width:100%;padding:130px 20px 25px 20px;font-size:16px;border-radius:20px;}
    .asd-technological-list ul li:after {width:100px;height:100px;top:15px;background-size:50px auto;}
    .asd-technological-list ul li:hover:nth-child(1):after,
    .asd-technological-list ul li:hover:nth-child(2):after,
    .asd-technological-list ul li:hover:nth-child(3):after {background-size:50px auto;}

    .solution-features-list {gap:20px;}
    .solution-features-list ol {gap:20px;}
    .solution-features-list ol li {width:100%;gap:10px;}
    .solution-features-list ol li h5 {font-size:20px;gap:10px;}
    .solution-features-list ol li p span {font-size:14px;line-height:1.5;word-break:keep-all;}
    .solution-features-list ol.img-box li {flex-direction:column;padding:25px 20px;border-radius:20px;gap:20px;}
    .solution-features-list ol.img-box li .img-wrap {gap:15px;width:100%;}
    .solution-features-list ol.img-box li .img-wrap h5 {font-size:18px;}
    .solution-features-list ol.img-box li .txt-wrap {width:100%;gap:10px;}

    .wfds-threemajor-list {width:100%;height:auto;}
    .wfds-threemajor-list ul {flex-direction:column;align-items:center;margin-top:20px;gap:20px;}
    .wfds-threemajor-list ul li {position:relative!important;top:0!important;margin-left:0!important;width:260px;height:260px;padding:40px;}
    .wfds-threemajor-list ul li:before {width:260px;height:260px;}
    .wfds-threemajor-list ul li:after {width:190px;height:190px;}
    .wfds-threemajor-list ul li h5 {font-size:32px;}
    .wfds-threemajor-list ul li p {font-size:14px;line-height:1.4;word-break:keep-all;}
    .accordion-header {flex-direction:column;align-items:flex-start;padding:20px;position:relative;gap:15px;}

    .accordion-header .header-left {width:100%;align-items:flex-start;gap:15px;padding-right:40px;}
    .accordion-header .header-left .thumb-img {width:80px;height:80px;border:1px solid rgba(0,0,0,0.05);border-radius:8px;}
    .accordion-header .header-left .thumb-img img {width:60px;height:60px;}
    .accordion-header .title-group {gap:2px;}
    .accordion-header .main-title {font-size:18px;line-height:1.3;word-break:keep-all;}
    .accordion-header .sub-title {font-size:13px;}
    .accordion-header .header-right {width:100%;flex-direction:column;align-items:flex-start;gap:15px;padding-left:95px;}
    .accordion-header .cert-badges {flex-wrap:wrap;gap:8px;}
    .accordion-header .badge {width:40px;height:40px;background-size:auto 34px !important;}
    .accordion-header .action-links {flex-direction:row;flex-wrap:wrap;gap:15px;width:100%;}
    .accordion-header .link-btn {font-size:13px;padding-left:22px;background-size:16px auto !important;}
    .accordion-header .toggle-btn {position:absolute;top:20px;right:20px;width:24px;height:24px;background-size:contain;}

    .accordion-content {padding:20px 0;}
    .accordion-content .content-body {flex-direction:column;padding:20px 0;gap:30px;}
    .accordion-content .product-visual {width:100%;gap:15px;}
    .accordion-content .product-visual .main-img {min-height:auto;padding:0px;}
    .accordion-content .product-visual .main-img img,
    .accordion-content .product-visual .sub-img img {max-width:100%;height:auto;}
    .accordion-content .product-visual h4 {font-size:14px;}
    .accordion-content .product-details .detail-sub-title {font-size:15px;margin-bottom:6px;}
    .accordion-content .product-details .detail-title {font-size:24px;margin-bottom:25px;}
    .accordion-content .spec-list ul {gap:14px;width:100%;}
    .accordion-content .spec-list ul li {flex-direction:column;gap:4px;}
    .accordion-content .spec-list ul li h3 {width:100%;font-size:13px;color:#888888;}
    .accordion-content .spec-list ul li h4 {width:100%;font-size:14px;line-height:1.4;word-break:keep-all;}



}

@media (max-width:680px) {

    .common-tabs-wrap ul.common-tabs {gap:0;height:fit-content;flex-wrap:wrap;}
    .common-tabs-wrap ul.common-tabs li {width:50%;font-size:15px;flex:none;padding:10px 0;}

    .solution-tabs-wrap ul.solution-tabs {gap:0;height:fit-content;flex-wrap:wrap;}
    .solution-tabs-wrap ul.solution-tabs li {width:50%;font-size:15px;flex:none;padding:10px 0;}

    .stitle-our-solution {gap:15px;width:100%;}
    .stitle-our-solution .stitle-top h3 {font-size:24px;line-height:1.3;}
    .stitle-our-solution .stitle-bottom {flex-direction:column;align-items:flex-start;height:auto;padding-left:0;padding-top:240px;background-position:left top!important;background-size:auto 200px;gap:15px;}
    .stitle-our-solution .stitle-bottom.only_txt {padding-top:0;flex-direction:column;background:none;}
    .stitle-our-solution .stitle-bottom h4 {font-size:18px;}
    .stitle-our-solution .stitle-bottom ul.stitle-bottom-list {gap:8px;}
    .stitle-our-solution .stitle-bottom ul.stitle-bottom-list li {font-size:14px;line-height:1.4;word-break:keep-all;}

    .solution-stabs-wrap {overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;width:100%;border-bottom:1px solid rgba(0,0,0,0.1);}
    .solution-stabs-wrap ul.solution-stabs {height:48px;width:max-content;display:flex;width:100%;}
    .solution-stabs-wrap ul.solution-stabs li {font-size:14px;padding:0 16px;border-bottom:none;flex:1;}
    .solution-stabs-content {padding:30px 0;gap:15px;}
    .solution-stabs-content h4 {font-size:18px;}

    .accordion-container + h4 {margin-top:25px;}
    .page-botton {margin-top:30px;width:100%;display:flex;}
    .page-botton a {
    font-size:18px;           /* 46px 초대형 폰트를 모바일에 맞게 축소 */
    font-weight:300;          /* 모바일에서 너무 얇으면 흐려보이므로 웨이트 소폭 상향 */
    width:100%;flex:1;
    display:flex;
    justify-content:center;
    text-align:center;        /* 모바일에서는 버튼처럼 인지되도록 가운데 정렬로 변경 */
    padding:12px 0;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:8px;
    }
    .page-botton .btn-black {
    font-size:18px;           /* 46px 초대형 폰트를 모바일에 맞게 축소 */
    font-weight:300;          /* 모바일에서 너무 얇으면 흐려보이므로 웨이트 소폭 상향 */
    width:100%;flex:1;
    display:flex;
    justify-content:center;
    text-align:center;        /* 모바일에서는 버튼처럼 인지되도록 가운데 정렬로 변경 */
    padding:12px 0;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:8px;
    }
    .page-button {margin-top:30px;width:100%;display:flex;}
    .page-button a {
    font-size:18px;           /* 46px 초대형 폰트를 모바일에 맞게 축소 */
    font-weight:300;          /* 모바일에서 너무 얇으면 흐려보이므로 웨이트 소폭 상향 */
    width:100%;flex:1;
    display:flex;
    justify-content:center;
    text-align:center;        /* 모바일에서는 버튼처럼 인지되도록 가운데 정렬로 변경 */
    padding:12px 0;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:8px;
    }
    .page-button .btn-black {
    font-size:18px;           /* 46px 초대형 폰트를 모바일에 맞게 축소 */
    font-weight:300;          /* 모바일에서 너무 얇으면 흐려보이므로 웨이트 소폭 상향 */
    width:100%;flex:1;
    display:flex;
    justify-content:center;
    text-align:center;        /* 모바일에서는 버튼처럼 인지되도록 가운데 정렬로 변경 */
    padding:12px 0;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:8px;
    }
}

/* --- 서브페이지 공통 타이틀 영역 모바일 반응형 --- */
@media (max-width:680px) {
    .title-common {
        height:180px;            /* PC 300px에서 모바일 화면에 맞게 높이 축소 */
    }

    .title-common .title-inner {
        width:100%;              /* 1480px 고정폭 해제하여 가로폭 100% 확장 */
        padding:0 20px;          /* 양옆에 최소 20px 안전 여백 확보 */
        gap:6px;                 /* h2와 h3 사이 간격 살짝 축소 */
    }

    /* 상하단 가이드라인 장식선 위치 및 형태 최적화 */
    .title-common .title-inner:before {
        height:2px;              /* 상단 빨간 선 유지 */
    }
    
    .title-common .title-inner:after {
        height:1px;              /* 하단 연한 구분선 유지 */
    }

    /* 타이틀 폰트 크기 모바일 스케일 다운 */
    .title-common .title-inner h2 {
        font-size:28px;          /* 70px 대형 대제목을 28px로 축소 */
        line-height:1.3;
        word-break:keep-all;     /* 단어 단위 자동 줄바꿈 */
    }

    /* 서브 타이틀 또는 변형된 타이틀 크기 조정 */
    .title-common .title-inner h2.title {
        font-size:24px;          /* 50px 타이틀을 24px로 축소 */
    }

    /* 하단 설명글 카피 */
    .title-common .title-inner h3 {
        font-size:14px;          /* 30px 폰트를 가독성 높은 14px로 축소 */
        line-height:1.4;
        word-break:keep-all;     /* 단어가 어색하게 잘리는 현상 방어 */
    }
}

/* --- 뉴스, 도면, 카탈로그, 인증서, 문의하기 영역 모바일 반응형 --- */
@media (max-width:680px) {
    /* 공통 섹션 상하 여백 조절 */
    .contents-news,
    .contents-drawing,
    .contents-catalog,
    .contents-certification,
    .contents-inquiry {
        padding:50px 20px;
        width:100%;
    }

    /* 공통 1480px 고정너비 해제 */
    .news-list, .news-detail, .drawing-list, .catalog-list, .certification-list, .form-wrap {
        width:100% ;
    }

    /* ==========================================================================
       1. 뉴스 영역 (News List & Detail)
       ========================================================================== */
    .news-list ul {
        gap:30px; /* 리스트 간격 축소 */
    }
    .news-list ul li {
        width:100%; /* PC 3단 구조 -> 모바일 1단 꽉 찬 구조로 변경 */
        gap:12px;
    }
    .news-list ul li h4 {
        font-size:18px; /* 26px 타이틀 축소 */
        line-height:1.4;
    }
    .news-list ul li p span,
    .news-list ul li p span + span {
        font-size:14px; /* 년/월 날짜 폰트 크기 축소 */
    }

    /* 뉴스 상세 보기 */
    .news-detail {
        gap:15px;
    }
    .news-detail h3 {
        font-size:22px; /* 36px 대형 제목 축소 */
        line-height:1.3;
    }
    .news-detail ul {
        gap:30px;
    }
    .news-detail ul li .img-box {
        flex-direction:column; /* 상세 이미지 가로 배열을 세로로 변경 */
        gap:15px;
    }
    .news-detail ul li .img-box img {
        width:100%; /* 이미지가 화면 너비에 꽉 차도록 확장 */
        height:auto;
    }

    /* ==========================================================================
       2. 도면, 카탈로그, 인증서 리스트 (격자형 2단 레이아웃 전환)
       ========================================================================== */
    /* 도면 리스트 (PC 5단 -> 모바일 2단) */
    .contents-drawing {width:100%;gap:40px;margin:0;}

    .drawing-list ul {
        gap:15px;flex-direction:column;flex-wrap: nowrap;
    }
    .drawing-list ul li {width:100%;flex-direction: column;padding:20px;}
    .drawing-list ul li .txt-box {gap:6px;justify-content: center;align-items: center;}

    .drawing-list ul li .txt-box h4 {font-size:16px;font-weight:500;}
    .drawing-list ul li .txt-box p {font-size:13px;font-weight:400;}

    .drawing-list ul li h4 {
        font-size:16px; /* 26px 폰트 축소 */
        word-break:break-all;
    }

    /* 카탈로그 리스트 (PC 4단 -> 모바일 2단) */
    .catalog-list ul {
        gap:15px;
    }
    .catalog-list ul li {
        width:calc((100% - 15px) / 2); /* 가로 2개 배치 */
        padding:20px;
        gap:12px;
    }
    .catalog-list ul li h4 {
        font-size:16px;
        word-break:break-all;
    }

    /* 인증서 리스트 (PC 5단 -> 모바일 2단) */
    .certification-list ul {
        gap:15px;
    }
    .certification-list ul li {
        width:calc((100% - 15px) / 2); /* 가로 2개 배치 */
        padding:20px;
        gap:12px;
    }
    .certification-list ul li h4 {
        font-size:16px;
        word-break:break-all;
    }

    /* ==========================================================================
       3. 문의하기 폼 영역 (Inquiry Form)
       ========================================================================== */
    .form-wrap {
        gap:35px; /* 입력 필드 그룹 간 간격 축소 */
    }
    .form-wrap .form-item {
        gap:10px;
    }
    .form-wrap .form-item h4,
    .form-wrap .form-item h4 em {
        font-size:14px; /* 필드 라벨 텍스트 축소 */
    }
    
    /* 입력 양식 필드 통합 최적화 (텍스트, 패스워드, 텍스트에어리어) */
    .form-wrap .form-item input[type="text"],
    .form-wrap .form-item input[type="password"],
    .form-wrap .form-item textarea {
        font-size:16px; /* 30px 거대 입력 글자 크기를 기본 모바일 폰트로 교정 */
        height:44px; /* 모바일 터치 환경에 부드러운 높이 지정 */
        padding:0 0 6px 0;
    }

    /* 체크박스 / 라디오 및 팩스 폼 요소 정렬 */
    .form-wrap .form-item .fx-form {
        gap:8px;
        flex-wrap:wrap; /* 폭 부족 시 유연하게 자동 줄바꿈 */
    }
    .form-wrap .form-item .fx-form label {
        font-size:15px; /* 라벨 텍스트 축소 */
    }


    .pop_wrap {padding:0;}
    .pop_wrap .pop_win {width:100%;padding:0;border-radius:0;gap:20px;}
    .pop_wrap .pop_win.msg {width:100%;padding:0;}
    .pop_wrap .pop_win.loading {width:280px;height:280px;}
    .pop_wrap .pop_win.small {width:100%;padding:0;}
    .pop_wrap .pop_win.medium {width:100%;padding:0;}
    .pop_wrap .pop_win.large {width:100%;padding:0;}
    .pop_wrap .pop_win.w_auto {width:100%;padding:0;}
    .pop_wrap .pop_win.event  {width:100%;padding:0;}
    .pop_wrap .pop_win .pop_header.point-copy h3 {font-size:26px;}
    .pop_wrap .pop_win .pop_header.point-copy h3.en {font-size:18px;}
    .pop_wrap .pop_win.fx_full {width:100%;min-width:0;}
    .pop_wrap .pop_win .pop_header h3 {font-size:20px;}

}