@charset "utf-8";

/* =========================== SUB */
#subBnr{position:relative;z-index:20;width:100%;height:394px;color:#fff;background:url(../../images/fs/layout/sub_bg01.jpg) center no-repeat;font-family:var(--kr-font);background-size:cover;}
#subBnr.sub_bg01{background-image:url(../../images/fs/layout/sub_bg01.jpg);}
#subBnr.sub_bg02{background-image:url(../../images/fs/layout/sub_bg02.jpg);}
#subBnr.sub_bg03{background-image:url(../../images/fs/layout/sub_bg03.jpg);}
#subBnr.sub_bg04{background-image:url(../../images/fs/layout/sub_bg04.jpg);}
#subBnr.sub_bg05{background-image:url(../../images/fs/layout/sub_bg05.jpg);}
#subBnr.sub_bg06{background-image:url(../../images/fs/layout/sub_bg06.jpg);}
#subBnr .txt_area{position:relative;top:170px;opacity:0;padding-top:30px;text-align:center}
#subBnr .txt_area p{padding-top:20px;font-size:5rem;font-weight:700}
#subBnr .txt_area span{font-size:16px;color:rgba(255,255,255,.6)}
/* 반응형 [s] */
@media (max-width:1024px){
#subBnr{height:300px}
#subBnr .txt_area{top:50%;transform:translateY(-50%)}
}
@media (max-width:768px){
#subBnr{height:220px}
#subBnr .txt_area span{font-size:15px}
#subBnr .txt_area p{padding-top:15px;}
}
/* 반응형 [e] */

/* =========================== SNB */
#sh_snb{display:flex;justify-content:space-between;align-items:center;overflow:hidden;margin:0 auto;font-family:var(--kr-font);}
#sh_snb li {flex:1 1 auto;}
#sh_snb li a{display:block;white-space:nowrap;position:relative;font-weight:500;font-size:1.6rem;text-align:center;padding:2rem 1rem;color:#fff;letter-spacing:-.2px;-webkit-transition:all .3s;transition:all .3s}
#sh_snb li.snb_on a{font-weight:600;color:var(--primary2);background:#fff;}
/* 하위메뉴 한개일때 */
#sh_snb:has(> li:only-child) {justify-content:center;}
#sh_snb > li:only-child {max-width:10%;}
    /* 반응형 [s] */
    @media (max-width:1024px){
        #sh_snb{display:none;}
    }
    /* 반응형 [e] */




/* =========================== PAGE */
/* 공통 */
.wrap {width:clamp(0px,98%,1400px);margin:0 auto;}
img {max-width:100%;}
body {overflow-x:hidden;}

/* 컨텐츠 상단 */
.con_title {font-weight:700;font-size:4rem;color:var(--primary2);padding-bottom:5rem;margin-bottom:7rem;position:relative;}
.con_title::after {content:"";display:inline-block;position:absolute;bottom:0;left:50%;width:1rem;height:3rem;border-radius:1rem;background:var(--primary2);}

/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items:center;margin:10rem 0;}
.img_ready .left img {width:41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:#1d1d1d;font-weight:300;}
.img_ready .right strong em {font-weight:700;}
.img_ready .right strong em br {}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;color:#767676;}
    @media only screen and (max-width:767px){
        .img_ready {flex-direction:column;gap:4rem;text-align:center;}
        .img_ready .right strong em br {display:none;}
        .img_ready .right {padding-left:0;}
    }

/* 탭 */
.tab_box [class^="tab_menu_box"] {display:flex;background:#f4f4f4;border-radius:5rem;padding:.6rem;gap:.3rem;}
.tab_box [class^="tab_menu_box"] li {min-height:5rem;height:auto;flex-grow:1;}
.tab_box [class^="tab_menu_box"] li a {position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.8rem;color:#555;font-weight:500;transition:0.4s;text-align:center;padding:1rem 2rem;}
.tab_box [class^="tab_menu_box"] li.on a, .tab_box [class^="tab_menu_box"] li a:is(:hover,:focus,:active) {background:var(--primary2);color:#fff;border-radius:5rem;font-weight:700;}
.cont_box {margin-top:3rem;}
    @media only screen and (max-width:1023px){
        .tab_box [class^="tab_menu_box"] {border-radius:3rem;flex-wrap:wrap;}
        .tab_box [class^="tab_menu_box"] li {width:calc(25% - 0.3rem);flex-grow:0;}
        .tab_box [class^="tab_menu_box"] li a {min-width:auto;}
    }
    @media only screen and (max-width:767px){
        .tab_box [class^="tab_menu_box"] li {width:calc(33.333% - 0.3rem);}
        .tab_box [class^="tab_menu_box"] li a {min-width:auto;}
    }


/*****************************/
/*********** 컨텐츠 ***********/
/*****************************/
/* 0101_인사말 */
@font-face {
    font-family:'Yeongwol';
    src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-2@1.0/YeongwolTTF-Regular.woff2') format('woff2');
    font-weight:normal;
    font-display:swap;
}
.about_box {}
.about_box .h4_2 {position:relative;padding-bottom:5rem;margin-bottom:4rem;text-align:center;font-size:7.2rem;text-transform:uppercase;color:var(--primary2);line-height:1;}
.about_box .h4_2:after {content:"";position:absolute;left:0;right:0;bottom:0;width:1.2rem;height:1.2rem;margin:0 auto;border-radius:100%;background:var(--primary2);}
.about_box .h4_2 img {max-width:43.4rem;width:100%;}
.about_box .titp_2 {font-size:3rem;color:var(--primary2);font-weight:700;text-align:center;line-height:1.1;padding:0 2rem;letter-spacing:-1px;}
.about_box .img_box {position:relative;margin:11.5rem 0 12.5rem 0;}
.about_box .img_box .img {width:100%;}
.about_box .img_box .logo {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:24.3rem;width:100%;}
.about_box .atext {color:#222;font-weight:600;text-align:center;margin:12.5rem auto 0;letter-spacing:-1.2px;line-height:1.6;font-size:2rem;}
.about_box .atext .p1 {font-size:4rem;font-weight:300;line-height:1.2;}
.about_box .atext .p1 strong {font-weight:800;}
.about_box .atext .p1 strong em {color:var(--primary2);}
.about_box .atext .p2 {margin-top:8.5rem;}
.about_box .atext .p3 {position:relative;margin-top:7.5rem;margin-bottom:9.5rem;padding-top:7.5rem;padding-bottom:8rem;font-size:4rem;font-weight:800;line-height:1.3;text-align:center;overflow:hidden;}
.about_box .atext .p3 img {display:block;margin:0 auto 5rem auto;}
.about_box .atext .p3::before,
.about_box .atext .p3::after {content:"";position:absolute;left:50%;width:0;height:2px;background:#ddd;transform:translateX(-50%);transition:width 3s ease;}
.about_box .atext .p3::before {top:0;}
.about_box .atext .p3::after {bottom:0;}
.about_box .atext .p3.aos-animate::before,
.about_box .atext .p3.aos-animate::after {width:100%;}
.about_box .atext .p4 {}
.about_box .atext .sign {display:flex;align-items:center;justify-content:center;margin-top:11rem;gap:1rem;}
.about_box .atext .sign em {font-size:6rem;font-family:'Yeongwol';font-weight:400;}
    @media only screen and (max-width:1023px){
        .about_box .atext {padding:0 2rem;}
    }
    @media only screen and (max-width:767px){
        .about_box .tith4_2 {padding:0 2rem 5rem 2rem;}
    }
    @media only screen and (max-width:579px){
        .about_box .atext p .br_none {display:none;}
        .about_box .atext .sign {display:flex;align-items:center;justify-content:center;margin-top:11rem;gap:1rem;}
    }

/* 0102_연혁 */
.history {position:relative;}
.h_img {width:100%;}
.h_img img {width:100%;}
.h_box {position:relative;}
.h_box:before {content:'';position:absolute;left:35rem;top:2.5rem;width:1px;height:100%;background:#eee;}
.h_box .history_list {display:flex;flex-wrap:wrap;margin-bottom:12rem;max-width:95%;}
.h_box .history_list:first-of-type .year {color:var(--primary2);}
.h_box .history_list .year {width:30rem;font-size:4em;font-weight:bold;color:var(--primary2);}
.h_box .history_list ul.month_box {padding-left:15rem;padding-top:2rem;position:relative;width:calc(100% - 30rem);}
.h_box .history_list ul.month_box > li {display:flex;flex-wrap:wrap;font-size:1.1em;text-wrap:balance;align-items:flex-start;line-height:1.5;}
.h_box .history_list ul.month_box > li:nth-of-type(n+2) {margin-top:25px;}
.h_box .history_list ul.month_box > li .h_month {display:inline-block;width:80px;color:#999;}
.h_box .history_list ul.month_box > li .h_txt {position:relative;width:calc(100% - 80px);font-weight:normal;color:#222;padding-left:15px;}
.h_box .history_list ul.month_box > li .h_txt:before {content:'-';position:absolute;left:0;top:0px;}
.h_box .pin {position:absolute;top:22px;left:34.55rem;}
.h_box .pin i {display:block;position:relative;width:10px;height:10px;border:3px solid var(--primary2);border-radius:20px;background:#fff;}
.h_box .pin span {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:-1;}
.h_box .pin span:before {content:'';position:absolute;left:50%;top:50%;bottom:0;margin:-2.5em -2.5em;transform:translate(-50%,-50%);width:4.9em;height:4.9em;background:rgba(237,28,36,0.3);z-index:-2;border-radius:50%;animation:pin 3s infinite;}
.h_box .pin span:after {content:'';position:absolute;left:50%;top:50%;bottom:0;margin:-1.5em -1.5em;transform:translate(-50%,-50%);width:2.9em;height:2.9em;background:rgba(237,28,36,0.5);z-index:-1;border-radius:50%;animation:pin 3s infinite;}
@keyframes pin {0% {transform:scale(0);} 50% {transform:scale(1);} 100% {transform:scale(1);opacity:0;} }
    @media only screen and (max-width:1199px){
        .h_box:before {left:25rem;top:3rem;}
    
        .h_box .history_list .year {width:20rem;}
        .h_box .history_list ul.month_box {width:calc(100% - 20rem);padding-left:5rem;}
        .h_box .pin {left:24.55rem;}
    }
    @media only screen and (max-width:767px){
        .h_box:before {display:none;}
        .h_box .history_list {padding:0 0 4rem;width:100%;border-bottom:1px dashed #ddd;margin-bottom:4rem;}
        .h_box .history_list .year {width:100%;font-size:3.5rem}
        .h_box .history_list ul.month_box {width:100%;padding:0;margin-top:2rem;}
        .h_box .history_list ul.month_box > li {flex-direction:column;}
        .h_box .history_list ul.month_box > li .h_month {width:100%;}
        .h_box .history_list ul.month_box > li .h_txt {width:100%;margin-top:10px;}
    
        .h_box .pin {display:none;}
    }

/* 0103_조직도 */
.org_box .ceo {display:flex;justify-content:center;align-items:center;width:22.4rem;height:22.4rem;border-radius:50%;background:var(--primary2);border:1.7rem solid var(--wm10);position:relative;margin:0 auto 11rem;}
.org_box .ceo::before {content:'';position:absolute;left:0;right:0;top:calc(125% + 1.7rem);z-index:1;margin:auto;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--bm80);}
.org_box .ceo::after {content:'';position:absolute;left:0;right:0;top:calc(100% + 1.7rem);margin:auto;width:1px;height:11rem;background:#ddd;}
.org_box .ceo span {font-weight:700;font-size:2.6rem;color:#fff;text-align:center;}
.org_box .staff {position:relative;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;text-align:center;}
.org_box .staff span {display:inline-block;min-width:28rem;padding:2.5rem;border-radius:5rem;}
.org_box .staff .manager {font-weight:600;font-size:1.8rem;color:#fff;background:var(--bm80);margin-bottom:15rem;position:relative;}
.org_box .staff .manager::before {content:'';position:absolute;left:0;right:0;bottom:-15rem;z-index:1;margin:auto;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--bm80);}
.org_box .staff .manager::after {content:'';position:absolute;left:0;right:0;top:100%;margin:auto;width:1px;height:15rem;background:#ddd;}
.org_box .team {display:grid;grid-template-columns:repeat(5,1fr);gap:1.6rem;width:100%;position:relative;}
.org_box .team::after {content:'';position:absolute;left:0;right:0;top:-.6rem;margin:auto;width:81%;height:1px;background:#ddd;}
.org_box .team > li {position:relative;padding-top:8.5rem;}
.org_box .team > li::before {content:'';position:absolute;left:0;right:0;top:-1.1rem;z-index:1;margin:auto;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--bm80);}
.org_box .team > li::after {content:'';position:absolute;left:0;right:0;top:-0.5rem;margin:auto;width:1px;height:8.5rem;background:#ddd;}
.org_box .team li span {min-width:100%;}
.org_box .team .team-tit {font-weight:600;font-size:1.8rem;color:#000;background:#fff;box-shadow:rgba(237,28,36,.1) 0px 3px 8px;display:flex;flex-direction:column;align-items:center;gap:2rem;}
.org_box .other li {position:relative;border:1px dashed #ddd;border-radius:5rem;background:#fcf7f8;margin-top:2rem;}
.org_box .other li::after {content:'';position:absolute;left:0;right:0;top:-2.1rem;margin:auto;width:1px;height:2.1rem;background:#ddd;}
    @media only screen and (max-width:1023px) {
        .org_box .staff span {padding:2rem 1.5rem;}
    }
    @media only screen and (max-width:767px) {
        .org_box .team {grid-template-columns:repeat(1,1fr);gap:0;}
        .org_box .team::after {display:none;}
        .org_box .team > li {padding-top:6rem;}
        .org_box .team > li::before {display:none;}
        .org_box .team > li::after {top:0;height:6rem;}
    }

/* 0104_CI소개 */
.ci_box .sec1 {position:relative;}
.ci_box .sec1::before {display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:85%;background:#f4f4f4;}
.ci_box .sec1 .grid_wrap {position:relative;}
.ci_box .sec1 .grid_wrap .grid {position:relative;height:29.5rem;background:url('../../images/fs/content/sub01/grid.jpg') repeat center;border:1px solid #ddd;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.ci_box .sec1 .grid_wrap .info {text-align:center;padding-top:4rem;font-size:1.8rem;line-height:1.8;text-wrap:balance;}
.ci_box .sec1 .management {overflow:hidden;width:100%;padding-bottom:12rem;}
.ci_box .sec1 .management .cont_wrap ul{position:relative;display:flex;justify-content:center;align-items:center;width:100%}
.ci_box .sec1 .management .cont_wrap ul:after{content:"";position:absolute;top:50%;left:-40%;transform:translateY(-50%);width:calc(100% / 2);height:2px;background-color:#999}
.ci_box .sec1 .management .cont_wrap ul:before{content:"";opacity:0;position:absolute;top:50%;right:25%;transform:translateY(-50%);width:calc(100% / 2);height:2px;background-color:#999}
.ci_box .sec1 [data-aos].aos-animate.management .cont_wrap.on ul:after{animation:bar_left_ani 0.9s ease-in forwards}
.ci_box .sec1 [data-aos].aos-animate.management .cont_wrap.on ul:before{animation:bar_right_ani 0.9s ease-in forwards;animation-delay:1.2s}
.ci_box .sec1 .management .cont_wrap ul li{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;height:300px;border-radius:50%;background:#fff;}
.ci_box .sec1 .management .cont_wrap ul li:first-child{z-index:1;right:-50px}
.ci_box .sec1 .management .cont_wrap ul li:nth-child(2){z-index:2}
.ci_box .sec1 .management .cont_wrap ul li:last-child{z-index:3;left:-50px}
.ci_box .sec1 .management .cont_wrap ul li i{font-size:6rem;text-align:center;color:var(--primary2);opacity:0.3;}
.ci_box .sec1 .management .cont_wrap ul li:nth-child(2) i {color:#000;opacity:0.2;}
.ci_box .sec1 .management .cont_wrap ul li p{font-size:3rem;font-weight:700;text-align:center;color:var(--primary2);}
.ci_box .sec1 .management .cont_wrap ul li span {text-align:center;padding:0 5rem;margin-top:2rem;}
.ci_box .sec1 .management .cont_wrap ul li svg{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:300px;height:300px}
.ci_box .sec1 .management .cont_wrap ul li svg path {stroke-width:1.2;fill:none;stroke-dasharray:610px;stroke-dashoffset:610px;stroke:var(--primary2);}
.ci_box .sec1 [data-aos].aos-animate.management .cont_wrap.on ul li svg path {animation:stroke_ani 0.9s ease-in forwards}
.ci_box .sec1 [data-aos].aos-animate.management .cont_wrap ul li:nth-child(1) svg path{animation-delay:0.5s}
.ci_box .sec1 [data-aos].aos-animate.management .cont_wrap ul li:nth-child(2) svg path{animation-delay:0.75s;stroke:#999;}
.ci_box .sec1 .management .cont_wrap ul li:nth-child(2) p {color:#666;}
.ci_box .sec1 [data-aos].aos-animate.management .cont_wrap ul li:nth-child(3) svg path{animation-delay:1s}
@keyframes stroke_ani {0% {stroke-dashoffset:610px}100% {stroke-dashoffset:0}}
@keyframes bar_left_ani{0%{left:-40%} 100%{left:-20%}}
@keyframes bar_right_ani{0%{right:25%;opacity:0;} 100%{right:-20%;opacity:1}}
.ci_box .sec2 .color_system {position:relative;border:1px solid #e1e1e1;padding:5rem 7rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.ci_box .sec2 .color_system .color {position:relative;width:calc(50% - 2rem);max-width:48rem;height:15rem;margin-right:4rem;}
.ci_box .sec2 .color_system .color:nth-child(2n) {margin-right:0;}
.ci_box .sec2 .color_system .color .name {position:absolute;padding:20px;bottom:0;left:0;width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:1.7rem;color:#ffffff;line-height:1em;font-weight:500;}
.ci_box .sec2 .color_system .color.primary .name {background:var(--primary2);}
.ci_box .sec2 .color_system .color.primary2 .name {background:#4c4c4c;}
.ci_box .sec2 .color_txt {text-align:center;padding-top:4rem;font-size:1.8rem;line-height:1.8;text-wrap:balance;}
    @media screen and (max-width:1499px) {
        .ci_box .sec1 .grid_wrap .grid {max-width:80%;}
    }
    @media screen and (max-width:1023px) {
        .ci_box .sec1 .grid_wrap .info .br_none {display:none;}
        .ci_box .sec1 .management .cont_wrap ul li {width:250px;height:250px;}
        .ci_box .sec1 .management .cont_wrap ul li svg {width:250px;height:250px;}
    }
    @media screen and (max-width:767px) {
        .ci_box .sec1::before {height:94%;}
        .ci_box .sec1 .grid_wrap .grid {height:20rem;max-width:90%;}
        .ci_box .sec1 .management .cont_wrap ul {flex-wrap:wrap;width:250px;margin:0 auto;}
        .ci_box .sec1 .management .cont_wrap.on ul:after {display:none;}
        .ci_box .sec1 .management .cont_wrap.on ul:before {display:none;}
        .ci_box .sec1 .management .cont_wrap ul li {flex:1 1 0;}
        .ci_box .sec1 .management .cont_wrap ul li + li {margin-top:-4rem;}
        .ci_box .sec1 .management .cont_wrap ul li:first-child {right:0;}
        .ci_box .sec1 .management .cont_wrap ul li:last-child {left:0;}
        .ci_box .sec1 .management .cont_wrap ul li{width:250px;height:250px;}
        .ci_box .sec1 .management .cont_wrap ul li svg {width:250px;height:250px;}
        .ci_box .sec1 .management .cont_wrap ul li span {width:250px;}
        .ci_box .sec2 .color_system {flex-direction:column;gap:.5rem;}
        .ci_box .sec2 .color_system .color {width:100%;margin:0;}
    }

/* 0106_오시는길 */
.map {display:flex;align-items:stretch;gap:8rem;width:100%;margin-top:4rem;}
.map .map_img {min-height:45rem;width:80rem;overflow:hidden;}
.map .map_img img {max-width:none;width:100%;height:100%;object-fit:cover;object-position:center;}
.map .txts {width:900px;display:flex;justify-content:center;flex-flow:column;gap:6rem;}
.map .txts dl dt {padding-left:1.2rem;border-left:3px solid var(--primary2);font-size:2.4rem;color:var(--primary2);font-weight:600;line-height:1;margin-bottom:2rem;}
.map .txts dl dd {padding-left:1.5rem;}
    @media only screen and (max-width:1023px){
        .map {gap:6rem;flex-wrap:wrap;}
        .map .map_img {width:100%;}
        .map .txts {width:100%;flex-wrap:wrap;gap:4rem 0;flex-flow:wrap;}
        .map .txts dl {width:50%;}
    }
    @media only screen and (max-width:767px){
        .map .txts dl {width:100%;}
        .map .txts dl dt {font-size:2rem;}
    }

/* 02_제품소개 공통 */
.product_img {display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:2rem 4.8rem;}
.product_img.grid_3 {grid-template-columns:repeat(3,1fr);}
.product_img li {border:1px solid #ddd;}
.product_img li .tit_box {display:block;position:relative;z-index:2;line-height:6rem;padding-left:3rem;color:#fff;font-size:2rem;background:var(--primary2);}
.product_img li .tit_box::after{content:'';display:block;width:0;height:0;border-top:10px solid var(--primary2);border-bottom:10px solid transparent;border-left:10px solid var(--primary2);border-right:10px solid transparent;position:absolute;bottom:-20px;left:0;transition:0.7s}
.product_img li .img_box {padding:4rem;background:#f2f2f2;height:calc(100% - 6rem);position:relative;}
.product_img li .img_box img {width:100%;height:100%;max-height:60rem;object-fit:contain;object-position:center;}
.product_img li .img_box span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:500;color:#fff;background:var(--primary2);padding:.5rem 1.5rem;border-radius:1rem;text-align:center;}
.product_box .product_desc {display:grid;grid-template-columns:repeat(2,1fr);gap:4.8rem;}
.product_box .product_desc .product_ul {width:100%;}
.product_box .product_desc .product_ul > li {display:flex;flex-wrap:wrap;width:100%;padding:1.5rem 0;border-bottom:1px dotted #ddd;}
.product_box .product_desc .product_ul > li:first-child {padding-top:0;}
.product_box .product_desc .product_ul > li:last-child {border-bottom:0;}
.product_box .product_desc .product_ul > li .stit {position:relative;width:15rem;color:#222;font-size:1.8rem;font-weight:800;}
.product_box .product_desc .product_ul > li .stit::before {content:"";position:absolute;right:0;top:6px;width:2px;height:1.4rem;background:#999;}
.product_box .product_desc .product_ul > li .stit::after {content:"";clear:both;display:block;}
.product_box .product_desc .product_ul > li > span {width:calc(100% - 15rem);overflow:hidden;padding-left:3.5rem;font-weight:400;}
.product_box .product_desc .product_ul > li .pro_list span {display:block;padding-left:11px;text-indent:-11px;font-weight:400;}
.product_box .product_desc .product_ul > li .pro_list span:before {content:"";display:inline-block;margin-right:5px;width:6px;height:1px;background:#767676;vertical-align:middle;}
.layout_wrap {overflow:hidden;}
.layout_wrap :is(.layout,.thumb) li {border:1px solid #ddd;text-align:center;}
.layout_wrap .layout {position:relative;}
.layout_wrap .layout li img {max-height:100vh;}
.layout_wrap .ctrl_slide {position:absolute;top:40%;transform:translateY(-50%);z-index:2;display:flex;justify-content:space-between;padding:0 3rem;width:100%;}
.layout_wrap .ctrl_slide button {width:7rem;height:7rem;border-radius:50%;color:#fff;background:rgba(0,0,0,.6);transition:all .3s}
.layout_wrap .ctrl_slide button:hover {background:var(--primary2);}
    @media only screen and (max-width:1023px){
        .layout_wrap .ctrl_slide {padding:0 2rem;}
        .layout_wrap .ctrl_slide button {width:6rem;height:6rem;}
    }
    @media screen and (max-width:767px){
        .product_img {grid-template-columns:none !important;}
        .product_img li .tit_box {padding-left:5%;}
        .product_img li .img_box {padding:3rem;}
        .product_box .product_desc {grid-template-columns:none;gap:4rem;}
        .layout_wrap .ctrl_slide {padding:0 1rem;}
    }

/* 0201_승객용 */
#sh_wrapper:has(.passengers) {overflow:unset;}
.magenta_box .grid {display:grid;grid-template-columns:30rem 1fr;gap:4.8rem;}
.magenta_box .side {position:sticky;top:10rem;height:fit-content;}
.magenta_box .side .toc {border-radius:1rem;padding:2rem;background:var(--wm5);}
.magenta_box .toc a {display:block;padding:1rem 1.4rem;margin:.8rem 0;color:#000;border:1px solid #ddd;border-radius:.5rem;font-weight:500;font-size:1.5rem;background:#fff;transition:all .2s ease;}
.magenta_box .toc a:is(:hover,:focus,:active) {border-color:var(--primary2);background:#f8fbff;box-shadow:inset 0 -2px 0 var(--primary2);transform:none;}
.magenta_box .toc a em {font-size:1.4rem;color:var(--primary2);display:inline-block;margin-right:.7rem;}
.magenta_box .main section {scroll-margin-top:10rem;border:1px dashed #ddd;background:#fff;border-radius:1rem;padding:2rem;}
.magenta_box .main section:not(:first-child) {margin-top:4.8rem;}
.magenta_box .main section .product_img {gap:1.2rem;}
.magenta_box .main section .product_box .product_desc {grid-template-columns:none;gap:2.4rem;}
    @media only screen and (max-width:1199px){
        .magenta_box .grid {grid-template-columns:1fr;}
        .magenta_box .side {top:10rem;z-index:1;background:#fff;border:2px solid var(--primary2);box-shadow:0 1rem 3rem rgba(2,8,23,.3);}
        .magenta_box .side .toc {display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem 2.4rem;}
        .magenta_box .toc a {margin:0;}
        .magenta_box .main section {scroll-margin-top:40rem;/* 헤더 높이만큼 여백 확보 */}
    }
    @media only screen and (max-width:1024px){
        .magenta_box .side {top:1rem;}
        .magenta_box .main section {scroll-margin-top:28rem;/* 헤더 높이만큼 여백 확보 */}
    }
    @media only screen and (max-width:767px){
        .magenta_box .side .toc {display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 1.2rem;}
        .magenta_box .main section {scroll-margin-top:37rem;/* 헤더 높이만큼 여백 확보 */}
    }

/* 0205_자동차용 */
.sub0205 .product_img {grid-template-columns:3fr 2fr;}

/* 0209_ESCALATOR */
#sh_wrapper:has(.escalator) {overflow:unset;}
.escalator {display:flex;align-items:flex-start;gap:4.8rem;}
.escalator .product_img {flex-basis:45%;grid-template-columns:none;position:sticky;top:10rem;}
.escalator .product_desc {flex-basis:55%;grid-template-columns:none;}
.escalator .product_desc .product_ul > li .stit {width:20rem;}
.escalator .product_desc .product_ul > li > span {width:calc(100% - 20rem);}
.safety_devices .devices_list {display:grid;grid-template-columns:repeat(3,1fr);gap:4.8rem;}
.safety_devices .devices_list .box {border-bottom:1px solid var(--wm20);}
.safety_devices .left strong {display:flex;align-items:center;gap:1rem;font-size:2.4rem;color:#222;font-weight:700;}
.safety_devices .left strong span {padding:.5rem 1rem .7rem;border-radius:1rem;font-weight:700;font-size:2rem;background:var(--primary2);color:#fff;vertical-align:middle;}
.safety_devices .right {margin-top:2rem;}
.safety_devices .right .img_wrap img {max-width:100%;}
.safety_devices .right .list_dl {border-top:2px solid var(--wm70);padding:1.5rem 1rem 2rem;}
    @media only screen and (max-width:1199px){
        .escalator, .safety_devices .devices_list {gap:3.6rem;}
        .escalator .product_img {flex-basis:50%;}
        .escalator .product_img li .tit_box {padding-left:2rem;font-size:1.7rem;}
        .escalator .product_desc {flex-basis:50%;}
    }
    @media only screen and (max-width:1023px){
        .escalator {flex-direction:column;gap:2.4rem;}
        .escalator .product_img {position:static;}
        .escalator .product_desc .product_ul > li .stit {width:32rem;}
        .escalator .product_desc .product_ul > li > span {width:calc(100% - 32rem);}
        .safety_devices .devices_list {grid-template-columns:repeat(2,1fr);gap:2.4rem;}
    }
    @media only screen and (max-width:767px){
        .escalator .product_desc .product_ul > li .stit {width:auto;padding-right:1.5rem;}
        .escalator .product_desc .product_ul > li > span {width:100%;padding-left:0;}
        .safety_devices .devices_list {grid-template-columns:repeat(1,1fr);}
        .safety_devices .h3 {margin-top:8rem;}
    }

/* 0302_유지보수 */
.maintenance em {color:var(--primary2);}
.tips_list {margin-top:1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;text-align:center;}
.tips_list li {border:3px solid #e7e7e7;border-radius:1rem;padding:5rem 3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;}
.tips_list li i {font-size:7rem;line-height:1;color:var(--primary2);}
.tips_list li span {font-weight:600;font-size:2rem;color:#222;letter-spacing:-0.04em;text-wrap:balance;}
    @media only screen and (max-width:1023px){
        .tips_list li {padding:4rem 2rem;}
    }
    @media only screen and (max-width:767px){
        .tips_list li {padding:3rem 1rem;}
        .tips_list {grid-template-columns:repeat(2,1fr);}
        .tips_list li i {font-size:5rem;}
        .tips_list li span {font-size:1.8rem;}
    }
    @media only screen and (max-width:420px){
        .tips_list {grid-template-columns:repeat(1,1fr);}
    }

/* 0303_교체공사 */
#sh_wrapper:has(.structure_box) {overflow:unset;}
.structure_box {display:flex;align-items:flex-start;gap:2.4rem;}
.structure_box .structure {width:50%;gap:1.2rem;position:sticky;top:10rem;}
.structure_box .structure .tab {display:flex;margin-bottom:2rem;}
.structure_box .structure .tab li {flex:1 1 0;cursor:pointer;border:1px solid #ddd;padding:1.5rem 1rem;color:#222;text-align:center;}
.structure_box .structure .tab li.on {background:var(--primary2);color:#fff;font-weight:700;}
.structure_box .structure .tab li + li {margin-left:-1px;}
.structure_box .structure .img {}
.structure_box .structure .img li {display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;}
.structure_box .structure .img li img {max-width:calc((100% - 1.2rem) / 2);}
.structure_box .tableA {width:calc(100% - (50% - 2.4rem));}
.structure_box .tableA tbody td {padding:1rem;text-align:center;}
.tableA tbody .part {font-weight:700;text-align:center;color:#222;}
.structure_box .tableA tbody .num {text-align:left;}
.structure_box .tableA tbody .num b {display:inline-block;margin-top:-0.4rem;width:2.5rem;text-align:center;color:var(--primary2);}
    @media only screen and (max-width:1023px){
        .structure_box .structure {display:none;}
        .structure_box .tableA {width:100%;}
    }

/* 0401_공사실적 */
.project.wrap {width:clamp(0px,98%,1100px);}
.project .sch_top {justify-content:center;}
.project .tableA {font-size:1.5rem;}


/* 영문 css [s] */

:lang(en) #sh_snb > li:only-child {max-width:20%;}

/* 탭 */
:lang(en) .tab_box [class^="tab_menu_box"] {flex-wrap:wrap;}

/* 인사말 */
@media only screen and (max-width: 575px) {
    :lang(en) .about_box .atext .sign {flex-direction:column;}
}

/* 조직도 */
:lang(en) .org_box .staff span {padding:2.5rem 1rem;}
:lang(en) .org_box .team .team-tit {font-size:1.7rem;gap:1rem;}

/* 제품소개 */
:lang(en) .magenta_box .toc a {height:100%;}
:lang(en) .escalator .product_desc .product_ul > li .stit {width:25rem;}
:lang(en) .escalator .product_desc .product_ul > li > span {width:calc(100% - 25rem);}
    @media only screen and (max-width:767px){
        :lang(en) .escalator .product_desc .product_ul > li .stit {width:22rem;}
        :lang(en) .escalator .product_desc .product_ul > li > span {width:calc(100% - 22rem);padding-left:.5rem;}
    }

/* 공사실적 */
@media only screen and (max-width:1199px){
    :lang(en) .project .overflow_box .iconlr {display:flex;justify-content:center;align-items:center;margin-top:10px;color:var(--primary2);}
    :lang(en) .project .overflow_box .table_box {overflow-x:auto;overflow-y:hidden;}
    :lang(en) .project .overflow_box .table_box table {width:clamp(0px, 900px, 1024px);border-top:2px solid var(--primary2);}
}


/* 영문 css [e] */