/********** 에러페이지 **********/
.error {background: #F9F9F9; display: flex; align-items: center; justify-content: center; gap:125px; height: 100vh;}
.error .txt strong {font-size: 18px; font-weight: 800; color: #DD4640;}
.error .txt .title {font-size: 34px; letter-spacing: -0.4px; font-weight: 700; margin: 30px 0;}
.error .txt p {font-size: 18px; line-height: 1.33; color: #555;}
.error .txt a {font-size: 16px; font-weight: 500; color: #FFF; padding: 16px 0; background: #000; display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 50px; width: 230px;}
.error .txt a img {width: 18px;}
.error .img {width: 280px;}
.error .img img {width: 100%;}

/********** 댓글 **********/
.view_comment  {margin-top: 60px;}
.view_comment .comm_total  {font-size: 20px; font-weight: 600; letter-spacing: -1px;}
.view_comment .comm_total span  {color: var(--color-navy);}
.view_comment .comm_list  {margin-top: 20px;}
.view_comment .comm_total + .comm_list  {border-bottom: 1px solid #E5E5E5;}
.view_comment .c_item  {border-top: 1px solid #E5E5E5; padding: 35px 0; margin-top: 0 !important;}
.view_comment .c_item .info  {display: flex; align-items: center; gap: 0 20px;}
.view_comment .c_item .info strong  {font-size: 18px; font-weight: 600; letter-spacing: -.8px;}
.view_comment .c_item .info span  {font-size: 14px; font-weight: 400; letter-spacing: -.2px; color: #999;}
.view_comment .c_item .btn  {display: flex; align-items: center; gap: 8px;}
.view_comment .c_item .btn a  {display: flex; align-items: center; justify-content: center; width: 60px; height: 30px; border-radius: 30px; font-size: 14px; font-weight: 600;}
.view_comment .c_item .btn a.black  {background: #000; border: 1px solid #000; color: #fff;}
.view_comment .c_item .btn a.white  {background: #fff; border: 1px solid #555; color: #555;}
.view_comment .c_item .content  {margin-top: 15px; font-size: 18px; font-weight: 400; color: #6D6D6D; letter-spacing: -.5px; line-height: 1.4; height: auto;}
.view_comment .c_item .reply  {margin-top: 15px; font-size: 18px; font-weight: 400; color: #6D6D6D; letter-spacing: -.5px; line-height: 1.4; text-decoration: underline; color: #000; display: inline-block; text-underline-offset: 2px; cursor: pointer;}
.view_comment .c_reply  {padding: 40px 0 40px 62px; position: relative;}
.view_comment .c_reply + .c_reply  {border-top: 1px dashed #E5E5E5;}
.view_comment .c_reply::before  {content: ""; width: 23.5px; height: 27.5px; background: url('/img/sub/c_reply.svg') no-repeat center/cover; position: absolute; top: 27px; left: 20px;}
.view_comment .reply_form  {margin-top: 17.5px;}
.view_comment .c_reply .reply_form textarea  {background: #F6F6F6;}
.view_comment .c_reply .reply_form textarea::placeholder  {color: #8E8E8E;}
.view_comment .reply_form  {display: flex; gap: 15px;}
.view_comment .reply_form .input  {width: calc(100% - 115px);}
.view_comment .reply_form .input textarea  {border: 1px solid #E5E5E5; width: 100%; height: 100px; padding: 20px 30px; font-size: 16px; font-weight: 500;}
.view_comment .reply_form button input,
.view_comment .reply_form button  {width: 100px; height: 100px; background: #000; color: #fff; font-size: 18px; font-weight: 600; outline: none; border: 0;}
.view_comment .comm_form  {margin-top: 35px;}
.view_comment .comm_form textarea  {background: #fff;}
.view_comment .comm_form textarea::placeholder  {color: #ccc;}
.view_comment .board_btnCont .center  {display: flex; align-items: center; justify-content: center; margin-top: 35px;}
.view_comment .dp_bt_wrap .dpp_chk > p,
.view_comment .dp_cmt_write .dpp_sec_chk p  {color: #555; margin-bottom: 5px; font-size: 14px;}

/********** 문의 완료 **********/
.board_success {border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 100px 0; text-align: center;}
.board_success .img {width: 48px;}
.board_success .txt {margin: 30px 0 40px;}
.board_success .txt dt {font-size: 30px; font-weight: 700;}
.board_success .txt dd {margin-top: 10px; font-size: 18px; font-weight: 500; color: #6d6d6d; letter-spacing: -0.025em;}
.board_success .home_btn a {font-size: 18px; font-weight: 700; color: #fff; background: #000; width: 150px; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}

/********** 팝업 **********/
.popup {display:none;}
.popup.open {display:block;}
.popup .popBg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10000;}
.popup .popInner {padding:30px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:600px; background:#fff; z-index:10001;}
.popup .popInner .head {font-size:25px; padding-bottom: 20px; border-bottom: 2px solid #000; color:#000; font-weight: 800; display: flex; align-items: center; justify-content: space-between;}
.popup .popInner .head .close {width:18px; aspect-ratio: 1/1; display: block;}
.popup .popInner .head .close img {width: 100%; display: block;}
.popup .popInner .body {margin-top: 30px;}
.popup .popInner .body .textWrap .tit {font-size:20px; line-height: 1.5; font-weight: 600; margin-bottom: 10px; color:#000;}
.popup .popInner .body .textWrap .desc {font-size:18px; line-height: 1.5; color:#6d6d6d; font-weight: 400; word-break: keep-all;}
.popup .popInner .body .formWrap {margin-top: 27px;}
.popup .popInner .body .formItem {width:100%; height:60px; font-size: 16px; border:1px solid #E5E5E5; padding:0 20px; color:#000; box-shadow: none !important;}
.popup .popInner .body .formItem::placeholder {color:#AAA; font-weight:500;}
.popup .popInner .body .formItem:focus {border-color: #000 !important;}
.popup .popInner .body .formWrap .desc  {display: none; margin-top: 15px; font-size: 14px; font-weight: 400; color: #FF0000; width: 100%;}
.desc.active {display: block !important;}
.popup .popInner .body .popup-scrolling {max-height:350px; overflow-y:auto;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar  {background:#DDD; width:3px;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar-thumb  {background:#888;}
.popup .popInner .body .popup-scrolling p {display:block; font-size:18px; line-height:1.5; padding-right: 25px; color:#AAA;}
.popup .popInner .body .popup-scrolling p + p {margin-top: 25px;}
.popup .popInner .body .popup-scrolling p span {color:#000; font-weight: 600; display: block;}
.popup .popInner .foot .btnWrap {margin-top: 30px;}
.popup .popInner .foot .btnWrap .flex {display:flex; justify-content: center; gap:10px;}
.btnWrap a {display:inline-block; height:60px; line-height:60px; font-size:18px; font-weight:800; text-align:center; width:150px; border:1px solid #000;}
.btnWrap a.close {background:#555; color:#fff; border: none;}

/********** 약관 **********/
.use_wrap + .use_wrap{padding-top: 3.5rem; margin-top: 3.5rem; border-top: 1px solid #E7E7E7;}
.use_wrap .textarea * {font-size: 1rem; color: #616161; font-weight: 400; line-height: 1.5; letter-spacing: -0.0625rem;}
.use_wrap + .use_wrap .textarea * {letter-spacing: -0.025rem;}
.use_wrap .textarea h3 {font-size: 1.25rem; color: #000; font-weight: 600; margin-bottom: 0.5rem;}
.use_wrap .textarea h3.cl2{font-size: 1.875rem; font-weight: 700; color: var(--color-blue); margin-bottom: 1rem;}
.use_wrap .textarea table {width: 100%; border-spacing: 0; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -.6px; line-height: 1.55; text-align: left; border: 1px solid #E7E7E7;}
.use_wrap .textarea table th,
.use_wrap .textarea table td {padding: 10px; border-bottom: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7;}
.use_wrap .textarea table tr th:first-child,
.use_wrap .textarea table tr td:first-child {border-left:0;}
.use_wrap .textarea table tr:last-child th,
.use_wrap .textarea table tr:last-child td {border-bottom:0;}
.use_wrap .textarea table th {font-weight: 700; color: #616161;}
.use_wrap .textarea .ul_dash {padding-left: 0.625rem;}
.use_wrap .textarea .ul_dash li {position: relative; padding-left: 0.625rem;}
.use_wrap .textarea .ul_dash li + li{margin-top: 0.25rem;}
.use_wrap .textarea .ul_dash li::after {display: block; content: '-'; position: absolute; top: 0; left: 0;}
.use_wrap .textarea .ul_dash.num li{padding-left: 0;}
.use_wrap .textarea .ul_dash.num li::after{display: none;}
.use_wrap .textarea strong{font-weight: 600; color: #333; font-size: 1.125rem;}
.use_wrap .textarea b{font-weight: 600; color: #333;}
.use_wrap .textarea a{text-decoration: underline; text-underline-offset: 0.25rem; font-weight: 600; color: var(--color-blue);}
.use_wrap .textarea small{color: #8e8e8e; font-size: 0.875rem; letter-spacing: -0.025rem;}


/********** 약관 **********/
.popup_inner .use_wrap .scrollCont {overflow: hidden; overflow-x: auto; padding-bottom: 10px;}
.popup_inner .use_wrap .scrollCont::-webkit-scrollbar {height: 3px;}
.popup_inner .use_wrap .scrollCont::-webkit-scrollbar-thumb {background: #878787; border-radius: 10px;}
.popup_inner .use_wrap .scrollCont::-webkit-scrollbar-track {background: #D9D9D9; border-radius: 10px;}
.popup_inner .use_wrap .scrollCont table {width: 150%;}



/********** 공통 **********/
/* .sub_visual_wrap {position:relative; overflow: hidden;} */
.sub_visual_wrap.active {animation: subVisAni .35s ease-in forwards;}
.sub_visual_wrap.hideAct {animation: subVisAniHide .35s ease-in forwards;}
.sub_visual {width:100%; height: 100svh; /* height: 59.375rem; */ position:relative; background:url("/img/sub/visual01.jpg") no-repeat center / cover;}
.sub_visual.bg02 {background-image:url("/img/sub/visual01.jpg");}
.sub_visual.bg03 {background-image:url("/img/sub/visual02.jpg");}
.sub_visual.bg04 {background-image:url("/img/sub/visual03.jpg");}
.sub_visual.bg05 {background-image:url("/img/sub/visual04.jpg");}
.sub_visual.bg05-1 {background-image:url("/img/sub/visual04-1.jpg");}
.sub_visual.bg06 {background-image:url("/img/sub/visual05.jpg");}
.sub_visual.bg07 {background-image:url("/img/sub/visual06.jpg");}
.sub_visual.bg08 {background-image:url("/img/sub/visual07.jpg");}
.sub_visual.bg09 {background-image:url("/img/sub/visual08.jpg");}
.sub_visual.bg09-1 {background-image:url("/img/sub/visual08-1.jpg");}
.sub_visual.bg10 {background-image:url("/img/sub/visual09.jpg");}
.sub_visual.bg11 {background-image:url("/img/sub/visual10.jpg");}
.sub_visual.bg12 {background-image:url("/img/sub/visual11.jpg");}
.sub_visual.bg13 {background-image:url("/img/sub/visual12.jpg");}
.sub_visual.bg14 {background-image:url("/img/sub/visual13.jpg");}
.sub_visual.bg15 {background-image:url("/img/sub/visual14.jpg");}
.sub_visual.bg16 {background-image:url("/img/sub/visual15.jpg");}
.sub_visual.bg17 {background-image:url("/img/sub/visual16.jpg");}
.sub_visual.bg18 {background-image:url("/img/sub/visual17.jpg");}
.sub_visual.bg19 {background-image:url("/img/sub/visual18.jpg");}
.sub_visual.bg20 {background-image:url("/img/sub/visual19.jpg");}
.sub_visual.bg21 {background-image:url("/img/sub/visual20.jpg");}
.sub_visual.bg22 {background-image:url("/img/sub/visual21.jpg");}
.sub_visual.bg23 {background-image:url("/img/sub/visual22.jpg");}
.sub_visual.bg24 {background-image:url("/img/sub/visual23.jpg");}
.sub_visual.bg25 {background-image:url("/img/sub/visual24.jpg");}
.sub_visual.bg26 {background-image:url("/img/sub/visual25.jpg");}
.sub_visual.bg27 {background-image:url("/img/sub/visual26.jpg");}
.sub_visual.bg28 {background-image:url("/img/sub/visual27.jpg");}
.sub_visual.bg29 {background-image:url("/img/sub/visual28.jpg");}
.sub_visual.bg30 {background-image:url("/img/sub/visual29.jpg");}
/* sub_vis_txt */
.sub_vis_txt {width:100%; margin: 0 auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center;}
.sub_vis_txt .path {gap: .63rem;}
.sub_vis_txt .path a {font-size: 1rem; font-weight: 500; line-height: 1.15; color: #fff;}
.sub_vis_txt .path img {width: 1.25rem;}
.sub_vis_txt .path span {display: block; width: 0.3125rem; height: 0.3125rem; border-radius: 100%; background: #fff; opacity: .6;}
.sub_vis_txt h2 {margin-top: 1.88rem; font-size: 4.375rem; font-weight: 700; line-height: 1.15; letter-spacing: -0.05rem; color: #fff;}

#sub_content {padding: 10rem 0;}

.sub_visual_wrap {position:fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; overflow: hidden;}
#sub_content {margin-top: 20.25rem}

/********** CEO 인사말 **********/
.ceo {margin-top: .88rem;}
.ceo .sec1 {position: relative; padding: 5rem 6.25rem;}
.ceo .sec1::before {content: ""; width: 200vw; height: 100%; position: absolute; top: 0; left: 0; background: #F6F6F6; z-index: -1; border-radius: 1.25rem 0 0 1.25rem;}
.ceo .sec1 span {display: block; font-size: 1.375rem; font-weight: 600; letter-spacing: -0.05rem; line-height: 1.3;}
.ceo .sec1 h2 {font-size: 2.5rem; font-weight: 700; line-height: 1.2;}
.ceo .sec1 p {font-size: 1.5625rem; font-weight: 600; line-height: 1.4;}
.ceo .sec1 .img {position: absolute; top: 0; right: 0; width: 50%; height: 100%;}
.ceo .sec1 .logo {width: 52.75rem; position: absolute; bottom: 0; right: 0;}
.ceo .sec1 .person {width: 31.1875rem; position: absolute; bottom: 0; right: 8.9rem;}
.ceo .sec2 {padding-left: 6.25rem;}
.ceo .sec2 p {font-size: 1.25rem; font-weight: 400; color: #6D6D6D; letter-spacing: -.05rem; line-height: 1.5; word-break: keep-all;}
.ceo .sec2 p strong {font-size: 1.5625rem; font-weight: 500; color: #000;}
.ceo .sec2 .flex {gap:  0.625rem; font-size: 1.25rem; font-weight: 400; letter-spacing: -0.05rem;}
.ceo .sec2 .flex strong {font-size: 1.875rem; font-weight: 600; letter-spacing: -.05rem;}

/********** ULVAC 소개 **********/
.intro .sec1 {height: 59.375rem; position: relative; display: flex; align-items: center; justify-content: center; background: url('/img/sub/intro_sec1_bg.jpg') no-repeat center/cover;}
.intro .sec1 .txt * {color: #fff;}
.intro .sec1 span {font-size: 1.375rem; font-weight: 600; letter-spacing: -0.05rem; line-height: 1.3; opacity: 0.1;}
.intro .sec1 h2 {font-size: 3.4375rem; font-weight: 700; letter-spacing: -0.0625rem; line-height: 1.2;}
.intro .sec1 p {font-size: 1.375rem; font-weight: 500; letter-spacing: -0.05rem; line-height: 1.5;}
.intro .sec2 {padding: 8.25rem 0 9.37rem;}
.intro .sec2 h2 {color: #000; font-size: 3.4375rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.0625rem;}
.intro .sec2 .cont {margin-top: 4.5rem; height: 37.5rem; position: relative; width: 100%;}
.intro .sec2 .list {display: flex; gap: 2.5rem; position: absolute; top: 0; left: 0;}
.intro .sec2 .item {width: 50rem; height: 40rem; position: relative; overflow: hidden; padding: 4rem;}
.intro .sec2 .item img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.intro .sec2 .item .txt {position: relative; z-index: 1;}
.intro .sec2 .item .txt * {color: #fff;}
.intro .sec2 .item .txt h2,
.intro .sec2 .item .txt h3 {font-family: var(--font-pop); font-size: 2.375rem; font-weight: 600; line-height: 1.4; letter-spacing: -0.0625rem;}
.intro .sec2 .item .txt p {font-size: 1.25rem; font-weight: 500; line-height: 1.55; letter-spacing: -0.0625rem;}
.intro .sec2 .item .txt ul li {gap: 0.625rem; color: #fff; font-size: 1.1875rem; font-weight: 500; letter-spacing: -0.0625rem;}
.intro .sec2 .item .txt ul li + li {margin-top: 0.9375rem;}
.intro .sec2 .item .txt ul li span {display: flex; align-items: center; justify-content: center; width: 9.375rem; height: 2.3125rem; border-radius: 3.125rem; border: 1px solid rgba(255,255,255,.6); background: rgba(255,255,255,.15); color: #fff; font-size: 1.0625rem; font-weight: 500; letter-spacing: -0.0625rem; line-height: 1.5;}
.intro .sec3 {position: relative; padding: 6.88rem 0;}
.intro .sec3 .bgTxt {position: absolute; left: 0; bottom: 1.25rem; height: 11.4375rem; width: auto; max-width: none;}
.intro .sec3 .bg_layer {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #003A70 0%, #003A70 100%), #007DC6; opacity: 0; transition: opacity 0.75s ease; z-index: -1;}
.intro .sec3 .item {display: flex;}
.intro .sec3 .item + .item {margin-top: 6.25rem;}
.intro .sec3 .item > div {width: 50%;}
.intro .sec3 .item .img span {display: block; width: 37.5rem; overflow: hidden; aspect-ratio: 3 / 4;}
.intro .sec3 .item .img span img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.intro .sec3 .item .txt {padding-top: 6.25rem;}
.intro .sec3 .item .txt strong {color: #FFF; font-size: 2.5rem; font-weight: 700; line-height: 1.4; letter-spacing: -0.0625rem;}
.intro .sec3 .item .txt p {color: #FFF; font-size: 1.25rem; font-weight: 400; line-height: 1.55; letter-spacing: -0.0625rem; word-break: keep-all;}
.intro .sec4 {padding: 12.5rem 0 0;}
.intro .sec4 h2 {color: #000; font-size: 3.4375rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.0625rem;}
.intro .sec4 img {margin-top: 5.87rem; width: 91.5rem;}
.intro .sec4 .inner {margin: -1.815rem auto 0; width: 74.3125rem; aspect-ratio: 1189/674;}
.intro .sec4 .cont {width: 54.77775rem; position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 1.25rem; margin: 0 auto;}
.intro .sec4 .cont iframe {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%);}

/********** 회사연혁 **********/
.history .sec1 {padding-top: 25.37rem;}
.history .sec1 h2 {color: #000; font-size: 3.4375rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.0625rem;}
.history .sec2 img {width: 100%;}
.history .sec3 {display: flex;}
.history .sec3 > div {width: 50%;}
.history .sec3 .left {display: flex;}
.history .sec3 .yearCont {width: 38.19rem; position: relative; position: sticky; top: 7.3rem; left: 0; background: #fff; z-index: 1; height: fit-content;}
.history .sec3 .yearCont ul {}
/* .history .sec3 .yearCont ul::before {content: ""; width: 100%; height: 100%; background: #fff; position: absolute; top: -2rem; left: 0;} */
.history .sec3 .yearCont ul li {font-size: 2.5rem; font-weight: 600; color: #E7E7E7; letter-spacing: -0.0625rem; line-height: 1.3; cursor: pointer; position: relative; z-index: 2;}
.history .sec3 .yearCont ul li + li {margin-top: 0.9375rem;}
.history .sec3 .yearCont ul li.on {color: var(--color-navy); font-size: 3rem;}
.history .sec3 .yearCont .bg {margin-top: 15.19rem; opacity: .05; font-size: 2.75rem; font-weight: 600; letter-spacing: -0.08875rem; line-height: 2.4;}
.history .sec3 .yearCont .bg strong {display: block; font-size: 12.42213rem; line-height: 1;}
.history .sec3 .lineCont {width: 0.1rem; height: 100%; position: relative; z-index: 2;}
.history .sec3 .lineCont .line {width: 100%; height: 100%; background: #E3E3E3;}
.history .sec3 .lineCont .active_line {position: absolute; top: 0; left: 0; width: 100%; background: #007DC6;}
.history .sec3 .lineCont .active_line::before {content: ""; width: 1.865rem; aspect-ratio: 1/1; background: #E5F1F8; position: absolute; left: 50%; transform: translateX(-50%); bottom: -0.9325rem; border-radius: 100%;}
.history .sec3 .lineCont .active_line::after {content: ""; width: 0.625rem; aspect-ratio: 1/1; background: var(--color-blue); left: 50%; transform: translateX(-50%); bottom: -0.3125rem; border-radius: 100%; position: absolute;}
.history .sec3 .right .area + .area {margin-top: 6.25rem;}
.history .sec3 .year + .year {margin-top: 3.125rem;}
.history .sec3 .year .tit {color: #BEBEBE; font-size: 1.5rem; font-weight: 600;}
.history .sec3 .right .area.on .tit {color: var(--color-blue);}
.history .sec3 .year ul {margin-top: 1.875rem;}
.history .sec3 .year ul li {display: flex; align-items: first baseline;}
.history .sec3 .year ul li + li {margin-top: 1.875rem;}
.history .sec3 .year ul li strong {display: block; width: 5rem; font-size: 1.25rem; font-weight: 500; line-height: 1.2;}
.history .sec3 .year ul li p {font-size: 1.125rem; font-weight: 400; line-height: 1.3; letter-spacing: -0.03125rem; word-break: keep-all;}
.history .sec3 .year ul li p + p {margin-top: .31rem;}

/********** tab_style01 **********/
.tab_wrap {height: 5.625rem; margin-bottom: 6.25rem;}
.tab_wrap.fixed [class^='tab_style'] {position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; transition: transform .5s ease;;}
.tab_wrap.fixed.hide [class^='tab_style'] {transform: translateY(-100%);}
.tab_style01 {display: flex; align-items: center; justify-content: center; height: 5.625rem; position: relative; background: #fff;}
.tab_style01::after {content: ""; width: 300%; height: 1px; background: #BEBEBE; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.tab_style01 li {height: 100%; position: relative; width: 15rem;}
.tab_style01 li span,
.tab_style01 li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 1.25rem; color: #6D6D6D; font-weight: 500; letter-spacing: -0.05rem; cursor: pointer;}
.tab_style01 li.on::after {content: ""; width: 100%; height: 5px; background: var(--color-navy); position: absolute; left: 0; bottom: 0;}
.tab_style01 li.on * {color: var(--color-navy); font-weight: 600; font-size: 1.625rem;}
.tabCont > .cont:not(.on) {display: none;}

/********** modal gallery **********/
.board_modal .dp_gallery_list {gap: 3.75rem 1.5rem;}
.board_modal .dp_gallery_list li {width: calc(100%/5 - 1.2rem);}
.board_modal .dp_gallery_list .thumb {aspect-ratio: 1.58 / 2;}
.board_modal .dp_gallery_list .content{font-weight: 600; color: #000; white-space: pre-wrap;}

/********** 사업장 안내 **********/
.location .tabBox {overflow: hidden;}
/* workplace */
.location .workplace {position: relative;}
.location .workplace .flex-je {position: relative; align-items: flex-start;}
.location .workplace .leftMenu {position: absolute; top: 0; left: 0; border-left: 1px solid #E7E7E7;}
.location .workplace .leftMenu.fixed {position: fixed; top: 7.5rem; left: 7.9427vw;}
.location .workplace .leftMenu li {position: relative;}
.location .workplace .leftMenu li + li {margin-top: 0.625rem;}
.location .workplace .leftMenu li a {padding-left: 1.38rem; position: relative; font-size: 1.125rem; font-weight: 600; color: #BEBEBE; line-height: 1.5;}
.location .workplace .leftMenu li.on::after {content: ""; width: 0.1875rem; height: 100%; background: var(--color-navy); position: absolute; top: 0; left: -0.09375rem;}
.location .workplace .leftMenu li.on a {color: var(--color-navy);}
.location .workplace .right {width: 81.25rem;}
.location .workplace .item + .item {padding-top: 6.25rem;}
.location .workplace .item > .flex {gap: 3.75rem;}
.location .workplace .item .img {width: 37.5rem; border-radius: 1.25rem; overflow: hidden; aspect-ratio: 15 / 8;}
.location .workplace .item .img img {width: 100%;}
.location .workplace .item .txt {width: calc(100% - 3.75rem - 37.5rem);}
.location .workplace .item .txt strong {font-size: 2rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;} 
.location .workplace .item .txt ul {margin-top: 1.25rem;}
.location .workplace .item .txt ul li {display: flex; align-items: center; gap: 0.625rem; font-size: 1.25rem; font-weight: 400; color: #6D6D6D; line-height: 1.5; letter-spacing: -0.05rem;}
.location .workplace .item .txt ul li + li {margin-top: 0.375rem;}
.location .workplace .item .txt ul li img {width: 1.875rem;}
.location .workplace .item .txt .btnBox {gap: 0.625rem; margin-top: 2.5rem; width: 100%;}
.location .workplace .item .txt .btnBox .moreBtn {width: 9.375rem; height: 3.125rem; cursor: pointer; padding: 0;}
.location .workplace .item .txt .btnBox .moreBtn.blue{border-color: var(--color-blue);}
/* .location .workplace .item .txt .btnBox .moreBtn:hover{border-color: var(--color-navy);}
.location .workplace .item .txt .btnBox .moreBtn .btn_fill{background: var(--color-navy);} */
.location .workplace .item .txt .btnBox .moreBtn span{font-size: 1.125rem; font-weight: 600;}
.location .workplace .item .txt .btnBox.flex-wrap {display: grid; grid-template-columns: repeat(2,1fr); max-width: fit-content;}
.location .workplace .item .mapCont {margin-top: 3.25rem; height: 25rem; overflow: hidden; border-radius: 1.25rem;}
.location .workplace .map_border,
.location .workplace .wrap_controllers,
.location .workplace .root_daum_roughmap > .cont {display: none;}
.location .workplace .root_daum_roughmap_landing {width: 100% !important; height: 100%;}
.location .workplace .root_daum_roughmap .wrap_map {height: 100% !important;}
.location .workplace .bgGray {margin-top: 9.37rem; padding: 9.37rem 0; position: relative;}
.location .workplace .bgGray::before {content: ""; width: 300%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #F8F8F8; z-index: -1;}
.location .workplace .bgGray .item {margin-top: 0; padding: 3.75rem 0;}
.location .workplace .bgGray .item:first-child {padding-top: 0;}
.location .workplace .bgGray .item:last-child {padding-bottom: 0;}
.location .workplace .bgGray .item + .item {border-top: 1px solid #D9D9D9;}
.location .subsidiary {padding-bottom: 9.37rem;}
/* popup */
.loc_popupWrap {position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100vh; display: none; background: rgba(0,0,0,.5);}
.loc_popupWrap .cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 1.25rem; background: #FFF; overflow: hidden;}
.loc_popupWrap .cont {width: 50rem; padding: 2.5rem;}
.loc_popupWrap .title strong {font-size: 1.5rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
.loc_popupWrap .close img {cursor: pointer; width: 2.5rem;}
.loc_popupWrap.popupCompany table {margin-top: 1.75rem; border-spacing: 0; border-top: 1px solid #000; width: 100%; text-align: left;}
.loc_popupWrap.popupCompany table th {width: 8.75rem; padding: 1.12rem 1.65rem; background: #F6F6F6; font-size: 1rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.05rem; border-bottom: 1px solid #D9D9D9; vertical-align: top;}
.loc_popupWrap.popupCompany table td {padding: 1.2rem 1.5rem; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; border-bottom: 1px solid #D9D9D9;}
.loc_popupWrap.popupMap .flex-jc {gap: 1.25rem; margin-top: 3.47rem;}
.loc_popupWrap.popupMap .flex-jc img {width: 5rem;}
/* subsidiary */
.location .subsidiary .item {border-radius: 1.25rem; background: #F6F6F6; padding: 3.75rem;}
.location .subsidiary .item + .item {margin-top: 3.75rem;}
.location .subsidiary .item p {color: var(--color-blue); font-size: 1.25rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
.location .subsidiary .item strong {display: block; margin-top: 1.25rem;}
.location .subsidiary .item a {margin-top: 2.5rem;}
.location .subsidiary .item a:hover {border-color: var(--color-navy) !important;}
.location .subsidiary .item .moreBtn .btn_fill {background: var(--color-navy) !important;}

/********** 안전보건 **********/
.safety .secTitle {font-size: 2.125rem; font-weight: 600; line-height: 1.15; letter-spacing: -0.05rem;}
.safety .count_cont .secTitle{text-align: center;}
.safety .count_cont {padding: 8.19rem 0 9.97rem; margin: 0 auto;}
.safety .count_cont ul {gap: 1.25rem;}
.safety .count_cont ul li {width: calc(100%/3); padding: 3rem 2.5rem; display: flex; align-items: center; gap: 2.5rem; border: 1px solid #E3E3E3;}
.safety .count_cont ul li .img img {width: 10rem;}
.safety .count_cont ul li .txt {width: calc(100% - 12.5rem);}
.safety .count_cont ul li .txt em {color: var(--color-blue); font-size: 1.25rem; font-weight: 600; line-height: 1.15; letter-spacing: -0.05rem;}
.safety .count_cont ul li .txt p {margin-top: 1rem; font-size: 1.5rem; font-weight: 500; line-height: 1.15; letter-spacing: -0.05rem; display: flex; gap: 0.5625rem; align-items: flex-end;}
.safety .count_cont ul li .txt p strong {font-size: 3.75rem; font-weight: 600; letter-spacing: -0.0625rem; display: block; line-height: 1;}
.safety .count_cont ul li .txt span {display: block; margin-top: 1rem; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.15;}
.safety .subBanner {position: relative; margin-bottom: 10rem;}
.safety .subBanner img {width: 100%;}
.safety .subBanner p {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #FFF; font-size: 3rem; font-weight: 600; line-height: 1.15; letter-spacing: -0.05rem; width: 100%; text-align: center;}
.safety .cont .info {align-items: flex-start;}
.safety .cont .info .secTitle {width: 25rem;} 
.safety .cont .info .cont {width: calc(100% - 25rem);}
.environment .ios .cont p,
.safety .ios ul .txt p,
.safety .basicTxt,
.safety .policy .info p {color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; word-break: keep-all;}
.safety .policy .sec02 {margin-top: 6.25rem; padding-top: 5.625rem; border-top: 1px solid #E3E3E3;}
.safety .policy .sec02 .cont {display: grid; grid-template-columns: repeat(2,1fr); gap: 5.625rem 1.875rem;}
.safety .policy .sec02 li img {width: 6.25rem;}
.safety .policy .sec02 li strong {display: block; font-size: 1.5rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
.safety .ios ul > li {/* aspect-ratio: 2.4; */ display: flex; align-items: normal; border-radius: 1.25rem; border: 1px solid #BEBEBE; background: #FFF; overflow: hidden;}
.safety .ios ul > li + li {margin-top: 3.75rem;}
.safety .ios ul > li > div {width: 50%;}
.safety .ios ul .img {/* height: 100%; */ padding: 2.6rem 0; display: flex; align-items: center; justify-content: center; background: #F6F6F6;}
.safety .ios ul .img img {width: 18.3125rem;}
.safety .ios ul .txt {padding: 4.31rem 3.75rem; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; /* height: 100%; */}
.safety .ios ul .txt div > strong {font-size: 1.625rem; font-weight: 500; line-height: 1.25; letter-spacing: -0.05rem;}
.safety .ios ul ol li {color: #6D6D6D; font-size: 1.125rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem;}
.safety .ios ul ol li + li {margin-top: 0.3125rem;}
.safety .ios ul ol li strong {color: #000; font-weight: 600;}
.safety .ios ul a {width: 18.625rem; height: 3.75rem; padding: 0 2.1875rem; justify-content: space-between; margin-top: 1.25rem;}
.safety .ios ul a img {width: 1.5rem;}
.safety .ios ul a:hover .btn_fill {width: 40rem; height: 40rem;}
.safety .dpp_bd_wrap {border-bottom: 0;}
.safety .safetyHealth .sec01 strong {display: block; color: #000; font-size: 1.5rem; font-weight: 600;}
.safety .safetyHealth .sec02 {border-top: 0; align-items: flex-end; padding-top: 0;}
.safety .safetyHealth .sec02 .cont {border-top: 1px solid #E3E3E3; padding-top: 5.625rem; display: block;}
.safety .safetyHealth #dpp_pic_list {position: relative; padding: 5.625rem 0 10rem;}
.safety .safetyHealth #dpp_pic_list::before {content: ""; width: 300%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #F6F6F6; z-index: -1;}

/********** dp_gallery_list **********/
.dp_gallery_list {display: flex; flex-wrap: wrap; gap: 3.75rem 2.5625rem;}
.dp_gallery_list li {width: calc(100%/3 - 1.75rem);}
.dp_gallery_list .thumb {width: 100%; aspect-ratio: 1.58 / 1; overflow: hidden; border-radius: 1.25rem; border: 1px solid #E3E3E3;}
.dp_gallery_list .thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.dp_gallery_list .info {margin-top: 2rem;}
.dp_gallery_list .subject {font-size: 1.5rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;} 
.dp_gallery_list .subject a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all;}
.dp_gallery_list .content,
.dp_gallery_list .date {font-size: 1.25rem; font-weight: 400; letter-spacing: -0.05rem; color: #6D6D6D; word-break: keep-all;}
.dp_gallery_list .content {overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.dp_gallery_list .date {color: #8E8E8E;} 

/********** dp_search_style **********/
.totalCont .total {color: #000; font-size: 1rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem;}
.totalCont .total span {color: var(--color-blue); font-weight: 600;}
.dp_search_style {margin-bottom: 0; background: none !important; gap: 0.625rem;}
.dp_search_style .sch_select {width: 8.125rem !important; height: 3.75rem; border-radius: 12.5rem; border: 1px solid #E3E3E3; overflow: hidden;}
.dp_search_style select {width: 100%; height: 100%; color: #000; font-size: 1rem; font-weight: 400; letter-spacing: -0.05rem; padding: 0 1.5rem; border: none; background-position: calc(100% - 1.5rem) center; background-color: #fff; background-image: url('/img/sub/select_icon.svg'); background-size: 1.125rem auto; -webkit-appearance: none; resize: none; vertical-align: middle;}
.dp_search_style select:focus {outline: none;}
.dp_search_style .sch_input {display: flex; align-items: center; max-width: 20rem; width: 100% !important; height: 3.75rem !important; border-radius: 12.5rem; background: #fff; overflow: hidden; padding: 0 1.5rem; border: 1px solid #E3E3E3;}
.dp_search_style .sch_input input {height: 100%; width: 100%; border: none; font-size: 1rem; font-weight: 400; letter-spacing: -0.05rem; padding: 0 !important;}
.dp_search_style .sch_input input:focus {border: 0 !important; outline: none !important;}
.dp_search_style .sch_input input::placeholder {color: #8E8E8E;}
.dp_search_style .sch_input button {border: 0; outline: none; background: none;}
.dp_search_style .sch_input button img {width: 1.125rem;}

/********** page **********/
.dpp_page_wrap {margin: 3.75rem auto 0;}
.dpp_page_wrap .pg {display: flex; align-items: center; justify-content: center;}
.dpp_page_wrap .pg a,
.dpp_page_wrap .pg .pg_current {text-align: center; width: 2.5rem; line-height: 2.5rem; color: #000; font-size: 1rem; font-weight: 400; letter-spacing: -0.05rem;}
.dpp_page_wrap .pg img {height: 0.8125rem; margin-top: -.2rem;}
.dpp_page_wrap .pg .pg_current {color: var(--color-blue); font-weight: 600; text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness:2px;}

/********** Energy Solution **********/
/* list */
.energy_list .list {display: grid; grid-template-columns: repeat(3,1fr); gap: 2.5rem;}
.energy_list .item {background: #F6F6F6; border-radius: 1.25rem; border: 2px solid transparent; aspect-ratio: 0.8 / 1; transition: all .5s ease; overflow: hidden;}
.energy_list .item:hover {border-color: var(--color-navy);}
.energy_list .item a {display: block; width: 100%; height: 100%;}
.energy_list .item .img {width: 100%; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.energy_list .item img {/* width: 100%;  */height: 100%; /* object-fit: cover; object-position: center; */}
.energy_list .item p {height: 4.5rem; margin-top: .63rem; text-align: center; font-size: 1.5rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.05rem; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all; padding: 0 .3rem;}
/* detail */
.energy_detail .thumb_wrap {align-items: flex-start; gap: 1.5rem;}
.energy_detail .thumb_img {width: 54.75rem; aspect-ratio: 5/4; /* height: 43.75rem; */ align-items: flex-start; gap: 1rem;}
.energy_detail .mySwiper {width: 10rem; height: 100%; overflow: hidden;}
.energy_detail .mySwiper .swiper-slide {border: 3px solid transparent; width: 100%; border-radius: 1.25rem; background: #F6F6F6; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1;}
.energy_detail .mySwiper .swiper-slide-thumb-active {border-color: var(--color-navy);}
.energy_detail .swiper .swiper-slide img {/* max-height: 100%; */ max-height: 100%; /* width: 100%; height: 100%; object-fit: cover; object-position: center; */}
.energy_detail .mySwiper2 {width: calc(100% - 11rem); aspect-ratio: 1/1; border-radius: 1.25rem; background: #F6F6F6; overflow: hidden;}
.energy_detail .mySwiper2 .swiper-slide {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.energy_detail .thumb_info {width: 37rem;}
.energy_detail .thumb_info .title h4 {margin-top: 3.12rem; font-size: 2.8125rem; font-weight: 600; line-height: 1.15; letter-spacing: -0.05rem;}
.energy_detail .thumb_info .title p {color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; word-break: keep-all;}
.energy_detail .thumb_info .btnBox {gap: 1.25rem;}
.energy_detail .thumb_info .btnBox a {width: 16.25rem; height: 3.75rem; justify-content: space-between; gap: 0;}
.energy_detail .thumb_info .btnBox img {width: 1.5rem;}
.energy_detail .thumb_info .btnBox .blue {background: var(--color-navy); border-color: var(--color-navy);}
.energy_detail .thumb_info .btnBox .blue span {color: #fff;}
.energy_detail .thumb_info .btnBox .blue img {filter: var(--filter-white);}
.energy_detail .thumb_info .btnBox .blue:hover {border-color: var(--color-blue);}
.energy_detail .info_wrap {margin-top: 7.5rem;}
.energy_detail .info_wrap .content {align-items: flex-start;}
.energy_detail .info_wrap .secTitle {width: 25rem; font-size: 1.75rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
.energy_detail .info_wrap .secTitle + div {width: calc(100% - 25rem);}
.energy_detail .info_wrap .tabCont .sec1 ul {display: flex; flex-wrap: wrap; gap: 0 3.125rem;}
.energy_detail .info_wrap .tabCont .sec1 ul li {position: relative; padding-left: .8rem; width: calc(50% - 2.5rem); color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem;}
.energy_detail .info_wrap .tabCont .sec1 ul li::before{content: ''; display: block; width: .25rem; height: .25rem; border-radius:50%; background: #6D6D6D; position: absolute; left: 0; top: .79rem;}
.energy_detail .info_wrap .tabCont table {border-spacing: 0; border-top: 1px solid #000; width: 100%; text-align: left;}
.energy_detail .info_wrap .tabCont table th,
.energy_detail .info_wrap .tabCont table td {padding: 1.25rem 1.88rem; border-bottom: 1px solid #E3E3E3;}
.energy_detail .info_wrap .tabCont table th {width: 12.5rem; background: #F6F6F6; color: #333; text-align: center; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.025rem;}
.energy_detail .info_wrap .tabCont table td {color: #6D6D6D; color: #555; font-size: 1.25rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.03125rem; border-left: 1px solid #E3E3E3;}
.energy_detail .listBtn a {display: flex; align-items: center; justify-content: center; width: 9.375rem; height: 3.75rem; border-radius: 31.25rem; border: 1px solid #000; font-size: 1.25rem; font-weight: 600; margin: 0 auto;}

/******** 지속가능경영 cover ********/
.sustainability_cover {position: relative;}
.sustainability_cover::before {content: ""; background: url('/img/sub/sustainability_cover_txt.svg') no-repeat center/auto 100%; height: 9.375rem; width: 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: -5.44rem;}
.sustainability_cover ul {gap: 1.6rem;}
.sustainability_cover li {margin-right: -10rem; width: calc(100%/4 - 1.2rem); aspect-ratio: .84 / 1; position: relative; border-radius: 1.25rem; overflow: hidden; transition: all .5s;}
.sustainability_cover li:nth-of-type(1) {z-index: 1;}
.sustainability_cover li:nth-of-type(2) {z-index: 2;}
.sustainability_cover li:nth-of-type(3) {z-index: 3;}
.sustainability_cover li:nth-of-type(4) {margin-right: 0; z-index: 4;}
#sub_content.active .sustainability_cover li {margin-right: 0;}
.sustainability_cover li > a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sustainability_cover li > a > img {width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all .3s;}
.sustainability_cover li .txt {display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; width: 100%; height: 100%; position: relative; z-index: 2;}
.sustainability_cover li .txt p {font-family: var(--font-out); font-size: 1.125rem; font-weight: 500; line-height: 1.15;}
.sustainability_cover li .txt strong {display: block; margin-top: 0.625rem; font-size: 2.375rem; font-weight: 600; letter-spacing: -0.05rem; line-height: 1.15;}
.sustainability_cover li .move {margin: 3.75rem auto 0; display: flex; align-items: center; justify-content: space-between; width: 10.625rem; height: 2.92188rem; border-radius: 2.65625rem; border: 0.85px solid #FFF; font-size: 1.0625rem; font-weight: 700; color: #fff; transition: all .3s; padding: 0 1.86rem;}
.sustainability_cover li .move img {width: 1.11563rem; filter: var(--filter-white); transition: all .3s;}
.sustainability_cover li .move:hover {background: #fff; color: #000;}
.sustainability_cover li .move:hover img {filter: none;}
.sustainability_cover li:hover > a > img {filter: blur(3px);}

/******** 환경 ********/
.environment .policy .sec02 .cont {gap: 2.5rem 1.875rem;}
/* .environment .ios ul .img {justify-content: flex-start; padding-left: 2.63rem;} */
.environment .data .btnBox {gap: 1.875rem;}
.environment .data .btnBox div {gap: 0.625rem; display: flex; align-items: center; height: 6.25rem; padding: 0 2.5rem; font-size: 1.25rem; font-weight: 500; letter-spacing: -0.05rem; border-radius: 1.25rem; background: #F6F6F6;}
.environment .data .btnBox span {display: block; width: 0.3125rem; aspect-ratio: 1/1; border-radius: 100%; background: #000;}
.environment .subTitle {gap: .63rem; font-size: 1.625rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;} 
.environment .subTitle span {color: #8E8E8E; font-size: 1rem; font-weight: 400; letter-spacing: -0.05rem; display: block; line-height: 1.5;}
.environment .sec2 .tabeCont {gap: 1.25rem; align-items: flex-start;}
.environment .sec2 .tabeCont table {width: 50%; border-spacing: 0; border-top: 1px solid #000;}
.environment .sec2 table th,
.environment .sec2 table td {text-align: center; padding: 1.25rem 0; line-height: 1.5;}
.environment .sec2 table th {background: #F6F6F6; color: #222; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.0375rem;}
.environment .sec2 table td {color: #555; font-size: 1.25rem; font-weight: 500; letter-spacing: -0.03125rem; border-bottom: 1px solid #E3E3E3;}
.environment .sec2 table td:first-child {width: 13.625rem;}
.environment .sec2 table td + td {border-left: 1px solid #E3E3E3;}
.environment .sec2 table td strong {color: #555; font-weight: 700;}
.environment .sec2 table td ul {display: inline-block;}
.environment .sec2 table td ul li {position: relative; padding-left: .8rem; text-align: left;}
.environment .sec2 table td ul li::before {content: ''; display: block; width: .25rem; height: .25rem; border-radius:50%; background: #555; position: absolute; left: 0; top: .79rem;}
.environment .sec3 {border-radius: 1.25rem; border: 1px solid #BEBEBE; padding: 3.75rem 2.5rem;}
.environment .sec3 .box + .box {margin-top: 5rem;}
.environment .sec3 .box img.graph {margin-top: 4.56rem; width: 100%;}

/******** 품질 ********/
.quality .policy .swiper-wrapper {display: flex; gap: 1.5rem;}
.quality .policy .swiper-slide {width: calc(100%/3 - 1rem); aspect-ratio: 0.8/1; border-radius: 1.25rem; overflow: hidden; position: relative;}
.quality .policy .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.quality .policy .swiper-slide p {color: #fff; font-size: 1.5rem; font-weight: 600; letter-spacing: -0.05rem; position: absolute; left: 0; padding: 0 2rem; bottom: 1.5rem; line-height: 1.2;}
.quality .ios ul .img {justify-content: center; padding-left: 0;}

/******** 인권 ********/
.humanrights .subBanner p {font-size: 2.125rem; line-height:1.3;}
.humanrights .tab_wrap {height: 3.75rem; background: #fff;}
.humanrights .tab_wrap.fixed .tab_style02 {height: 5.75rem; padding: 1rem 0;}
.humanrights .tab_style02 {display: flex; align-items: center; justify-content: center; height: 100%; position: relative; background: #fff; gap: 1.25rem;}
.humanrights .tab_style02 li {height: 100%; position: relative; border-radius: 31.25rem; border: 1px solid #BEBEBE;}
.humanrights .tab_style02 li a {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; padding: 0 2.19rem; color: #6D6D6D; font-size: 1.125rem; font-weight: 600;}
.humanrights .tab_style02 li.on {border-color: var(--color-blue);}
.humanrights .tab_style02 li.on a {color: var(--color-blue);}
.humanrights #sec01 .sec02 {border-top: 0; padding-top: 0; margin-top: 5.625rem;}
.humanrights #sec01 .sec02 ul {width: 100%;}
.humanrights #sec02 {padding-top: 0; border-top: 0;}
.humanrights #sec02 > div,
.humanrights #sec03 > div {padding-top: 5.625rem;}
.humanrights #sec02 .cont,
.humanrights #sec03 .cont {border-top: 1px solid #E3E3E3; display: block;}
.humanrights #sec02 .cont li {padding: 2.5rem; border-radius: 0.625rem; background: #F6F6F6;}
.humanrights #sec02 .cont li + li {margin-top: 1.875rem;}
.humanrights #sec02 .cont li .flex {gap: 0.625rem; font-size: 1.5rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
.humanrights #sec02 .cont li .flex span {display: flex; align-items: center; justify-content: center; width: 3rem; height: 1.5rem; border-radius: 0.875rem; background: var(--color-navy); color: #fff; font-size: 0.875rem; font-weight: 600; font-family: var(--font-out); letter-spacing: -0.05rem;}
.humanrights #sec02 .cont li p {margin-top: 1.5rem;}
.humanrights #sec02 .cont li strong {display: block; color: #000; font-weight: 600;}
.humanrights #sec03 {margin-top: 6.25rem;}
.humanrights #sec03 .box {border-radius: 1.25rem; border: 1px solid #E3E3E3; padding: 3.12rem 0;}
.humanrights #sec03 .box .img {position: relative; width: 100%; max-width: 56.25rem; height: 44.9375rem; margin: 0 auto;}
.humanrights #sec03 .box .bg {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.humanrights #sec03 .box .bg img {width: 31.25rem; aspect-ratio: 1/1;}
.humanrights #sec03 .box .bg p {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: var(--color-navy); font-size: 2rem; font-weight: 600; letter-spacing: -0.05rem;}
.humanrights #sec03 .circle_box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.humanrights #sec03 .circle {display: flex; align-items: center; gap: 1.5rem; cursor: pointer;}
.humanrights #sec03 .circle .icon {background: #FFF; filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.08)); width: 8.75rem; aspect-ratio: 1/1; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all .3s ease; border: 1px solid transparent;}
.humanrights #sec03 .circle .icon span {background: #FFF; border:1px dashed var(--color-blue); width: 7.125rem; aspect-ratio: 1/1; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.humanrights #sec03 .circle .icon img {height: 2.5rem;}
.humanrights #sec03 .circle .flex {display: flex; flex-direction: column; align-items: flex-end; gap: 0.625rem;}
.humanrights #sec03 .circle p {text-align: right; font-size: 1.375rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.05rem; color: #000;}
.humanrights #sec03 .circle .plus {display: flex; align-items: center; justify-content: center; width: 1.875rem; aspect-ratio: 1/1; background: #BEBEBE; transition: all .3s; border-radius: 100%;}
.humanrights #sec03 .circle .plus img {width: 0.75rem;}
.humanrights #sec03 .circle6,
.humanrights #sec03 .circle1 {flex-direction: column; gap: .75rem;}
.humanrights #sec03 .circle6 .flex,
.humanrights #sec03 .circle1 .flex {flex-direction: row;}
.humanrights #sec03 .circle3 .flex,
.humanrights #sec03 .circle5 .flex {align-items: flex-start;}
.humanrights #sec03 .circle_box > .item01 {margin-top: -2rem;}
.humanrights #sec03 .circle_box > .item02 {margin-top: 7rem;}
.humanrights #sec03 .circle:hover .plus {background: var(--color-blue);}
.humanrights #sec03 .circle:hover .icon {border-color: var(--color-blue); box-shadow: 0 10px 20px 0 rgba(0, 125, 198, 0.20);}
.him_popWrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 10000; background: rgba(0, 0, 0, 0.08);}
.him_popWrap .popup {display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: calc(100% - 2.5rem); max-width: 50rem; overflow: hidden; border-radius: 1.25rem; background: #fff;}
.him_popWrap .popup .title {background: url('/img/sub/humanrights_popupTit.jpg') no-repeat center/cover; padding: 2.12rem 2.5rem; position: relative; color: #fff;  font-weight: 600; letter-spacing: -0.05rem; line-height: 1.5;}
.him_popWrap .popup .title .close {position: absolute; top: 1.06rem; right: 1.25rem; cursor: pointer;}
.him_popWrap .popup .title img {width: 2.5rem;}
.him_popWrap .popup .title span {font-size: 1.125rem;}
.him_popWrap .popup .title p {font-size: 1.5rem;}
.him_popWrap .popup .inner {max-height: 34.38rem; overflow-y: auto; padding: 2.38rem 2.5rem; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.6; letter-spacing: -0.05rem; display: none;}
.him_popWrap02 .popup .box {padding: 2.5rem 0;}
.him_popWrap02 .popup .box + .box {border-top: 1px solid rgba(0, 0, 0, 0.20);}
.him_popWrap02 .popup .box strong {display: block; font-size: 1.125rem; font-weight: 600; line-height: 160%; letter-spacing: -0.0375rem; margin-bottom: 1.25rem; color: #000;}
.him_popWrap02 .popup .box01 {padding-top: 0 !important;}
.him_popWrap02 .popup .box04 {padding-bottom: 0 !important;}
.him_popWrap02 .popup .box01 img {height: 18.9375rem;}
.him_popWrap02 .popup .box02 img {height: 19.4375rem;}
.him_popWrap02 .popup .box03 img {height: 13.5625rem;}
.him_popWrap02 .popup .box ul li {font-size: 1.125rem; font-weight: 600; line-height: 160%; letter-spacing: -0.0375rem; color: #000;}





/******** 기업윤리행동기준 ********/
.ethics .tp_txt{font-size: 1.5rem; letter-spacing: -0.05rem; font-weight: 600; line-height: 150%; margin-bottom: 6.25rem; padding-bottom: 6.25rem; border-bottom: 1px solid #D9D9D9;}
.ethics .info + .info {margin-top: 6.25rem;}
.ethics .info + .info > div {padding-top: 6.25rem;}
.ethics .info + .info > .cont {border-top: 1px solid #D9D9D9;}
.ethics .hide{margin-top: 6.25rem; padding-top: 6.25rem; border-top: 1px solid #D9D9D9; display: none;}
.ethics .hide + .info{margin-top: 6.25rem; padding-top: 6.25rem; border-top: 1px solid #D9D9D9;}
.ethics .info > .cont strong {display: block; font-size: 1.5rem; font-weight: 600; letter-spacing: -0.05rem; line-height: 1.5;}
.ethics .info .box02 > div + div,
.ethics .info > .cont > div + div {margin-top: 5.625rem;}
.ethics .info .box01 .flex {display: flex; align-items: center; gap: 0.625rem; font-size: 1.25rem; font-weight: 500; letter-spacing: -0.05rem;}
.ethics .info .box01 .flex span {display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 1.5rem; border-radius: 0.875rem; background: var(--color-navy); color: #fff; font-size: 0.875rem;}
.ethics .moreBtn {padding: 0 1.88rem; gap: 1.07rem; height: 3.125rem;}
.ethics .moreBtn span {font-size: 1rem;}
.ethics .moreBtn.mt_30 img {width: 0.875rem;}
.ethics .moreBtn .btn_fill {background: var(--color-navy);}
.ethics .moreBtn:hover {border-color: var(--color-navy);}
.ethics .blue {color: var(--color-navy) !important;}
.ethics .dot{position: relative; padding-left: 0.875rem;}
.ethics .dot::before{content: ''; display: block; width: 0.25rem; aspect-ratio: 1/1; background: #6D6D6D; border-radius: 50%; position: absolute; left: 0; top: 0.75rem;}

/******** Customer Service ********/
.customer_Service .sec01 {padding: 0 0 9.5625rem;}
.customer_Service .sec01 ul {display: grid; gap: 3.75rem 1.875rem; grid-template-columns: repeat(2,1fr);}
.customer_Service .sec01 ul > li .img {width: 100%; border-radius: 1.25rem; position: relative; aspect-ratio: 2.28/1;}
.customer_Service .sec01 ul > li .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.customer_Service .sec01 ul > li .img p {text-align: center; width: 100%; color: #fff; position: absolute; top: 50%;  transform: translateY(-50%); left: 0; font-size: 1.875rem; font-weight: 700; letter-spacing: -0.05rem;}
.customer_Service .sec01 ol li {color: #6D6D6D; font-size: 1.125rem; font-weight: 400; line-height: 1.6;}
.customer_Service .sec02 {height: 49.75rem; position: relative; display: flex; align-items: center;}
.customer_Service .sec02 .img > div,
.customer_Service .sec02 .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .9s ease;}
.customer_Service .sec02 .img > div:not(.on) {opacity: 0;}
.customer_Service .sec02 .img > div.on {z-index: 2; opacity: 1;}
.customer_Service .sec02 .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.customer_Service .sec02 ul {position: relative; z-index: 3; display: flex; width: 100%; height: 100%;}
.customer_Service .sec02 ul li {flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; height: 100%;}
.customer_Service .sec02 ul li + li::before {content: ""; width: 1px; height: 29.5rem; background: rgba(255, 255, 255, 0.30); position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.customer_Service .sec02 ul li * {color: #fff; text-align: center;}
.customer_Service .sec02 ul li em {display: block; font-family: var(--font-outfit); font-size: 1.125rem; font-weight: 600; line-height: 1.66; letter-spacing: -0.05rem; opacity: 0.5;}
.customer_Service .sec02 ul li strong {display: block; font-size: 2.5rem; font-weight: 600; line-height: 1.25; letter-spacing: -0.05rem;}
.customer_Service .sec02 ul li p {height: 0; overflow: hidden; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; opacity: .8; transition: all .3s ease; word-break: keep-all;}
.customer_Service .sec02 ul li:hover p {height: 7.5rem; margin-top: 2.5rem;}
.customer_Service .sec02 ul li.on p {height: auto !important; margin-top: 2.5rem;}
.customer_Service .sec03 {padding: 9.5625rem 0 8.25rem;}
.customer_Service .sec03 ul {gap: 1.25rem;}
.customer_Service .sec03 ul a {width: 24.0625rem; border-radius: 1.25rem; border: 1px solid #E3E3E3; padding: 1.5rem 2rem; font-size: 1.375rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
.customer_Service .sec03 ul a .icon {width: 2.75rem; position: relative; aspect-ratio: 1/1;}
.customer_Service .sec03 ul a .icon img {position: absolute; top: 0; width: 100%; left: 0; transition: all .3s;}
.customer_Service .sec03 ul a .icon .hover {opacity: 0;}
.customer_Service .sec03 ul a:hover .hover {opacity: 1;}
.customer_Service .sec03 ul a:hover .basic {opacity: 0;}

/******** Component Maintenance ********/
.customer_Service .sec1 {padding: 8.13rem 0;}
.customer_Service .sec1 h2 {font-size: 2.5rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.0625rem;}
.customer_Service .sec1 h2 span {opacity: 0.1;}
.customer_Service .sec2 img {width: 100%;}
.customer_Service .sec3 {padding: 9.375rem 0;}
.customer_Service .sec3 .item {gap: 6.25rem;}
.customer_Service .sec3 .item + .item {margin-top: 3.75rem;}
.customer_Service .sec3 .img {width: 48rem; aspect-ratio: 1.669/1; border-radius: 1.25rem; background: #F8F8F8; overflow: hidden; position: relative;}
.customer_Service .sec3 .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.customer_Service .sec3 .img p {position: absolute; left: 0; bottom: 2.5rem; padding: 0 2.5rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.05rem; font-family: var(--font-pre);}
.customer_Service .sec3 .item:last-child .img p {color: #fff;}
.customer_Service .sec3 .txt {width: calc(100% - 6.25rem - 48rem);}
.customer_Service .sec3 .txt h3 {font-size: 2.1875rem; font-weight: 700; letter-spacing: -0.05rem; font-family: var(--font-pre);}
.customer_Service .sec3 .txt p {margin-top: 1.5rem; color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; word-break: keep-all; opacity: 0.8;}
.customer_Service .sec3 .box {border-radius: 1.25rem; border: 1px solid #E3E3E3; padding: 1.5rem 2.5rem;}
.customer_Service .sec3 .box strong {font-size: 1.125rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
.customer_Service .sec3 .box ul {margin-top: 1.25rem;}
.customer_Service .sec3 .box ul li,
.customer_Service .sec3 .box ul li a {display: flex; align-items: center; gap: 0.5rem; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem;}
.customer_Service .sec3 .box ul li + li {margin-top: 0.5rem;}
.customer_Service .sec3 .box ul li img {width: 1.875rem;}
.customer_Service .sec3 .info {margin-top: 1.5rem;}
.customer_Service .sec3 .info strong {font-size: 1.25rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem; font-family: var(--font-pre);}
.customer_Service .sec3 .info ol {margin-top: 0.5rem; display: grid; grid-template-columns: repeat(2,1fr); gap: 0 1.5rem;}
.customer_Service .sec3 .info ol li {color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; opacity: 0.8;}
.customer_Service .sec4 {background: #F6F6F6; padding: 9.38rem 0;}
.customer_Service .sec4 .info {align-items: flex-start; padding: 0;}
.customer_Service .sec4 .info p {font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; opacity: 0.8;}
.customer_Service .sec4 ul {gap: 2.5rem;}
.customer_Service .sec4 li {aspect-ratio: 1.26/1; border-radius: 1.25rem; overflow: hidden; position: relative; width: 100%;}
.customer_Service .sec4 li > img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.customer_Service .sec4 li .txt {position: absolute; bottom: 2.2rem; left: 2rem;}
.customer_Service .sec4 li .txt strong {color: #FFF; font-size: 1.625rem; font-weight: 600; line-height: 1.55; letter-spacing: -0.05rem;}
.customer_Service .sec4 li .txt a {margin-top: 1.25rem; width: 10.625rem; height: 2.92188rem; border-radius: 2.65625rem; border: 0.85px solid #FFF; padding: 0 1.75rem 0 1.86rem; color: #fff; font-size: 1.0625rem; font-weight: 700;}
.customer_Service .sec4 li .txt a img {width: 1.11563rem; filter: var(--filter-white);}
.customer_Service .sec5 {padding: 9.37rem 0 0;}
.customer_Service .sec5 li {padding: 2.5rem; border-radius: 1.25rem; background: #F6F6F6;}
.customer_Service .sec5 li + li {margin-top: 1.875rem;}
.customer_Service .sec5 li strong {font-size: 1.5rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.05rem; display: block; font-family: var(--font-pre);}
.customer_Service .sec5 li p {margin-top: 0.625rem; color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.03125rem;}
.customer_Service .sec5 li strong.mt_40 {font-weight: 600;}
.him_popWrap.main .bk{color: #000;}
.him_popWrap.main .popup .inner strong{font-size: 1.125rem; font-weight: 600; letter-spacing: -0.0375rem; line-height: 160%;}
.him_popWrap.main .popup .inner .cont p + p{margin-top: 0.3125rem;}
.him_popWrap.main .popup .inner .cont ul li{position: relative; padding-left: 0.75rem;}
.him_popWrap.main .popup .inner .cont ul li::before{content: ''; display: block; width: 0.25rem; aspect-ratio: 1/1; background: #6D6D6D; border-radius: 50%; position: absolute; left: 0; top: 0.6rem;}

/******** CIP ********/
.cip .sec1 {height: 59.375rem; position: relative;}
.cip .sec1 img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.cip .sec1 .bg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%); opacity: 0;}
.cip .sec1 .txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; z-index: 2;}
.cip .sec1 .txt * {opacity: 0; transform: translateY(100rem);}
.cip .sec1 .txt h3 {font-size: 3.4375rem; font-weight: 600; line-height: 1.15; letter-spacing: -0.05rem;}
.cip .sec1 .txt strong {display: block; font-size: 2.125rem; font-weight: 600; line-height: 1;}
.cip .sec1 .txt p {font-size: 1.375rem; font-weight: 500; line-height: 1.36; word-break: keep-all;}
.cip h4 {font-size: 2.5rem; font-weight: 600; line-height: 1;}
.cip .sec2 {padding: 9.375rem 0;} 
.cip .sec2 ul {display: flex; gap: 1.5rem; height: 32.375rem;}
.cip .sec2 ul li {width: 7.5rem; height: 100%; border-radius: 1.25rem; overflow: hidden; position: relative; transition: all .4s ease;}
.cip .sec2 ul li img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.cip .sec2 ul li span {position: absolute; left: 2.75rem; bottom: 2.5rem; color: #FFF; font-size: 1.5rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem; writing-mode: sideways-lr; transition: all .4s ease;}
.cip .sec2 ul li .txt {position: absolute; left: 0; bottom: 0; padding: 3rem; color: #fff; opacity: 0; transition: all .4s ease;}
.cip .sec2 ul li .txt strong {font-size: 2.375rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
.cip .sec2 ul li .txt p {margin-top: 1.25rem; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem;}
.cip .sec03 ul {align-items: normal;}
.cip .sec03 ul li {width: calc((100%/4) - 1rem);}
.cip .sec03 ul a {width: 100%; padding: 1.5rem;}
@media screen and (min-width:1025px) {
    .cip .sec2 ul li.on {width: calc(100% - (1.5rem*3) - (7.5rem*3));}
    .cip .sec2 ul li.on span {opacity: 0;}
    .cip .sec2 ul li.on .txt {opacity: 1;}
}
.cip .sec03 {padding: 0 !important;}

/********** 중고장비(부품) **********/
.used .sec2,
.used .sec4,
.used .sec6 {padding: 9.375rem 0;}
.used .sec2 .cont li {padding: 1.8125rem 1.5rem; border-radius: 0.625rem; border: 1px solid #E3E3E3;}
.used .sec2 .cont li + li {margin-top: 1rem;}
.used .sec2 .cont li {display: flex; align-items: center; gap: 1.25rem; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem;}
.used .sec2 .cont li span {display: flex; align-items: center; justify-content: center; width: 3rem; height: 1.5rem; border-radius: 0.875rem; background: var(--color-navy); color: #fff; font-size: 0.875rem; font-weight: 600; font-family: var(--font-out); letter-spacing: -0.05rem;}
.used .sec3 {background: #F6F6F6; padding: 8.125rem 3rem;}
.used .sec3 img {max-width: 87.5rem; margin: 0 auto; width: 100%;}
.used h4 {font-size: 2.5rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.05rem;}
.used .sec4 .item {text-align: center;}
.used .sec4 .item span {font-size: 1rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.05rem; display: block;}
.used .sec4 .item img {margin: 1.25rem auto; width: 6.25rem;}
.used .sec4 .item strong {font-size: 1.5rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem; display: block;}
.used .sec4 .item p {margin-top: 0.5rem; color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; word-break: keep-all;}
.used .sec4 .arrow {margin-top: -2.83rem;}
.used .sec4 .arrow img {width: 2.125rem;}
.used .sec5 {padding: 8.13rem 0; background: var(--color-navy); position: relative;}
.used .sec5::before {content: ""; width: 49.62275rem; height: 7.55875rem; background: url('/img/sub/used_bgTxt.svg') no-repeat center/cover; position: absolute; top: 4.32rem; right: -1.37rem; opacity: 0.03;}
.used .sec5 h4 {color: #fff;}
.used .sec5 ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 1.5rem 2.5rem;}
.used .sec5 ul li {padding: 2rem 2.5rem; border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.10); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(15px); color: #FFF; font-size: 1.5rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.05rem; display: flex; align-items: center; gap: 0.625rem;}
.used .sec5 ul li span {display: block; width: 0.3125rem; aspect-ratio: 1 / 1; border-radius: 100%; background: #fff;}
.used .sec6 .flex.mt_30 {gap: 2.5rem;}
.used .sec6 .box {border-radius: 1.25rem; border: 1px solid #E3E3E3; padding: 1.5rem 2.5rem; width: 50%;}
.used .sec6 .box strong {font-size: 1.125rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
.used .sec6 .box ul {margin-top: 1.25rem;}
.used .sec6 .box ul li,
.used .sec6 .box ul li a {display: flex; align-items: center; gap: 0.5rem; color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem;}
.used .sec6 .box ul li + li {margin-top: 0.5rem;}
.used .sec6 .box ul li img {width: 1.875rem;}
.used .sec6 .btnBox {gap: 1.5rem;}
.used .sec6 .btnBox a {color: #000; height: 3.75rem;}
.used .sec6 .btnBox a:hover span {color: #fff;}
.used .sec7 {padding: 0 !important;}

/********** ULVAC Media **********/
.media .item {border-radius: 1.25rem; background: #F1F4F8; padding: 5.94rem 3.75rem; gap: 2rem;}
.media .item + .item {margin-top: 2.5rem;}
.media .item .txt {width: calc(100% - 2rem - 32.52788rem);}
.media .item .img {width: 32.52788rem; aspect-ratio: 1.5/1; border-radius: 1.25rem; overflow: hidden; border: 1px solid #E3E3E3;}
.media .item .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.media .item strong {font-size: 2.125rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.05rem;}
.media .item p {color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; word-break: keep-all;}
.media .item .btnBox {margin-top: 5rem;}
.media .item .btnBox.flex{gap: 1.25rem;}
.media .item .btnBox a {height: 2.8125rem; padding: 0 1.88rem;}
.media .item .btnBox a:first-of-type{gap: 0.625rem;}
.media .item .btnBox a:last-of-type{gap: 1.25rem;}
.media .item .btnBox a .btn_fill {background: var(--color-navy);}
.media .item .btnBox a span {font-size: 1.0625rem; color: #000;}
.media .item .btnBox a img {width: 1.11563rem;}
.media .item .btnBox a:hover {border-color: var(--color-navy);}
.media .item .btnBox a:hover span {color: #fff;}
.media .fancybox a{position: relative;}
.media .fancybox a .play{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1;}

/********** 연구소 소개 **********/
.rnd_intro .section01 {padding: 11.75rem 0 15.12rem; position: relative;}
.rnd_intro .section01::after {content: ""; width: 49.62281rem; height: 7.55869rem; background: url('/img/sub/rndIntro_bg.svg') no-repeat center/cover; position: absolute; right: 0; bottom: 0; opacity: 0.03;}
.rnd_intro .sec1 {/* height: 48.5rem; */aspect-ratio: 1.8/1; position: relative;}
.rnd_intro .sec1 .video { overflow: hidden; border-radius: 1.24606rem; aspect-ratio: 1.8/1; margin: 0 auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.rnd_intro .sec1 iframe {width: 100%; height: 100%;}
.rnd_intro .sec2 h2 {margin-top: 6.46rem;}
.rnd_intro .sec2 h2 span {font-size: 2.5rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.0625rem; opacity: .1;}
.rnd_intro .sec2 p {color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.03125rem; word-break: keep-all;}
.rnd_intro .sec3 {background: #F6F6F6; padding: 10.38rem 0 10rem;}
.rnd_intro .sec3 h3 {font-family: var(--font-outfit); font-size: 2.125rem; font-weight: 600; line-height: 1.15;}
.rnd_intro .sec3 .cont {margin-top: 3.27rem; position: relative;}
.rnd_intro .sec3 .map {position: relative;}
.rnd_intro .sec3 .map img {width: 100%;}
/* .rnd_intro .sec3 .dot1 {top: 19.56rem; left: 43.75rem;}
.rnd_intro .sec3 .dot2 {top: 19.56rem; left: 40.31rem;}
.rnd_intro .sec3 .dot3 {top: 23.94rem; left: 38.62rem;}
.rnd_intro .sec3 .dot4 {top: 21.62rem; left: 38.31rem;}
.rnd_intro .sec3 .dot5 {top: 18.12rem; right: 15.19rem;} */
.rnd_intro .sec3 .dotBox .dot {display: block; width: 0.625rem; aspect-ratio: 1/1; border-radius: 100%; background: var(--color-blue); position: absolute; cursor: pointer;}
.rnd_intro .sec3 .dotBox .dot::before {content: ""; width: 0; opacity: 0; aspect-ratio: 1/1; border-radius: 100%; background: rgba(0, 125, 198, 0.10); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.rnd_intro .sec3 .dotBox .dot::after {content: ""; width: 0; opacity: 0; aspect-ratio: 1/1; border-radius: 100%; background: rgba(0, 125, 198, 0.10); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.rnd_intro .sec3 .dotBox .dot.on::before,
.rnd_intro .sec3 .dotBox .dot:hover::before {animation: map-wave 2s cubic-bezier(1, 2, 0.66, 3) infinite;}
.rnd_intro .sec3 .dotBox .dot.on::after,
.rnd_intro .sec3 .dotBox .dot:hover::after {animation: map-wave 2s cubic-bezier(1, 2, 0.66, 3) infinite; animation-delay: 0.5s;}
.rnd_intro .sec3 .dotBox .dot .txt{position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); font-size: 0.75rem; letter-spacing: -0.0375rem; font-weight: 600; line-height: 115%; white-space: nowrap; font-family: var(--font-pre);}
.rnd_intro .sec3 .dotBox .dot2 .txt{left: initial !important; right: 1rem;}
@keyframes map-wave {
	0% {
		width:0;
		opacity: 1; 
	}
	50% {
		opacity: 1; 
	}
	100% {
		width:1.625rem;
		opacity: 0; 
	} 
}
.rnd_intro .sec3 .slide_wrap {position: absolute; left: 0; bottom: 1.44rem; width: 31.25rem;}
.rnd_intro .sec3 .swiper-slide {aspect-ratio: 1.21/1; width: 100%; height: 100%; border-radius: 1.25rem; border: 1px solid var(--color-navy); background: rgba(255, 255, 255, 0.90); backdrop-filter: blur(5px); padding: 1.87rem 2.5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.rnd_intro .sec3 .swiper-slide strong {color: var(--color-navy); font-family: var(--font-outfit); font-size: 1.875rem; font-weight: 600; line-height: 1.15; display: block; margin-bottom: 0.9375rem}
.rnd_intro .sec3 .swiper-slide p,
.rnd_intro .sec3 .swiper-slide ul li {font-family: var(--font-outfit); font-size: 1.125rem; font-weight: 300; line-height: 1.5;}
.rnd_intro .sec3 .swiper-slide .img {position: relative; margin-top: .81rem; width: 100%;}
.rnd_intro .sec3 .swiper-slide .img img {width: 100%;}
.rnd_intro .sec3 .swiper-slide .img span {padding: .53rem .94rem; color: var(--color-navy); font-family: var(--font-outfit); font-size: 1rem; font-weight: 600; line-height: 1.5; background: #fff; border-radius: 31.25rem; position: absolute; bottom: 1.25rem; left: 1.25rem;}
.rnd_intro .sec3 .btnBox {text-align: center;}
.rnd_intro .sec3 .btnBox .btn_fill {background: var(--color-navy);}
.rnd_intro .sec3 .btnBox a:hover {border-color: var(--color-navy);}
.rnd_intro .sec3 .btnBox a:hover .btn_fill {width: 40rem; height: 40rem;}
.rnd_intro .sec4 {padding: 11.63rem 0 9.375rem;}
.rnd_intro .sec4 .sec5 {padding: 0 !important;}
.rnd_intro .sec4 .subTitle {font-size: 1.625rem; font-weight: 600; line-height: 1.5; letter-spacing: -0.05rem;}
.rnd_intro .sec4 .organization .top .box {text-align: center; padding: 1.22rem 1rem; border-radius: 1.25rem; background: var(--color-blue); color: #fff; width: 25rem; position: relative;}
.rnd_intro .sec4 .organization .t_box .box {background: var(--color-navy);}
.rnd_intro .sec4 .organization .t_box .box strong {display: block;}
.rnd_intro .sec4 .organization .top .box,
.rnd_intro .sec4 .organization .t_box .box strong {font-size: 1.375rem; font-weight: 500; line-height: 1.4; letter-spacing: -0.05rem;}
.rnd_intro .sec4 .organization .t_box .box p {font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; opacity: 0.7;}
.rnd_intro .sec4 .organization .b_box {gap: 3.75rem;}
.rnd_intro .sec4 .organization .t_box .box::after {content: ""; height: 5.6875rem; width: 1px; background: #BEBEBE; position: absolute; left: 50%; transform: translateX(-50%); top: 100%;}
.rnd_intro .sec4 .organization .b_box .box:first-child::after {content: ""; width: 3.75rem; height: 1px; background: #BEBEBE; position: absolute; top: 50%; transform: translateY(-50%); left: 100%;}
.rnd_intro .sec4 .organization .bot .flex {gap: 1.25rem; height: 6.25rem;}
.rnd_intro .sec4 .organization .bot .flex + .flex {margin-top: 1.25rem;}
.rnd_intro .sec4 .organization .bot .tit {display: flex; align-items: center; justify-content: center; height: 100%; width: 12.5rem; border-radius: 1.25rem; background: #F2F9FC; font-size: 1.375rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.05rem;}
.rnd_intro .sec4 .organization .bot .cont {width: calc(100% - 12.5rem - 1.25rem); padding: 0 2.5rem; display: flex; align-items: center; border-radius: 1.25rem; border: 1px solid #BEBEBE; font-size: 1.375rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.05rem; height: 100%;}
.rnd_intro .sec4 .organization .bot .cont p {color: #6D6D6D; font-size: 1.125rem; font-weight: 400; letter-spacing: -0.05rem;}
.rnd_intro .sec5 > .cont {display: block;}
.rnd_intro .sec5 ul.cont {display: grid; grid-template-columns: repeat(2,1fr); gap: 3.75rem 1.25rem;}
.rnd_intro .sec5 ul.cont .img {position: relative; aspect-ratio: 2.28/1; overflow: hidden; border-radius: 1.25rem;}
.rnd_intro .sec5 ul.cont .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.rnd_intro .sec5 ul.cont .img .tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff; font-size: 1.875rem; font-weight: 700; letter-spacing: -0.05rem;}
.rnd_intro .sec5 ul.cont .img .tit p {font-size: 1.375rem; font-weight: 500;}
.rnd_intro .sec5 ul.cont .txt {margin-top: 1.25rem;}
.rnd_intro .sec5 ul.cont .txt p {font-size: 1.375rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem; font-family: var(--font-pre); word-break: keep-all;}
.rnd_intro .sec5 ul.cont .txt p strong {font-weight: 600;}
.rnd_intro .sec5 ul.cont .txt li {color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.05rem;}
.rnd_intro .sec5 ul.cont .txt li::before {background: #6D6D6D;}
.rnd_intro .sec5 ul.cont .txt ul.flex {display: grid; grid-template-columns: repeat(2,1fr);}

/********** disc **********/
ul.disc li {position: relative; padding-left: .8rem;}
ul.disc li::before {content: ''; display: block; width: .25rem; height: .25rem; border-radius:50%; background: #000; position: absolute; left: 0; top: .79rem;}

/********** technology **********/
/* common */
.technology .tab_style01::after {width: 100%;}
.technology .tab_style01 li {width: auto;}
.technology .tab_style01 li span {padding: 0 3.75rem;}
.technology .tabCont {margin-top: 4.81rem;}
.technology .tab_style02 {gap: 0.625rem; flex-wrap: wrap;}
.technology .tab_style02 span {display: flex; align-items: center; justify-content: center; height: 3.4375rem; padding: 0 1.88rem; background: #F1F4F8; color: #003A70; font-family: var(--font-outfit); font-size: 1.25rem; font-weight: 500; line-height: 1.55; cursor: pointer;}
.technology .tab_style02 li.on span {color: #fff; background: var(--color-navy);}
.technology .tebCont02 > .cont2:not(.on) {display: none;}
.technology .section {align-items: flex-start;}
.technology .section + .section {margin-top: 6.25rem;}
.technology .section + .section > div {padding-top: 6.25rem;}
.technology .section + .section .secCont {border-top: 1px solid #E7E7E7;}
.technology .subTitle {width: 25rem; font-family: var(--font-outfit); font-size: 2.125rem; font-weight: 600; line-height: 1.23;}
.technology .secCont {width: calc(100% - 25rem);}
/* blueBox */
.technology .blueBox {border-radius: 1.25rem; background: #F1F4F8; padding: 2.5rem 2.81rem; box-sizing: border-box;}
.technology .boxTit {font-size: 1.625rem; font-weight: 500; line-height: 1.25; letter-spacing: -0.05rem; word-break: keep-all;}
.technology .boxTit strong {font-weight: 500 /* font-size: 1.75rem; font-weight: 600; letter-spacing: -0.025rem */;}
.technology .boxTit p {color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.025rem; margin-top: .31rem; word-break: keep-all;}
.technology .wt_box {border-radius: 0.9375rem; background: #FFF; padding: 3.12rem 2.81rem; overflow: hidden;}
/* grid */
.technology .wt_box.grid .item {padding: 0 3.44rem; position: relative;}
.technology .wt_box.grid .item + .item::before {content: ""; width: 1px; height: 13.375rem; opacity: 0.15; background: #000; position: absolute; left: 0; top: 4.38rem;}
.technology .wt_box.grid .circleTitle p {background: var(--color-blue); color: #fff; border-color: var(--color-blue); width: 10.625rem; padding: 0; height: 2.06rem;}
.technology .wt_box.grid img {width: 100%;}
/* circleTitle */
.technology .circleTitle {text-align: center;}
.technology .circleTitle p {display: inline-flex; align-items: center; justify-content: center; border-radius: 31.25rem; border: 1px solid #000; padding: .63rem 1.88rem; /* height: 2.8rem; */ font-family: var(--font-outfit); font-size: 1.375rem; font-weight: 500; line-height: 1.15; letter-spacing: -0.025rem; word-break: keep-all;}
/* infoBox */
.technology .infoBox {/* aspect-ratio: 2.4 / 1; */ border-radius: 1.25rem; border: 1px solid #BEBEBE; align-items: normal; overflow: hidden;}
.technology .infoBox > div {width: 50%;}
.technology .infoBox .img {display: flex; align-items: center; justify-content: center; background: #F6F6F6; text-align: center; padding: 2.5rem 0;}
.technology .infoBox .img img {width: 24.4565rem; mix-blend-mode: darken;}
.technology .infoBox .img .circleTitle {margin-top: 2.25rem;}
.technology .infoBox .txt {display: flex; align-items: center; padding: 3.34rem 2.37rem 3.34rem 3.75rem;}
.technology .infoBox .txt h3 {font-size: 1.625rem; font-weight: 500; line-height: 1.25;}
.technology .infoBox .txt h4 {font-size: 1.375rem; line-height: 1.5; letter-spacing: -0.025rem; font-weight: 500;}
.technology .infoBox .txt .txtBox {margin: 0.9375rem auto; display: flex; align-items: center; justify-content: center; width: auto; padding: .41rem 1.87rem; border-radius: 0.625rem; background: #F2F9FC; font-size: 1.125rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.025rem; /* height: 2.5rem; */}
.technology .infoBox .txt p,
.technology .infoBox .txt li {color: #6D6D6D; font-size: 1.125rem; font-weight: 400; line-height: 1.5; padding-left: .94rem;}
.technology .infoBox .txt .txtBox strong {color: #000;}
.technology .infoBox .txt li + li {margin-top: 0.3125rem;}
.technology .infoBox .txt li::before {background: #6D6D6D; width: 0.3125rem; height: 0.3125rem;}
.technology .infoBox .txt p {padding-left: 0 !important;}
/* cardBox */
.technology .cardBox {display: flex; gap: 1.88rem; align-items: normal;}
.technology .cardBox .item {width: calc(50% - 1rem); height: auto; border-radius: 1.25rem; background: #FFF; overflow: hidden;}
.technology .cardBox .item > div {display: flex; align-items: center; justify-content: center;}
.technology .cardBox .tit {height: 3.75rem; color: #fff; font-size: 1.75rem; font-weight: 600; letter-spacing: -0.05rem;}
.technology .cardBox .item:first-child .tit {background: var(--color-navy);}
.technology .cardBox .item:last-child .tit {background: var(--color-blue);}
.technology .cardBox .cont {/* height: 44.31rem; */ padding: 1.25rem 0;}
.technology .cardBox .cont img {width: 100%;}
.technology .cardBox .hasTxt {flex-direction: column; align-items: flex-start;}
.technology .cardTxt {text-align: center; padding: 0 .5rem;}
.technology .cardTxt strong {display: block; color: var(--color-blue); font-size: 1.5rem; font-weight: 700; line-height: 1.5;}
.technology .cardTxt p {color: #6D6D6D; font-size: 1.25rem; font-weight: 400; line-height: 1.3; letter-spacing: -0.025rem; word-break: keep-all;}
/* Products -> Semiconductor Lineup */
.technology .pd_sec1 .wt_box .item {gap: .7rem;}
.technology .pd_sec1 .wt_box .item + .item {margin-top: 1.875rem;}
.technology .pd_sec1 .wt_box .item .info {display: flex; align-items: center; justify-content: center; border-radius: 0.625rem; font-family: var(--font-outfit); font-size: 1.375rem; font-weight: 500; line-height: 1.15; height: 3.75rem; text-align: center; padding: 0 .2rem; word-break: keep-all;}
.technology .pd_sec1 .wt_box .item .info p {font-size: 1rem;}
.technology .pd_sec1 .wt_box .item .info1 {width: 11.875rem; background: #EDF7FD;}
.technology .pd_sec1 .wt_box .item .info2 {width: 19.375rem; background: #DBEDFB;}
.technology .pd_sec1 .wt_box .item .info3 {width: 24.6rem; background: #A3D9F9;}
.technology .pd_sec1 .wt_box .item .arrow img {width: 1.625rem;}
.technology .pd_sec1 .blueBox2 .flex-jc {gap: 3.125rem;}
.technology .pd_sec1 .blueBox2 .flex-jc > div {width: 50%; max-width: 25rem; text-align: center;}
.technology .pd_sec1 .blueBox2 .flex-jc img {width: auto; height: 15.625rem;}
.technology .pd_sec1 .blueBox2 .b_img img {width: 100%;}
/* Products -> Multi-Chamber Sputtering System */
.technology .pd_sec2 .swipe img {width: 100%;}
.technology .pd_sec2 .circleTitle {margin-top: 3rem;}
.technology .pd_sec2 .circleTitle .flex {gap: 0.9375rem;}
/* Products -> Native Oxide Removal System01 */
.technology .pd_sec3 .wt_box .flex-jc {gap: 1.875rem;}
.technology .pd_sec3 .wt_box .flex-jc img {max-width: 24.4565rem; width: calc(50% - .9rem);}
/* Products -> Barrier Metal / Seed Cu */ 
.technology .pd_sec4 .blueBox2 img {width: 31.25rem;}
/* Products -> Barrier Metal / Seed Cu */ 
.technology .pd_sec5 .blueBox1 .flex {gap: 1.25rem; align-items: normal;}
.technology .pd_sec5 .blueBox1 .wt_box:first-child {padding: 2.63rem 1.15rem; width: calc(100% - 21.25rem - 1.25rem);}
.technology .pd_sec5 .blueBox1 .wt_box:first-child p {font-size: 0.875rem; font-weight: 400; line-height: 1.5; margin-bottom: .69rem; align-items: center; gap: 0.3125rem;}
.technology .pd_sec5 .blueBox1 .wt_box:first-child p span {width: 0.3125rem; aspect-ratio: 1/1; border-radius: 100%; background: #000; display: block;}
.technology .pd_sec5 .blueBox1 .wt_box:last-child {width: 21.25rem; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.technology .pd_sec5 .blueBox1 .wt_box:last-child img {width: 14.1245rem;}
.technology .pd_sec5 .blueBox1 .wt_box:last-child p {font-size: 1rem; font-weight: 400; line-height: 1.5; margin-top: 1.1rem;}
/* WFE BEOL/FEOL Metallization -> Metal Hard Mask */ 
.technology .wfe_sec1 .cardBox .cont {justify-content: flex-start;}
.technology .wfe_sec1 .blueBox2 {align-items: flex-start; gap: 4.88rem; justify-content: space-between;}
.technology .wfe_sec1 .blueBox2 .boxTit {margin-top: 3.13rem;}
.technology .wfe_sec1 .blueBox2 .boxTit ul {margin-top: 2.0625rem;}
.technology .wfe_sec1 .blueBox2 .boxTit ul li {display: flex; align-items: center; gap: 0.625rem; color: #6D6D6D; font-size: 1.5rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.025rem;}
.technology .wfe_sec1 .blueBox2 .boxTit ul li span {display: block; width: 0.3125rem; aspect-ratio: 1/1; border-radius: 100%; background: #000;}
.technology .wfe_sec1 .blueBox2 .wt_box {width: calc(100% - 4.88rem - 12rem);}
.technology .wfe_sec1 .blueBox2 .wt_box img {width: 100%;}
/* WFE BEOL/FEOL Metallization -> AL */ 
/* .technology .wfe_sec2 .cardBox .cont {height: 42.5rem;} */
.technology .wfe_sec2 .cardBox .item:first-child .cont {height: 100%;}
/* WFE BEOL/FEOL Metallization -> Barrier Metal/Seed Cu */ 
.technology .wfe_sec3 .infoBox .txt h4 {margin-bottom: .31rem;}
/* .technology .wfe_sec3 .cardBox .cont {height: 37.69rem;} */
.technology .wfe_sec3 .cardBox02 .item:first-child {width: 37.8125rem;}
.technology .wfe_sec3 .cardBox02 .item:last-child {width: calc(100% - 37.8125rem - 1.75rem); text-align: center;}
.technology .wfe_sec3 .cardBox02 .cont {height: 23.8125rem;}
.technology .wfe_sec3 .cardBox02 .cont .boxTit {font-size: 1.5rem; font-weight: 600; letter-spacing: 0; line-height: 1.5; margin-bottom: .75rem;}
.technology .wfe_sec3 .cardBox02 .cont .flex {gap: .88rem;}
.technology .wfe_sec3 .cardBox02 .cont .flex img {width: 15.9375rem;}
.technology .wfe_sec3 .cardBox02 .cont .flex .box {width: 10.625rem;}
.technology .wfe_sec3 .cardBox02 .cont .box span {display: flex; align-items: center; justify-content: center; height: 2.5rem; border-radius: 0.3125rem; border: 1px solid var(--color-blue); background: #E8F8FF; color: var(--color-blue); font-size: 1.125rem; font-weight: 500; letter-spacing: -0.025rem;}
.technology .wfe_sec3 .cardBox02 .cont .box span:nth-child(2) {background: #1462AA; border-color: #1462AA; color: #fff;}
.technology .wfe_sec3 .cardBox02 .cont .box span:nth-child(3) {background: var(--color-navy); border-color: var(--color-navy); color: #fff;}
.technology .wfe_sec3 .cardBox02 .cont .box span + span {margin-top: 3.12rem;}
.technology .wfe_sec3 .cardBox02 .item:last-child img {width: 9.0625rem;}
.technology .wfe_sec3 .cardBox02 .item:last-child .box span {width: 12.5rem; margin-top: 1.5rem;}
/* WFE BEOL/FEOL Metallization -> New Metal */ 
.technology .wfe_sec4 .cardBox_swiper .cardBox {margin-top: 1.31rem;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item:first-child {width: 40rem;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item:last-child {width: calc(100% - 40rem - 1.37rem);}
/* .technology .wfe_sec4 .cardBox_swiper .cardBox .item .cont {height: 28.125rem;} */
.technology .wfe_sec4 .cardBox_swiper .cardBox .item:first-child .cont {padding: 3rem 2.81rem 2.35rem;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item:first-child .cont .cardTxt {margin-top: 3.02rem;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item:last-child .cont {padding: 1.25rem 2.45rem;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid {width: 100%;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid .img02 {margin-top: 1.31rem;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid .img > div:not(.arrow) img {width: 9.375rem; margin: .38rem auto;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid .img02 > div:not(.arrow) img {margin: 0 auto;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid p {font-size: 0.875rem; font-weight: 500; line-height: 1.5; word-break: keep-all;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid .arrow img {width: 1.625rem;}
.technology .wfe_sec4 .cardBox_swiper .cardBox .item02 .cardTxt p {color: #000; font-size: 0.875rem; font-weight: 500; line-height: 1.5; margin-top: .62rem;}
/* WFE BEOL/FEOL Metallization -> Cu-RDL for WLP */ 
.technology .wfe_sec5 .infoBox .txt .txtBox {justify-content: flex-start; padding: .41rem .94rem; font-size: 1rem; margin-bottom: 0;}
.technology .wfe_sec5 .infoBox .txt .txtBox + .txtBox {margin: .62rem 0 0;}
.technology .wfe_sec5 .tableCont {margin-top: 0.9375rem;}
.technology .wfe_sec5 .tableCont table {width: 100%; border-spacing: 0; border-top: 1px solid #000;}
.technology .wfe_sec5 .tableCont table th,
.technology .wfe_sec5 .tableCont table td {font-size: 1.125rem; border-bottom: 1px solid #E3E3E3; vertical-align: middle; text-align: left; line-height: 1.56;}
.technology .wfe_sec5 .tableCont table th {padding: 1rem 1.25rem; color: #333; font-weight: 600; background: #F6F6F6;}
.technology .wfe_sec5 .tableCont table td {padding: 1rem 1.875rem;}
.technology .wfe_sec5 .tableCont table td li {color: #6D6D6D;}
.technology .wfe_sec5 .tableCont table td li::before {background: #6D6D6D;}
.technology .wfe_sec5 .blueBox .flex-jc {margin-top: 1.13rem;}
/* Dry Clean */ 
/* .technology .dry_sec .item {height: 27.1875rem;} */
.technology .dry_sec .item01 {width: calc(100% - 33% - 1.88rem); padding: 1.87rem;}
.technology .dry_sec .item01 .flex {gap: 2rem; justify-content: flex-start; width: 100%;}
.technology .dry_sec .item01 .flex + .flex {margin-top: 0.9375rem;}
.technology .dry_sec .item01 .flex .img img {width: 7.1875rem;}
.technology .dry_sec .item01 .flex p {width: calc(100% - 7.1875rem - 2rem); font-size: 1.25rem; font-weight: 300; line-height: 1.43; letter-spacing: -0.025rem; word-break: keep-all;}
.technology .dry_sec .item02 {width: 33%;}
.technology .dry_sec .item02 .img {height: 100%;}
.technology .dry_sec .item02 img {width: 100%;}
.technology .dry_sec .blueBox2 .boxTit {gap: 1.25rem; font-weight: 600;}
.technology .dry_sec .blueBox2 .boxTit .line {display: block; width: 1px; height: 1.0625rem; background: #6D6D6D;}
.technology .dry_sec .blueBox2 .boxTit span {color: #6D6D6D; font-weight: 400;}
.technology .dry_sec .blueBox2 .wt_box {padding: 0; align-items: normal; overflow: hidden;}
.technology .dry_sec .blueBox2 .wt_box > div:first-child {width: 9.9rem;}
.technology .dry_sec .blueBox2 .tit {background: var(--color-navy); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.1875rem; font-weight: 500; height: 3.75rem;}
.technology .dry_sec .blueBox2 .cont {border-left: 1px solid rgba(0, 0, 0, 0.15); display: flex; align-items: center; justify-content: center; font-size: 1.25rem; font-weight: 500; color: var(--color-navy); padding: .94rem; height: calc(100% - 3.75rem);}
.technology .dry_sec .blueBox2 .wt_box > div:nth-child(1) .cont,
.technology .dry_sec .blueBox2 .wt_box > div:nth-child(2) .cont {border-left: 0;}
.technology .dry_sec .blueBox2 .cont img {width: 100%;}
/* Simulation / Analysis */ 
.technology .sim_sec .infoBox .img img {width: 28.375rem; max-width: 90%;}
.technology .sim_sec .blueBox1 .item {text-align: center;}
.technology .sim_sec .blueBox1 .circleTitle p {width: 13.125rem; padding: 0;}
.technology .sim_sec .blueBox1 img {width: auto; height: 16.25rem; max-width: none;}
.technology .sim_sec .blueBox2 .flex {display: grid; grid-template-columns: repeat(4,1fr); gap: 1.875rem 1.5rem; text-align: center;}
.technology .sim_sec .blueBox2 .flex img {width: 100%;}
.technology .sim_sec .blueBox2 .flex p {font-size: 1.125rem; font-weight: 400; line-height: 1.5; margin-top: .94rem; word-break: keep-all;}

/********** Infrastructure **********/
.infrastructure .tab_style01 {border-bottom: 1px solid #BEBEBE;}
.infrastructure .tab_style01::after {display: none;}
.infrastructure .item {border-radius: 1.25rem; border: 1px solid #E7E7E7; background: #FFF; overflow: hidden; align-items: normal;}
.infrastructure .item + .item {margin-top: 1.875rem;}
.infrastructure .item > div {width: 50%; overflow: hidden;}
.infrastructure .item .img {background: #F6F6F6; aspect-ratio: 1.2/1; border-right: 1px solid #E7E7E7;}
.infrastructure .item .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.infrastructure .item .txt {padding: 2.37rem; padding-left: 3.75rem; display: flex; align-items: center;}
.infrastructure .item .txt ol {width: 100%;}
.infrastructure .item .txt ol > li {padding: 0.9375rem; border-radius: 0.625rem; background: #F1F4F8;}
.infrastructure .item .txt ol > li,
.infrastructure .item .txt .disc li {color: #6D6D6D; font-size: 1rem; font-weight: 400; line-height: 1.5; word-break: keep-all;}
.infrastructure .item .txt ol > li + li {margin-top: 0.625rem;}
.infrastructure .item .txt ol > li strong {color: #000; font-weight: 500; display: block;}
.infrastructure .item .txt ol > li.flex {gap: 0.625rem;}
.infrastructure .item .txt .disc {margin-top: 0.625rem;}
.infrastructure .item .txt .disc li::before {background: #6D6D6D; top: .55rem; width: .2rem; height: auto; aspect-ratio: 1/1;}
.infrastructure .item .txt .disc li {line-height: 1.3;}
.infrastructure .item .txt .disc li + li {margin-top: .31rem;}

/********** 인재상 **********/
.people .sec1 h2{font-size: 2rem; line-height: 1.5;}
.people .sec3 {padding: 9.38rem 0;}
.people .sec3 .mt_60 {position: relative;}
.people .sec3 .mt_60::before {content: "ULVAC Group  · ULVAC Group"; font-size: 12.5rem; font-weight: 600; opacity: .05; letter-spacing: -0.05rem; line-height: 1.15; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; white-space: nowrap; z-index: -1;}
.people .sec3 .swiper-wrapper {gap: 1.69rem;}
.people .sec3 .swiper-slide {position: relative; border-radius: 1.25rem; overflow: hidden; width: calc(100%/4 - 1.3rem);}
.people .sec3 .swiper-slide:nth-child(even) {margin-top: 4.37rem;}
.people .sec3 .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.people .sec3 .swiper-slide .txt {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; text-align: center; padding: 0 .5rem;}
.people .sec3 .swiper-slide .txt span {font-size: 1.125rem; font-family: var(--font-outfit); font-weight: 500;}
.people .sec3 .swiper-slide .txt p {margin-top: 0.625rem; font-size: 1.375rem; font-weight: 500; letter-spacing: -0.05rem; word-break: keep-all;}
.people .sec5 {padding: 8.125rem 0; background: #F6F6F6;}
.people .sec5 .in {width: 100%; max-width: 90rem; margin: 0 auto; text-align: center;}
.people .sec5 .tit {display: inline-flex; align-items: center; justify-content: center; margin: 0 auto; color: #fff; background: var(--color-blue); border-radius: 2.1875rem; padding: .81rem 2.88rem; font-size: 1.75rem; font-weight: 800; letter-spacing: -0.05rem; position: relative; z-index: 2;}
.people .sec5 .titCont {border-radius: 14.75rem; border: 1px dashed #007DC6; background: #FFF; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 1.13rem; padding: 3.13rem 3.75rem; margin-top: -2.06rem;}
.people .sec5 .circle {display: flex; align-items: center; justify-content: center; width: 17.5rem; aspect-ratio: 1/1; border-radius: 100%; background: #FFF; box-shadow: 0 4px 40px 0 rgba(0, 125, 198, 0.20);}
.people .sec5 .circle img {width: 3.45063rem;}
.people .sec5 .circle strong {display: block; font-size: 1.625rem; font-weight: 500; letter-spacing: -0.05rem; line-height: 1.4; margin-top: 1.31rem;}
.people .sec5 .plus img {width: 2rem;}
.people .sec5 .bot {margin-top: 4.44rem; padding: 0 4.12rem;}
.people .sec5 .bot .flex-jb {align-items: normal;}
.people .sec5 .bot .item {padding: 1.25rem 1.5rem; border-radius: 0.625rem; border: 1px solid #E3E3E3; background: #FFF; text-align: left; width: 16.68rem; position: relative;}
.people .sec5 .bot .item::before {content: ""; width: 1px; height: 7.5rem; background: #BEBEBE; position: absolute; left: 50%; transform: translateX(-50%); bottom: 100%;}
.people .sec5 .bot .item strong {font-size: 1.25rem; font-weight: 600; letter-spacing: -0.05rem;}
.people .sec5 .bot .item p {margin-top: 1.25rem; font-size: 1.125rem; font-weight: 400; color: #6D6D6D; letter-spacing: -0.05rem; line-height: 1.55; word-break: keep-all;}

/********** 인사제도 **********/
.system .sec3 .mt_60::before {display: none;}
.system .sec3 .banner {border-radius: 1.25rem; overflow: hidden; position: relative; height: 34.625rem;}
.system .sec3 .banner > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -1;}
.system .sec3 .banner .circle {margin: 0 -.8rem; width: 18.75rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 100%; border: 5px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(30px); color: #fff;}
.system .sec3 .banner .circle span {font-size: 1rem; font-weight: 600; line-height: 1.87; letter-spacing: -0.05rem; text-transform: uppercase; opacity: 0.2;}
.system .sec3 .banner .circle img {margin-top: 1.19rem; height: 3.625rem;}
.system .sec3 .banner .circle p {margin-top: 1.63rem; font-size: 2rem; font-weight: 600; letter-spacing: -0.05rem; line-height: .9;}
.system .sec3 .banner .cont > p {text-align: center; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.05rem; color: #fff;}
.system .sec4 {padding: 9.38rem 0 10rem; background: #F6F6F6;}
.system .sec4 .w_box {border-radius: 1.25rem; border: 1px solid #E3E3E3; background: #FFF; padding: 5rem 0;}
.system .sec4 .w_box img {width: 100%; max-width: 77.875rem; margin: 0 auto;}

/********** 복리후생 **********/
.welfare .sec {padding: 9.37rem 0;}
.welfare .sec ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 2.5rem 1.6875rem;}
.welfare .sec ul li {overflow: hidden; position: relative; aspect-ratio: 1/1; border-radius: 1.25rem; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; line-height: 1.15; letter-spacing: -0.05rem; padding: 2rem;}
.welfare .sec ul li img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.welfare .sec ul li span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .3s ease; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(10px); opacity: 0;}
.welfare .sec ul li strong {font-size: 1.5rem; font-weight: 600; position: relative; z-index: 1;}
.welfare .sec ul li p {font-size: 1.125rem; font-weight: 400; height: 0; overflow: hidden; transition: all .3s ease; position: relative; z-index: 1; word-break: keep-all;}
.welfare .sec ul li:hover p {height: 2.59rem;}
.welfare .sec ul li:hover span {opacity: 1;}
.welfare .sec:last-child {padding-bottom: 0 !important;}
.welfare .graybg {background: #F6F6F6;}

/********** 협력사 사이트 **********/
.partners {padding: 3rem 0 3.13rem;}
.partners > .flex {align-items: flex-start;}
.partners ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 2.5rem;}
.partners li {/* height: 24.9375rem; */ aspect-ratio: 1.45/1; border-radius: 1.25rem; border: 1px solid #E3E3E3; overflow: hidden; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; /* background: #F1F4F8; */ background: url(/img/sub/partners_bg.jpg) no-repeat center / cover;}
.partners li * {position: relative; z-index: 2; transition: all .3s ease;}
.partners li > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; z-index: 1;}
.partners li p {font-family: var(--font-outfit); font-size: 1.125rem; font-weight: 500; line-height: 1.15; letter-spacing: -0.05rem;}
.partners li strong {display: block; margin-top: .62rem; font-family: var(--font-outfit); font-size: 2.375rem; font-weight: 600; line-height: 1.15; letter-spacing: -0.05rem;}
.partners li a {margin: 3.75rem auto 0; padding: 0 1.88rem; height: 2.8125rem; gap: 1.25rem; border-color: var(--color-navy);}
.partners li a span {font-size: 1.0625rem; color: var(--color-navy);}
.partners li a span img {width: 1.11563rem;}
.partners li:hover > img {opacity: 1;}
.partners li:hover * {color: #fff;}
.partners li:hover a {border-color: #fff; background: #fff;}
.partners li:hover a span {color: #000;}
.partners li:hover a img {filter: invert(0) grayscale(1);}

/********** 온라인문의 **********/
.agree_form li,
.agree_form label {display: flex; align-items: center; gap: 0.625rem; font-size: 0.875rem; color: #141414; font-weight: 500; letter-spacing: -0.025rem; line-height: 1.5;}
.agree_form label {cursor: pointer;}
.agree_form .more {color: #777; font-size: 0.75rem; text-decoration: underline; text-underline-offset: .2rem; cursor: pointer;}
.agree_form input[type='checkBox'] {-webkit-appearance:none; width: 1.25rem; height: 1.25rem; background-repeat: no-repeat; background-position: center; background-size: 8px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.10); cursor: pointer;}
.agree_form input[type='checkBox']:checked {background-image: url('/theme/basic/img/bd_common/ddp_chk_ic.png');}
/******************** common popup ********************/
.mp_popupWrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;}
.mp_popupWrap.on {display:block;}
.mp_popupWrap .mp_popupBg {position:absolute; width:100%; height:100%; background: rgba(0, 0, 0, 0.50);}
.mp_popupInner {position:absolute; width: 37.5rem; top:50%; left:50%; transform:translate(-50%, -50%);}
.mp_popContent {background: #FFF; padding:1.88rem; margin-top: .94rem;}
.mp_popClose {cursor: pointer;}
.mp_popClose img {width: 1rem;}
.mp_popupTit {display:flex; align-items:center; justify-content:space-between; padding-bottom:1.5rem; border-bottom:1px solid #141414; margin-bottom:1.5rem;}
.mp_popupTit h4{font-size: 1.25rem; font-weight: 600; color: #141414;}
.mp_popCont{max-height: 14.3rem; overflow-y:auto; padding-right:1.5rem;}
.mp_popCont::-webkit-scrollbar {width: .2rem;}
.mp_popCont::-webkit-scrollbar-thumb {height: 30%; background: #000; border-radius: .6rem;}
.mp_popCont::-webkit-scrollbar-track {background: #DDDDDD; border-radius: .6rem;}
.mp_popupWrap .agreeBtn_cont {text-align: center;}
.mp_popupWrap .agree_btn {margin: 1.5rem auto 0; cursor: pointer; width: 7.8rem; height: 3.12rem;}
.mp_popupWrap .headline {margin: 2.18rem 0 0.5rem;}
.mp_popupWrap .headline:first-child {margin-top: 0;}
.mp_popupWrap .headline,
.mp_popupWrap .headline h5 {border: 0; padding: 0; color: #141414; font-weight: 400; font-size: 0.875rem; line-height:1.5; letter-spacing: -0.025rem;}
.mp_popupWrap .contents-box-inner {font-size: 0.75rem; font-weight: 300; color: #6D6D6D; line-height:1.5; letter-spacing: -0.02813rem;}
/* .mp_popupWrap .pop_wrap {display: block !important;} */

/********** 통합검색 페이지 **********/
.srh_result .sub_title h3 {font-size: 2.75rem; font-weight: 600; letter-spacing: -0.125rem;}
.srh_result .tp_wrap{padding: 2.5rem 0; background: rgba(110, 176, 255, 0.10); margin-top: 3.75rem;}
.srh_result .tp_wrap .search{position: relative; width: 43.75rem; margin: 0 auto;}
.srh_result .tp_wrap .search input{width: 100%; height: 3.5rem; border: 1px solid #d9d9d9; font-size: 1rem; letter-spacing: -0.03125rem; font-weight: 500; outline: none; padding: 0 3.125rem 0 1.25rem; transition: all .3s;}
.srh_result .tp_wrap .search input::placeholder {color: #AAA;}
.srh_result .tp_wrap .search input:focus{border-color: var(--color-navy);}
.srh_result .tp_wrap .search_btn {position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); cursor: pointer; border: none; background: none;}
.srh_result .tp_wrap .search_btn img {width: 1.375rem; filter: var(--filter-black);}
.srh_result .srh_cont{margin-top: 3.75rem;}
.srh_result .srh_no_data .total{font-size: 1.125rem; margin-bottom: 1.875rem;}
.srh_result .srh_no_data .total b{font-weight: 800;}
.srh_result .srh_no_data .no_data{border-top: 2px solid #000;}
.no_data{padding: 10rem 0 !important; width: 100% !important; border-top: 1px solid #000; border-bottom: 1px solid #E5E5E5; text-align: center; display: block !important;}
.no_data .icon{display: inline-block; width: 2.375rem;}
.no_data p{margin-top: 1.75rem; font-size: 1.125rem; letter-spacing: -0.0375rem;}
.no_data.dpp_tbl_td{border: none;}
.dpp_bd_wrap.basic .no_data.dpp_tbl_td{border-bottom: 1px solid #e5e5e5;}
.dpp_bd_wrap.basic .dpp_tbl_th.on{display: none;}
.srh_result .srh_data .tabmenu_wrap{margin-bottom: 5rem;}
.srh_result .srh_data .tabmenu{display: flex; justify-content: center;}
.srh_result .srh_data .tabmenu a{display: flex; align-items: center; justify-content: center; text-align: center; width: calc(100% / 9); padding: 1rem 0; font-size: 1rem; letter-spacing: -0.03125rem; font-weight: 500; color: #8E8E8E;  border: 1px solid rgba(172, 172, 172, 0.30);}
.srh_result .srh_data .tabmenu a + a{border-left: none;}
.srh_result .srh_data .tabmenu a.active{background: var(--color-navy); color: #fff; border-color: var(--color-navy);}
.srh_result .srh_data .tabcont > div + div {margin-top: 5rem;}
.srh_result .srh_data .galleryList_wrap {border: 0;}
.srh_result .srh_data .dpp_bd_wrap {border-bottom: 0;}
.srh_result .srh_data .item + .item{margin-top: 5rem;}
.srh_result .srh_data .item .tit_box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.875rem;}
.srh_result .srh_data .item .tit_box .tit{display: flex; align-items: center; gap: 1rem;}
.srh_result .srh_data .item .tit_box .tit strong{font-size: 2.25rem; letter-spacing: -0.025rem;}
.srh_result .srh_data .item .tit_box .tit span{font-size: 1.5rem; letter-spacing: -0.025rem; font-weight: 500; color: #8E8E8E;}
.srh_result .srh_data .item .tit_box .tit .line{width: 1px; height: 1.25rem; background: #8E8E8E; display: block;}
.srh_result .srh_data .item .tit_box .view_more{display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; background: #fff;  padding: 0.35rem 1rem; border-radius: 2.3125rem; line-height: 1.62; border: 1px solid #000; height: auto;}
.srh_result .srh_data .item .tit_box .view_more span {font-size: 1rem; font-weight: 500; letter-spacing: -0.03125rem;}
.srh_result .srh_data .item .tit_box .view_more img{width: 1rem;}
.srh_result .srh_data .item .tit_box .view_more .btn_fill {background: var(--color-navy) !important;}
.srh_result .srh_data .item .tit_box .view_more:hover {border-color: var(--color-navy);}



@media screen and (max-width:1640px) {
    /********** 사업장 안내 **********/
    /* workplace */
    .location .workplace .right {width: 75.25rem;}

    /********** Energy Solution **********/
    /* detail */
    .energy_detail .thumb_img {width: 48.75rem;}
    .energy_detail .mySwiper {width: 8.45rem;}
    .energy_detail .mySwiper2 {width: calc(100% - 8.45rem - 1rem);}
    .energy_detail .thumb_info {width: 33rem;}

    /********** technology **********/
    /* WFE BEOL/FEOL Metallization -> New Metal */ 
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:first-child {width: 57%;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:last-child {width: 40%;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:last-child .img {gap: .8rem;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid p {min-height: 2.6rem; display: flex; align-items: center; justify-content: center; line-height: 1.2;}

    /* cip */
    .cip .sec03 ul {gap: 1rem;}
    .cip .sec03 ul li {width: calc(100%/4 - .8rem);}
    .cip .sec03 ul a {padding: 1.5rem 1rem; font-size: 1.3rem;}

    .safety .policy .info p br:not(.none) {display: none;}

}

@media screen and (max-width:1500px) {
    /********** 사업장 안내 **********/
    /* workplace */
    .location .workplace .right {width: 67.25rem;}

    /********** technology **********/
    .technology .dry_sec .item01 .flex p br {display: none;}
}

@media screen and (max-width:1440px) {
    /********** 사업장 안내 **********/
    /* workplace */
    .location .workplace .right {width: 75.25rem;}

    /********** Energy Solution **********/
    /* detail */
    .energy_detail .thumb_img {width: 54.75rem;}
    .energy_detail .mySwiper {width: 10rem;}
    .energy_detail .mySwiper2 {width: calc(100% - 10rem - 1rem);}
    .energy_detail .thumb_info {width: 37rem;}
    
    /********** dp_gallery_list **********/
    .dp_gallery_list {gap: 3.75rem 2rem;}
    .dp_gallery_list li {width: calc(100%/3 - 1.4rem);}

    /********** technology **********/
    /* blueBox */
    .technology .blueBox {padding: 2.32rem 2.01rem;}
    .technology .wt_box {padding: 2.32rem 2.01rem;}
    /* Products -> Barrier Metal / Seed Cu */ 
    .technology .pd_sec5 .blueBox1 .wt_box:first-child {width: calc(100% - 18.25rem - 1.25rem);}
    .technology .pd_sec5 .blueBox1 .wt_box:last-child {width: 18.25rem;}
    /* WFE BEOL/FEOL Metallization -> Barrier Metal/Seed Cu */ 
    /* .technology .wfe_sec4 .cardBox_swiper .cardBox .item:first-child, */
    .technology .wfe_sec3 .cardBox02 .item:first-child {width: 35.8125rem;}
    /* .technology .wfe_sec4 .cardBox_swiper .cardBox .item:last-child, */
    .technology .wfe_sec3 .cardBox02 .item:last-child {width: calc(100% - 35.8125rem - 1.75rem);}
    .technology .wt_box.grid .item {padding: 0 2.44rem;}
    .technology .wt_box.grid .item + .item::before {height: 64%; top: 60%; transform: translateY(-50%);}
    .technology .infoBox .txt {padding: 3.34rem 2.37rem 3.34rem 3rem;}
    .technology .subTitle {width: 20rem;}
    .technology .secCont {width: calc(100% - 20rem);}

    /* Component Maintenance */
    .customer_Service .sec3 .box ul li,
	.customer_Service .sec3 .box ul li a {font-size: 1.1rem;}
}

@media screen and (max-width:1420px) {
    /* 댓글 */
    .view_comment  {margin-top: 3.66vw;}
    .view_comment .comm_total  {font-size: 1.22vw; letter-spacing: -0.06vw;}
    .view_comment .comm_list  {margin-top: 1.22vw;}
    .view_comment .c_item  {padding: 2.13vw 0;}
    .view_comment .c_item .info  {gap: 0 1.22vw;}
    .view_comment .c_item .info strong  {font-size: 1.10vw; letter-spacing: -0.05vw;}
    .view_comment .c_item .info span  {font-size: 0.85vw; letter-spacing: -0.01vw;}
    .view_comment .c_item .btn  {gap: 0.49vw;}
    .view_comment .c_item .btn a  {width: 3.66vw; height: 1.83vw; border-radius: 1.83vw; font-size: 0.85vw;}
    .view_comment .c_item .content  {margin-top: 0.91vw; font-size: 1.10vw; letter-spacing: -0.03vw;}
    .view_comment .c_item .reply  {margin-top: 0.91vw; font-size: 1.10vw; letter-spacing: -0.03vw;}
    .view_comment .c_reply  {padding: 2.44vw 0 2.44vw 3.78vw;}
    .view_comment .c_reply::before  {width: 1.43vw; height: 1.68vw; top: 1.65vw; left: 1.22vw;}
    .view_comment .reply_form  {margin-top: 1.07vw;}
    .view_comment .reply_form  {gap: 0.91vw;}
    .view_comment .reply_form .input  {width: calc(100% - 7.01vw);}
    .view_comment .reply_form .input textarea  {height: 6.10vw; padding: 1.22vw 1.83vw; font-size: 0.98vw;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button  {width: 6.10vw; height: 6.10vw; font-size: 1.10vw;}
    .view_comment .comm_form  {margin-top: 2.13vw;}
    .view_comment .board_btnCont .center  {margin-top: 2.13vw;}

	/* 문의 완료 */
	.board_success {padding: 7.04vw 0;}
	.board_success .img {width: 3.38vw;}
	.board_success .txt {margin: 2.11vw 0 2.82vw;}
	.board_success .txt dt {font-size: 2.11vw;}
	.board_success .txt dd {margin-top: 0.70vw; font-size: 1.27vw;}
	.board_success .home_btn a {font-size: 1.27vw; width: 10.56vw; height: 4.23vw;}

	/* 팝업 */
	.popup .popInner {padding:2.11vw; width:42.25vw;}
	.popup .popInner .head {font-size:1.76vw; padding-bottom: 1.41vw;}
	.popup .popInner .head .close {width:1.27vw;}
	.popup .popInner .body {margin-top: 2.11vw;}
	.popup .popInner .body .textWrap .tit {font-size:1.41vw; margin-bottom: 0.70vw;}
	.popup .popInner .body .textWrap .desc {font-size:1.27vw;}
	.popup .popInner .body .formWrap {margin-top: 1.90vw;}
	.popup .popInner .body .formItem {height:4.23vw; font-size: 1.13vw; padding:0 1.41vw;}
	.popup .popInner .body .formWrap .desc  {margin-top: 1.06vw; font-size: 0.99vw;}
	.popup .popInner .body .popup-scrolling {max-height:24.65vw;}
	.popup .popInner .body .popup-scrolling p {font-size:1.27vw; padding-right: 1.76vw;}
	.popup .popInner .body .popup-scrolling p + p {margin-top: 1.76vw;}
	.popup .popInner .foot .btnWrap {margin-top: 2.11vw;}
	.popup .popInner .foot .btnWrap .flex {gap:0.70vw;}
	.btnWrap a {height:4.23vw; line-height:4.23vw; font-size:1.27vw; width:10.56vw;}

}

@media screen and (max-width:1540px) {
    /********** CEO 인사말 **********/
    .ceo .sec1 .person {right: 0;}

    /********** technology **********/
    /* WFE BEOL/FEOL Metallization -> Barrier Metal/Seed Cu */ 
    .technology .wfe_sec3 .cardBox02 .item:first-child {width: 32.8125rem;}
    .technology .wfe_sec3 .cardBox02 .item:last-child {width: calc(100% - 32.8125rem - 1.75rem);}
}

@media screen and (max-width:1440px) {
    /********** technology **********/
    /* WFE BEOL/FEOL Metallization -> Barrier Metal/Seed Cu */ 
    .technology .wfe_sec3 .cardBox02 .item:first-child {width: 62%;}
    .technology .wfe_sec3 .cardBox02 .item:last-child {width: 35%;}
}

@media screen and (max-width:1280px) {
    /********** ULVAC 소개 **********/
    .intro .sec2 {padding: 7.25rem 0 9.37rem;}
    .intro .sec2 .cont {margin-top: 5.12rem;}
    .intro .sec2 .item {width: 46rem; height: 36rem; padding: 3.5rem;}
    .intro .sec2 .item .txt h2,
    .intro .sec2 .item .txt h3{font-size: 1.75rem;}
    .intro .sec3 .item .txt p br:not(.none) {display: none;}
	.hide_1280{display: none;}
    
    /********** 회사연혁 **********/
    .history .sec3 .yearCont {width: 85%;}

    /********** 사업장 안내 **********/
    /* workplace */
    .location .workplace .right {width: 70.25rem;}

    /********** Energy Solution **********/
    /* detail */
    .energy_detail .thumb_img {width: 48.75rem;}
    .energy_detail .mySwiper {width: 8.45rem;}
    .energy_detail .mySwiper2 {width: calc(100% - 8.45rem - 1rem);}
    .energy_detail .thumb_info {width: 33rem;}

    /******** Component Maintenance ********/
    .customer_Service .sec3 .item {gap: 3.25rem;}
    .customer_Service .sec3 .img {width: 45rem;}
    .customer_Service .sec3 .txt {width: calc(100% - 3.25rem - 45rem);}

    /********** technology **********/
    /* infoBox */
    .technology .infoBox > .img {width: 55%;}
    .technology .infoBox > .txt {width: 45%;}
    /* Products -> Barrier Metal / Seed Cu */ 
    .technology .pd_sec5 .blueBox1 .wt_box:first-child {width: 65%;}
    .technology .pd_sec5 .blueBox1 .wt_box:last-child {width: 35%;}
    /* WFE BEOL/FEOL Metallization -> Metal Hard Mask */ 
    .technology .wfe_sec1 .blueBox2 {gap: 2.88rem;}
    .technology .wfe_sec1 .blueBox2 .wt_box {width: calc(100% - 2.88rem - 12rem);}
    /* WFE BEOL/FEOL Metallization -> Barrier Metal/Seed Cu */ 
    .technology .dry_sec .item01,
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:first-child,
    .technology .wfe_sec3 .cardBox02 .item:first-child {width: 63%;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:last-child,
    .technology .dry_sec .item02,
    .technology .wfe_sec3 .cardBox02 .item:last-child {width: 35%;}
    .technology .dry_sec .blueBox2 .wt_box > div:first-child {width: 15rem;}
    .technology .wt_box.grid .item {padding: 0 1.44rem;}
    .technology .sim_sec .blueBox1 img {height: 13.25rem;}

    /********** Infrastructure **********/
    .infrastructure .item .txt {padding-left: 2.37rem;}
}

@media screen and (max-width:1150px) {
    .quality .policy .sec01 .cont > p br:not(.none) {display: none;}
    /********** technology **********/
    /* WFE BEOL/FEOL Metallization -> Barrier Metal/Seed Cu */ 
    .technology .wfe_sec3 .cardBox02 .item:first-child {width: 63%;}
    .technology .wfe_sec3 .cardBox02 .item:last-child {width: 34%;}

    /********** 인재상 **********/
    .people .sec3 .swiper-slide .txt p br {display: none;}
    .people .sec5 .in {padding: 0 3rem;}
    .people .sec5 .bot .flex-jb {gap: .5rem;}
}

@media screen and (max-width:1140px) {
    /********** ULVAC 소개 **********/
    .intro .sec3 .item .img span {width: 34.5rem;}

    /********** 사업장 안내 **********/
    /* workplace */
    .location .workplace .right {width: 62.25rem;}

    /********** Energy Solution **********/
    /* detail */
    .energy_detail .thumb_img {width: 42rem;}
    .energy_detail .mySwiper {width: 7.5rem;}
    .energy_detail .mySwiper2 {width: calc(100% - 7.5rem - 1rem);}
    .energy_detail .thumb_info {width: 30.5rem;}
    .energy_detail .thumb_info .btnBox {gap: .5rem;}
    .energy_detail .info_wrap .secTitle {width: 20rem;}
    .energy_detail .info_wrap .secTitle + div {width: calc(100% - 20rem);}
    .energy_detail .info_wrap .tabCont .sec1 ul {gap: 0 2.125rem;}
    .energy_detail .info_wrap .tabCont .sec1 ul li {width: calc(50% - 1.1rem);}

    /******** Component Maintenance ********/
    .customer_Service .sec3 .item {gap: 2.25rem;}
    .customer_Service .sec3 .img {width: 40rem;}
    .customer_Service .sec3 .txt {width: calc(100% - 2.25rem - 40rem);}

    /********** ULVAC Media **********/
    .media .item p br {display: none;}

    /********** cip **********/
    .cip .sec03 ul {gap: 1.25rem; flex-wrap: wrap;}
    .cip .sec03 ul li {width: calc(100%/2 - .7rem);}
    .cip .sec03 ul a {padding: 1.5rem 2rem; font-size: 1.5rem;}
}



@media screen and (max-width:1024px) {
    /********** 공통 **********/
    .sub_visual {/* height: 36.25rem; */ background-image:url("/img/sub/visual01_m.jpg");}
    .sub_visual.bg02 {background-image:url("/img/sub/visual01_m.jpg");}
    .sub_visual.bg03 {background-image:url("/img/sub/visual02_m.jpg");}
    .sub_visual.bg04 {background-image:url("/img/sub/visual03_m.jpg");}
    .sub_visual.bg05 {background-image:url("/img/sub/visual04_m.jpg");}
    .sub_visual.bg05-1 {background-image:url("/img/sub/visual04-1_m.jpg");}
    .sub_visual.bg06 {background-image:url("/img/sub/visual05_m.jpg");}
    .sub_visual.bg07 {background-image:url("/img/sub/visual06_m.jpg");}
    .sub_visual.bg08 {background-image:url("/img/sub/visual07_m.jpg");}
    .sub_visual.bg09 {background-image:url("/img/sub/visual08_m.jpg");}
    .sub_visual.bg09-1 {background-image:url("/img/sub/visual08-1_m.jpg");}
    .sub_visual.bg10 {background-image:url("/img/sub/visual09_m.jpg");}
    .sub_visual.bg11 {background-image:url("/img/sub/visual10_m.jpg");}
    .sub_visual.bg12 {background-image:url("/img/sub/visual11_m.jpg");}
    .sub_visual.bg13 {background-image:url("/img/sub/visual12_m.jpg");}
    .sub_visual.bg14 {background-image:url("/img/sub/visual13_m.jpg");}
    .sub_visual.bg15 {background-image:url("/img/sub/visual14_m.jpg");}
    .sub_visual.bg16 {background-image:url("/img/sub/visual15_m.jpg");}
    .sub_visual.bg17 {background-image:url("/img/sub/visual16_m.jpg");}
    .sub_visual.bg18 {background-image:url("/img/sub/visual17_m.jpg");}
    .sub_visual.bg19 {background-image:url("/img/sub/visual18_m.jpg");}
    .sub_visual.bg20 {background-image:url("/img/sub/visual19_m.jpg");}
    .sub_visual.bg21 {background-image:url("/img/sub/visual20_m.jpg");}
    .sub_visual.bg22 {background-image:url("/img/sub/visual21_m.jpg");}
    .sub_visual.bg23 {background-image:url("/img/sub/visual22_m.jpg");}
    .sub_visual.bg24 {background-image:url("/img/sub/visual23_m.jpg");}
    .sub_visual.bg25 {background-image:url("/img/sub/visual24_m.jpg");}
	.sub_visual.bg26 {background-image:url("/img/sub/visual25_m.jpg");}
	.sub_visual.bg27 {background-image:url("/img/sub/visual26_m.jpg");}
	.sub_visual.bg28 {background-image:url("/img/sub/visual27_m.jpg");}
	.sub_visual.bg29 {background-image:url("/img/sub/visual28_m.jpg");}
	.sub_visual.bg30 {background-image:url("/img/sub/visual29_m.jpg");}
    /* sub_vis_txt */
    .sub_vis_txt .path {gap: .62rem;}
    .sub_vis_txt h2 {font-size: 2.5rem;}

    #sub_content {padding: 5rem 0 6.25rem;}
    #sub_content {margin-top: 15.25rem}

    .mt_20 {margin-top: 1.25rem;}
    .mt_30 {margin-top: 1.875rem;}
    .mt_40 {/* margin-top: 2.5rem; */ margin-top: 1.875rem;}
    .mt_60 {margin-top: 3.125rem;}


	/* 에러페이지 */
	.error {gap:9.20vw; flex-direction: column-reverse; align-items: center;}
	.error .txt {text-align: center;}
	.error .txt strong {font-size: 3.39vw;}
	.error .txt .title {font-size: 5.9vw; letter-spacing: -0.05vw; margin: 4.91vw 0;}
	.error .txt p {font-size: 3.39vw;}
	.error .txt a {font-size: 3.13vw; padding: 3.08vw 0; gap: 1.30vw; width: 42.95vw; margin: 7.51vw auto 0;}
	.error .txt a img {width: 2.34vw;}
	.error .img {width: 36.46vw;}

    
    /* 댓글 */
    .view_comment  {/* margin-top: 23.44vw; */ margin-top: 3.44vw;}
    .view_comment .comm_total  {font-size: 4.17vw; letter-spacing: -0.26vw;}
    .view_comment .comm_list  {margin-top: 5.21vw;}
    .view_comment .c_item  {padding: 5.21vw 0;}
    .view_comment .c_item .info  {gap: 0 2.60vw;}
    .view_comment .c_item .info strong  {font-size: 3.39vw; letter-spacing: -0.21vw;}
    .view_comment .c_item .info span  {font-size: 3.39vw; letter-spacing: -0.05vw;}
    .view_comment .c_item .btn  {gap: 1.30vw;}
    .view_comment .c_item .btn a  {width: 10.42vw; height: 5.21vw; border-radius: 7.81vw; font-size: 2.86vw;}
    .view_comment .c_item .content  {margin-top: 2.60vw; font-size: 3.39vw; letter-spacing: -0.05vw;}
    .view_comment .c_item .reply  {margin-top: 2.60vw; font-size: 3.39vw; letter-spacing: 0.00vw; text-underline-offset: 0.52vw;}
    .view_comment .c_reply  {padding: 5.60vw 0 7.42vw 10.94vw;}
    .view_comment .c_reply::before  {width: 3.30vw; height: 3.65vw; top: 5.27vw; left: 5.08vw;}
    .view_comment .reply_form  {margin-top: 5.47vw;}
    .view_comment .reply_form  {gap: 2.60vw;}
    .view_comment .reply_form .input  {width: calc(100% - 19.53vw);}
    .view_comment .reply_form .input textarea  {height: 26.04vw; padding: 5.21vw; font-size: 3.65vw;}
    .view_comment .reply_form button input,
    .view_comment .reply_form button  {width: 16.93vw; height: 26.04vw; font-size: 3.39vw;}
    .view_comment .comm_form  {margin-top: 7.81vw;}
    .view_comment .board_btnCont .center  {margin-top: 7.81vw;}
    .view_comment .dp_bt_wrap .dpp_chk > p,
    .view_comment .dp_cmt_write .dpp_sec_chk p  {margin-bottom: 1.30vw; font-size: 3.39vw;}

	/* 문의 완료 */
	.board_success {padding: 15.63vw 0;}
	.board_success .img {width: 6.25vw;}
	.board_success .txt {margin: 5.21vw 0 6.51vw;}
	.board_success .txt dt {font-size: 5.51vw;}
	.board_success .txt dd {margin-top: 2.60vw; font-size: 3.65vw;}
	.board_success .home_btn a {font-size: 3.65vw; width: 25.53vw; height: 10.42vw;}

	/* 팝업 */
	.popup .popInner {padding:5.21vw 4.69vw 6.51vw; width: calc(100% - (3.13vw * 2));}
	.popup .popInner .head {font-size:5.21vw; padding-bottom: 4.17vw;}
	.popup .popInner .head .close {width:3.13vw;}
	.popup .popInner .body {margin-top: 4.17vw;}
	.popup .popInner .body .textWrap .tit {font-size:4.69vw; margin-bottom: 2.10vw;}
	.popup .popInner .body .textWrap .desc {font-size:3.65vw;}
	.popup .popInner .body .formWrap {margin-top: 3.52vw;}
	.popup .popInner .body .formItem {height:10.42vw; font-size: 3.26vw; padding:0 3.13vw;}
	.popup .popInner .body .formWrap .desc  {margin-top: 2.60vw; font-size: 3.13vw;}
	.popup .popInner .body .popup-scrolling {max-height:45.57vw;}
	.popup .popInner .body .popup-scrolling p {font-size:3.26vw; padding-right: 3.26vw;}
	.popup .popInner .body .popup-scrolling p + p {margin-top: 3.26vw;}
	.popup .popInner .foot .btnWrap {margin-top: 4.69vw;}
	.popup .popInner .foot .btnWrap .flex {gap:2.60vw;}
	.btnWrap a {height:10.42vw; line-height:10.42vw; font-size:3.26vw; width:25.53vw;}

    /********** CEO 인사말 **********/
    .ceo {margin-top: 0;}
    .ceo .sec1 {padding: 1.875rem 1.25rem 0; height: auto; overflow: hidden; border-radius: 1.25rem;}
    .ceo .sec1::before {width: 100%; border-radius: 1.25rem;}
    .ceo .sec1 span {font-size: 0.875rem;}
    .ceo .sec1 h2 {font-size: 1.625rem;}
    .ceo .sec1 p {font-size: 1rem;}
    .ceo .sec1 .img {position: relative; top: auto; right: auto; width: calc(100% + 2.5rem); margin-left: -1.5rem; margin-top: 3.12rem;}
    .ceo .sec1 .logo {width: 100%; position: absolute; bottom: 0; right: 0;}
    .ceo .sec1 .person {width: 31.1875rem; position: relative; bottom: auto; right: auto;}
    .ceo .sec2 {padding-left: 0;}
    .ceo .sec2 p {font-size: 0.875rem;}
    .ceo .sec2 p strong {font-size: 1.625rem; display: block; margin-bottom: 1.875rem;}
    .ceo .sec2 p br:not(.none) {display: none;}
    .ceo .sec2 .flex {font-size: 0.875rem;}
    .ceo .sec2 .flex strong {font-size: 1.625rem;}

    /********** ULVAC 소개 **********/
    .intro .sec1 {height: 36.25rem; background-image: url('/img/sub/intro_sec1_bg_m.jpg');}
    .intro .sec1 span {font-size: 0.875rem;}
    .intro .sec1 h2 {font-size: 1.625rem;}
    .intro .sec1 p {font-size: 0.875rem;}
    .intro .sec2 {padding: 6.06rem 0 6.31rem;}
    .intro .sec2 h2 {font-size: 1.875rem; white-space: nowrap;}
    .intro .sec2 .cont {margin-top: 4rem; height: 28.125rem;}
    .intro .sec2 .list {gap: 1.875rem;}
    .intro .sec2 .item {width: 33.125rem; height: 27rem; padding: 3.12rem;}
    .intro .sec2 .item .txt h2,
    .intro .sec2 .item .txt h3 {font-size: 1.625rem;}
    .intro .sec2 .item .txt p {font-size: 0.875rem;}
    .intro .sec2 .item .txt ul li {gap: 0.46875rem; font-size: 0.875rem;}
    .intro .sec2 .item .txt ul li + li {margin-top: 0.70313rem;}
    .intro .sec2 .item .txt ul li span {width: 7.5rem; height: 2rem; border-radius: 31.25rem; font-size: 0.875rem; letter-spacing: -0.04688rem;}
    .intro .sec3 {padding: 5rem 0 12.62rem;}
    .intro .sec3 .bgTxt {bottom: 4.44rem; height: 3.8125rem; left: .5rem;}
    .intro .sec3 .item {flex-direction: column; align-items: flex-start;}
    .intro .sec3 .item + .item {margin-top: 4.37rem; flex-direction: column-reverse;}
    .intro .sec3 .item > div {width: 100%;}
    .intro .sec3 .item .img span {width: 100%; aspect-ratio: 3 / 4;}
    .intro .sec3 .item .txt {padding-top: 3.125rem;}
    .intro .sec3 .item .txt strong {font-size: 1.5rem;}
    .intro .sec3 .item .txt p {font-size: 0.875rem;}
    .intro .sec4 {padding: 6.25rem 0 0;}
    .intro .sec4 h2 {font-size: 1.875rem;}
    .intro .sec4 img {margin: 5.06rem auto 0; width: 17.6rem;}
    .intro .sec4 .inner {margin: 5.06rem auto 0; width: 100%; padding: 0;}
    .intro .sec4 .cont {width: 80%;}

    /********** 회사연혁 **********/
    .history .sec1 h2 {font-size: 1.875rem;}

    .history .sec2,
    .history .sec3 {margin-top: 1.88rem; padding: 0 !important;}
    .history .sec3 > div {width: auto;}
    .history .sec3 .lineCont {width: 0.125rem;}
    .history .sec3 .lineCont .active_line::before {width: 1.3125rem; bottom: -0.4375rem;}
    .history .sec3 .lineCont .active_line::after {width: 0.4375rem; bottom: 0;}
    .history .sec3 .right {padding-left: 1.69rem;}
    .history .sec3 .right .area .yearTitle {color: #E7E7E7; font-size: 1.5rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.0625rem; margin-bottom: 1.875rem;}
    .history .sec3 .right .area.on .yearTitle {color: var(--color-navy);}
    .history .sec3 .right .area + .area {margin-top: 3.75rem;}
    .history .sec3 .year {display: flex; align-items: first baseline;}
    .history .sec3 .year + .year {margin-top: 1.25rem;}
    .history .sec3 .year .tit {font-size: 1.125rem; width: 4.5rem; min-width: 4.5rem;}
    .history .sec3 .year ul {margin-top: 0;}
    .history .sec3 .year ul li + li {margin-top: 0.3125rem;}
    .history .sec3 .year ul li strong {width: 2.875rem; min-width: 2.875rem; font-size: 0.875rem;}
    .history .sec3 .year ul li p {font-size: 0.875rem; letter-spacing: -0.03125rem;}
    .history .sec3 .year ul li p + p {margin-top: .31rem;}

    /********** tab_style01 **********/
    .tab_wrap {height: 3.125rem; margin-bottom: 1.87rem;}
    .tab_wrap.fixed .tab_style01 { margin-left: 0;}
    .tab_style01 {height: 3.125rem; white-space: nowrap; overflow-x: auto; justify-content: flex-start; width: 100%; /* width: calc(100% + 2.5rem); margin-left: -1.25rem; padding-left: 1.25rem; */}
    .tab_style01 {-ms-overflow-style: none;}
    .tab_style01::-webkit-scrollbar{display:none;}
    .tab_style01::after {display: none;}
    .tab_style01 li {width: 8.125rem; border-bottom: 1px solid #BEBEBE; flex: 1;}
    .tab_style01 li span,
    .tab_style01 li a {font-size: 0.875rem;}
    .tab_style01 li.on * {font-size: 0.875rem;}
    .tab_style01 li.on::after {height: 4px;}

    /********** 인증 및 수상 **********/
    .certification .tab_style01 {justify-content: center; overflow: hidden; width: 100%; margin-left: 0; padding-left: 0;}
    .certification .tab_style01 li {width: 100%;}

    /********** 사업장 안내 **********/
    .location .tab_style01 {margin-left: 0; width: 100%;}.totalCont
    .location .tab_style01 li {width: calc(100%/3);}
    /* workplace */
    .location .workplace .leftMenu {display: none;}
    .location .workplace .right {width: 100%;}
    .location .workplace .right .top .item .img {display: none;}
    .location .workplace .item {padding: 1.875rem 0;}
    .location .workplace .item + .item {padding-top: 1.875rem; border-top: 1px solid #D9D9D9;}
    .location .workplace .item > .flex {gap: 1.25rem; flex-direction: column; align-items: flex-start;}
    .location .workplace .item .img {width: 100%; border-radius: 0.625rem;}
    .location .workplace .item .txt {width: 100%;}
    .location .workplace .item .txt strong {font-size: 1.125rem; letter-spacing: -0.035rem;} 
    .location .workplace .item .txt ul li {gap: 0.625rem; font-size: 0.875rem; letter-spacing: -0.035rem; align-items: flex-start;}
    .location .workplace .item .txt ul li + li {margin-top: 0.65625rem;}
    .location .workplace .item .txt ul li img {width: 1.3125rem;}
    .location .workplace .item .txt .btnBox {gap: 0.4375rem; margin-top: 1.25rem;}
    .location .workplace .item .txt .btnBox .moreBtn {width: 6.5625rem; height: 2.1875rem; border-radius: 21.875rem;}
    .location .workplace .item .txt .btnBox .moreBtn span{font-size: 0.7875rem;}
    .location .workplace .item .mapCont {margin-top: 1.25rem; height: 14.375rem; border-radius: 0.625rem; border: 1px solid rgba(0, 0, 0, 0.10);}
    .location .workplace .bgGray {margin-top: 0; padding: 3.75rem 0;}
    .location .workplace .bgGray .item {padding: 1.875rem 0;}
    .location .workplace .bgGray .item > .flex {flex-direction: column-reverse;}
    .location .workplace .bgGray .item + .item {margin-top: 0;}
    .location .workplace .bgGray .item .img {height: 14.375rem; border: 1px solid rgba(0, 0, 0, 0.10);}
    .location .subsidiary {padding-bottom: 3.75rem;}
    /* popup */
    .loc_popupWrap .cont {border-radius: 1.25rem;}
    .loc_popupWrap .cont {width: calc(100% - 2.5rem); padding: 1.25rem;}
    .loc_popupWrap .title strong {font-size: 1.125rem;}
    .loc_popupWrap .close img {width: 1.5rem;}
    .loc_popupWrap.popupCompany table {margin-top: 1.25rem;}
    .loc_popupWrap.popupCompany table th {width: 20%; padding: .65625rem .7rem .55rem; font-size: 0.875rem;}
    .loc_popupWrap.popupCompany table td {padding: .65625rem .7rem .55rem; font-size: 0.875rem;}
    .loc_popupWrap.popupMap .flex-jc {gap: 1rem; margin-top: 2rem;}
    .loc_popupWrap.popupMap .flex-jc img {width: 3.5rem;}
    /* subsidiary */
    .location .subsidiary .item {border-radius: 1.25rem; padding: 1.25rem;}
    .location .subsidiary .item + .item {margin-top: 1.875rem; border-top: 0;}
    .location .subsidiary .item .img {height: 14.375rem; overflow: hidden; border-radius: 0.625rem;}
    .location .subsidiary .item .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
    .location .subsidiary .item p {font-size: 0.875rem;}
    .location .subsidiary .item strong {margin-top: .8rem;}
    .location .subsidiary .item a {margin-top: 1.25rem;}
    .location .subsidiary .item a:hover {background-color: var(--color-navy) !important;}

    /********** dp_search_style **********/
    .totalCont {margin-bottom: 1.88rem;}
    .totalCont .total {font-size: 0.875rem;}
    .dp_search_style {gap: 0.25rem;}
    .dp_search_style .sch_select {width: 7.5rem !important; height: 2.8125rem; border-radius: 12.5rem;}
    .dp_search_style select {font-size: 0.875rem; padding: 0 .94rem; background-position: calc(100% - .94rem) center; background-size: 0.625rem auto;}
    .dp_search_style .sch_input {max-width: calc(100% - 7.5rem - .25rem); height: 2.8125rem !important; padding: 0 .94rem;}
    .dp_search_style .sch_input input {font-size: 0.875rem;}
    .dp_search_style .sch_input button img {width: 1.2rem;}

    /********** page **********/
    .dpp_page_wrap {margin: 3.75rem auto 0;}
    .dpp_page_wrap .pg a,
    .dpp_page_wrap .pg .pg_current {width: 2.1875rem; line-height: 2.1875rem; font-size: 1.15806rem;}

    /********** 안전보건 **********/
    .safety .secTitle {font-size: 1.5rem;}
    .safety .count_cont {padding: 0 0 3.5rem;}
    .safety .count_cont ul {gap: 0.9375rem; flex-direction: column; margin-top: 1.875rem;}
    .safety .count_cont ul li {padding: 1.875rem 1.25rem; gap: 1.875rem; width: 100%;}
    .safety .count_cont ul li .img img {width: 6.61538rem;}
    .safety .count_cont ul li .txt {width: calc(100% - 6.61538rem - 1.875rem);}
    .safety .count_cont ul li .txt em {font-size: 0.875rem; letter-spacing: -0.03306rem;}
    .safety .count_cont ul li .txt p {margin-top: 0.66156rem; font-size: 0.875rem; letter-spacing: -0.04138rem; gap: 0.37213rem;}
    .safety .count_cont ul li .txt p strong {font-size: 2rem; letter-spacing: -0.03306rem;}
    .safety .count_cont ul li .txt span {margin-top: 0.9375rem; font-size: 0.75rem;}
    .safety .tab_style01 {justify-content: flex-start;}
    .safety .tab_style01 li {width: calc(100%/4); min-width: 8.125rem; min-width: 8.125rem;}
    .safety .subBanner {margin-bottom: 3.75rem;}
    .safety .subBanner p {font-size: 1.5rem; letter-spacing: -0.01075rem;}
    .safety .cont .info {flex-direction: column; align-items: flex-start; gap: 1.875rem;}
    .safety .cont .info .secTitle {width: 100%;} 
    .safety .cont .info .cont {width: 100%;}
    .environment .ios .cont p,
    .safety .ios ul .txt p,
    .safety .basicTxt,
    .safety .policy .info p {font-size: 0.875rem;}
    .safety .policy .info p br:not(.none) {display: none;}
    .safety .policy .sec02 {margin-top: 3.125rem; padding-top: 3.125rem;}
    .safety .policy .sec02 .cont {gap: 2.5rem; grid-template-columns: repeat(2,1fr);}
    .safety .policy .sec02 li img {width: 5rem;}
    .safety .policy .sec02 li strong {font-size: 1.125rem;}
    .safety .ios ul  {display: grid; grid-template-columns: repeat(2,1fr); gap: 2.5rem 1.25rem;}
    .safety .ios ul > li {border-radius: 0.9375rem; flex-direction: column; align-items: flex-start; aspect-ratio:auto;}
    .safety .ios ul > li + li {margin-top: 2.5rem;}
    .safety .ios ul > li + li {margin-top: 0;}
    .safety .ios ul > li > div {width: 100%;}
    .safety .ios ul .txt {height: 100%;}
    .safety .ios ul .img {aspect-ratio: 1.38/1;}
    .safety .ios ul .img img {width: 20.65125rem; max-width: 60%;}
    .safety .ios ul .txt {padding: 2.5rem 1.25rem;}
    .safety .ios ul .txt div > strong {font-size: 1.125rem;}
    .safety .ios ul ol li {font-size: 0.875rem;}
    .safety .ios ul ol li + li {margin-top: 0.3125rem;}
    .safety .ios ul a {width: 9.375rem; height: 2.5rem; padding: 0 1.5rem; margin-top: 1.25rem;}
    .safety .ios ul a img {width: 1rem;}
    .safety .safetyHealth .sec01 strong {font-size: 1.125rem;}
    .safety .safetyHealth .sec02 {border-top: 1px solid #E3E3E3;}
    .safety .safetyHealth .sec02 .cont {padding-top: 0; border-top: 0;}
    .safety .safetyHealth #dpp_pic_list {padding: 3.75rem 0;}
    
    /********** dp_gallery_list **********/
    .dp_gallery_list {gap: 2.5rem 2rem;}
    .dp_gallery_list li {width: calc(100%/2 - 1.1rem);}
    .dp_gallery_list .thumb {border-radius: 0.9375rem;}
    .dp_gallery_list .info {margin-top: 1.25rem;}
    .dp_gallery_list .subject {font-size: 1.125rem;}
    .dp_gallery_list .content,
    .dp_gallery_list .date {font-size: 0.875rem;}

    /********** Energy Solution **********/
    /* list */
    .energy_list .list {grid-template-columns: repeat(2,1fr); gap: 1.25rem;}
    .energy_list .item {border-radius: 0.97681rem;}
    .energy_list .item p {margin-top: 0; font-size: 1.125rem;}
    /* detail */
    .energy_detail .thumb_wrap {gap: 3.13rem; flex-direction: column; align-items: flex-start;}
    .energy_detail .thumb_img {width: 100%; height: auto; gap: .62rem; flex-direction: column-reverse; align-items: flex-start;}
    .energy_detail .mySwiper {width: 100%; height: auto !important;}
    /* .energy_detail .swiper-wrapper {height: auto !important;} */
    .energy_detail .swiper .swiper-slide img {height: 100%; width: auto;}
    .energy_detail .mySwiper .swiper-slide {border-radius: 0.61431rem;}
    .energy_detail .mySwiper2 {width: 100%; border-radius: 0.61431rem;}
    .energy_detail .thumb_info {width: 100%;}
    .energy_detail .thumb_info .title h4 {margin-top: 0; font-size: 1.5rem; letter-spacing: -0.04575rem;}
    .energy_detail .thumb_info .title p {font-size: 0.875rem; letter-spacing: -0.04575rem;}
    .energy_detail .thumb_info .btnBox {gap: .63rem;}
    .energy_detail .thumb_info .btnBox a {width: 100%; height: 2.5rem; padding: 0 1.46rem;}
    .energy_detail .thumb_info .btnBox span {font-size: 0.83331rem;}
    .energy_detail .thumb_info .btnBox img {width: 1rem;}
    .energy_detail .tab_style01 {width: 100%; margin-left: 0; padding-left: 0; margin-bottom: 3.69rem;}
    .energy_detail .tab_style01 li {width: 50%;}
    .energy_detail .info_wrap {margin-top: 5.2rem;}
    .energy_detail .info_wrap .content {flex-direction: column; gap: 1.25rem;}
    .energy_detail .info_wrap .secTitle {width: 100%; font-size: 1.125rem;}
    .energy_detail .info_wrap .secTitle + div {width: 100%;}
    .energy_detail .info_wrap .tabCont .sec1 ul {display: block;}
    .energy_detail .info_wrap .tabCont .sec1 ul li {padding-left: .8rem; width: 100%; font-size: 0.875rem;}
    .energy_detail .info_wrap .tabCont .sec1 ul li::before{ width: .2rem; height: .2rem; top: .55rem;}
    .energy_detail .info_wrap .tabCont {overflow-x: auto;}
    .energy_detail .info_wrap .tabCont table {width: 100%;}
    .energy_detail .info_wrap .tabCont table th,
    .energy_detail .info_wrap .tabCont table td {padding: .75rem 1.25rem;}
    .energy_detail .info_wrap .tabCont table th {width: 5.75rem; font-size: 0.875rem;}
    .energy_detail .info_wrap .tabCont table td {font-size: 0.875rem;}
    .energy_detail .listBtn {margin-top: 3.75rem;}
    .energy_detail .listBtn a {width: 6.5625rem; height: 2.5rem; border-radius: 21.875rem; font-size: 1rem;}

    /********** modal gallery **********/
    .board_modal .dp_gallery_list li {width: calc((100% - (1.5rem * 2)) / 3);}

    /******** 지속가능경영 cover ********/
    .sustainability_cover::before {display: none;}
    .sustainability_cover ul {gap: 1.6rem; flex-wrap: wrap;}
    .sustainability_cover li {margin-right: 0; width: calc(100%/2 - .8rem); border-radius: 0.625rem;}
    .sustainability_cover li .txt p {font-size: 1rem;}
    .sustainability_cover li .txt strong {font-size: 1.875rem;}
    .sustainability_cover li .move {width: 9.375rem; height: 2.5rem; border-radius: 2.40463rem; font-size: 0.875rem; padding: 0 1.54rem;}
    .sustainability_cover li .move img {width: 1.00994rem;}

    /******** 환경 ********/
    .environment .tab_style01 li {width: calc(100%/3);}
    .environment .policy .sec02 .cont {gap: 2.5rem 1.875rem;}
    .environment .ios ul .img {padding-left: 0; justify-content: center; padding: 1.25rem 0;}
    .environment .data .btnBox {gap: 0.625rem; flex-direction: column;}
    .environment .data .btnBox div {width: 100%; height: 3.125rem; padding: 0 1.25rem; font-size: 0.875rem; border-radius: 0.625rem;}
    .environment .subTitle {gap: 0.3125rem; font-size: 1.5rem; letter-spacing: -0.05rem; flex-direction: column; align-items: flex-start;} 
    .environment .sec.mt_100 {margin-top: 3.125rem;}
    .environment .sec2 .tabeCont {flex-direction: column; align-items: flex-start;}
    .environment .sec2 .tabeCont table {width: 100%;}
    .environment .sec2 table th,
    .environment .sec2 table td {padding: 0.9375rem 0;}
    .environment .sec2 table th {font-size: 1rem;}
    .environment .sec2 table td {font-size: 1rem;}
    .environment .sec2 table td ul li::before {width: .2rem; height: .2rem; top: .55rem}
    .environment .sec2 table td:first-child {width: 8.625rem;}
    .environment .sec3 {border-radius: 0.83331rem; padding: 2.5rem 1.66669rem;}
    .environment .sec3 .box {overflow: hidden; overflow-x: auto;}
    .environment .sec3 .graphBox {position: relative; width: 100%;}
    .environment .sec3 .box + .box {margin-top: 3.33331rem;}
    .environment .sec3 .box img.graph {margin-top: 2.73rem; width: 46.20831rem; max-width: none;}

    .swipe_ic {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 11.25rem; z-index: 1;}
    .swipe_ic.on {display: none !important;}

    /******** 품질 ********/
    .quality .policy .swiper-wrapper {gap: 1rem;}
    .quality .policy .swiper-slide {width: calc(100%/3 - .8rem);}
    .quality .policy .swiper-slide p {padding: 0 1.3rem;}

    /******** 인권 ********/
    .humanrights .subBanner p {font-size: 1.5rem; padding: 0 1rem;}
    .humanrights .tab_wrap {height: 3.125rem;}
    .humanrights .tab_wrap.fixed .tab_style02 {height: 5.125rem; padding: 1rem 1.25rem;}
    .humanrights .tab_style02 {gap: 0.625rem; justify-content: flex-start; overflow-x: auto;}
    .humanrights .tab_style02 li {border-radius: 31.25rem; min-width: max-content;}
    .humanrights .tab_style02 li a {padding: 0 1.53rem; font-size: 0.875rem;}
    .humanrights #sec01 .sec02 {margin-top: 0; padding-top: 0; border-top: 0;}
    .humanrights #sec01 .sec02 .info {margin-top: 3.125rem;}
    .humanrights #sec03,
    .humanrights #sec02 {padding-top: 3.125rem; border-top: 1px solid #E3E3E3;}
    .humanrights #sec03 > div,
    .humanrights #sec02 > div {padding-top: 0; border-top: 0;}
    .humanrights #sec03 .cont,
    .humanrights #sec02 .cont {border-top: 0;}
    .humanrights #sec02 .cont li {padding: 1.25rem;}
    .humanrights #sec02 .cont li + li {margin-top: 0.625rem;}
    .humanrights #sec02 .cont li .flex {gap: 0.625rem; font-size: 0.875rem;}
    .humanrights #sec02 .cont li .flex span {width: 2.5rem; height: 1.5rem; font-size: 0.77rem;}
    .humanrights #sec02 .cont li p {margin-top: 1rem;}
    .humanrights #sec03 {margin-top: 2.5rem;}
    .humanrights #sec03 .box {border-radius: 1rem; padding: 2.5rem 1.4rem; overflow: hidden; overflow-x: auto; position: relative;}
    .humanrights #sec03 .box .img {width: 35rem; max-width: none; height: 31rem;}
    .humanrights #sec03 .box .bg img {width: 20rem;}
    .humanrights #sec03 .box .bg p {font-size: 1.25rem;}
    .humanrights #sec03 .circle {gap: 1rem;}
    .humanrights #sec03 .circle .icon {width: 5rem;}
    .humanrights #sec03 .circle .icon span {width: 4rem;}
    .humanrights #sec03 .circle .icon img {height: 2rem;}
    .humanrights #sec03 .circle .flex {gap: 0.3rem;}
    .humanrights #sec03 .circle p {font-size: 1rem;}
    .humanrights #sec03 .circle .plus {width: 1.25rem;}
    .humanrights #sec03 .circle .plus img {width: 0.45rem;}
    .humanrights #sec03 .circle6,
    .humanrights #sec03 .circle1 {gap: .6rem;}
    .humanrights #sec03 .circle_box > .item01 {margin-top: 0.8rem;}
    .humanrights #sec03 .circle_box > .item02 {margin-top: 5.5rem;}
    .him_popWrap .popup {width: calc(100% - 2.5rem); max-width: 50rem; border-radius: 1.25rem;}
    .him_popWrap .popup .title {padding: 1.25rem;}
    .him_popWrap .popup .title .close {top: 1rem; right: 1.25rem;}
    .him_popWrap .popup .title img {width: 1.5rem;}
    .him_popWrap .popup .title span {font-size: 0.875rem;}
    .him_popWrap .popup .title p {font-size: 1.125rem;}
    .him_popWrap .popup .inner {max-height: 25.38rem; padding: 1.25rem; font-size: 0.875rem;}
    .him_popWrap .popup .inner::-webkit-scrollbar {width: 3px;}
    .him_popWrap .popup .inner::-webkit-scrollbar-thumb {background: var(--color-navy);}
    .him_popWrap .popup .inner::-webkit-scrollbar-track {background: rgba(33, 122, 244, .1);}
    .him_popWrap02 .popup .box {padding: 1.875rem 0;}
    .him_popWrap02 .popup .box01 img {height: auto; width: 90%;}
    .him_popWrap02 .popup .box02 img {height: auto; width: 92%;}
    .him_popWrap02 .popup .box03 img {height: auto; width: 50%;}
    .him_popWrap02 .popup .box ul li {font-size: 1rem;}




    /******** 기업윤리행동기준 ********/
	.ethics .tp_txt{font-size: 1.375rem; margin-bottom: 3.13rem; padding-bottom: 3.13rem;}
    .ethics .info .mt_20 {margin-top: 1rem;}
    .ethics .info + .info {margin-top: 3.13rem; padding-top: 3.13rem; border-top: 1px solid #D9D9D9;}
    .ethics .info + .info > div {padding-top: 0;}
    .ethics .info + .info > .cont {border-top: 0;}
	.ethics .hide{margin-top: 3.13rem; padding-top: 3.13rem;}
	.ethics .hide + .info{margin-top: 3.13rem; padding-top: 3.13rem;}
    .ethics .info > .cont strong {font-size: 1.125rem;}
    .ethics .info .box02 > div + div,
    .ethics .info > .cont > div + div {margin-top: 2.5rem;}
    .ethics .info .box01 .flex {gap: 0.37rem; font-size: 1.125rem; letter-spacing: -0.05rem;}
    .ethics .info .box01 .flex span {width: 2.5rem; height: 1.5rem; border-radius: 0.875rem; font-size: 0.75rem;}
    .ethics .moreBtn {padding: 0 1.47rem; gap: 1rem; height: 2.5rem;}
    .ethics .moreBtn span {font-size: 0.83331rem;}
    .ethics .moreBtn.mt_30 img {width: 0.6rem;}

    /******** Customer Service ********/
    .customer_Service .sec01 {padding: 0 0 5rem;}
    .customer_Service .sec01 ul {gap: 1.875rem; grid-template-columns: repeat(121fr);}
    .customer_Service .sec01 ul > li .img {aspect-ratio: 1.376/1; border-radius: 0.625rem; overflow: hidden;}
    .customer_Service .sec01 ol {margin-top: 1.25rem;}
    .customer_Service .sec01 ol li {font-size: 1rem; padding-left: .8rem; text-indent: -1rem; line-height: 1.4;}
    .customer_Service .sec01 ol li + li {margin-top: .2rem;}
    .customer_Service .sec02 {height: 26.875rem;}
    .customer_Service .sec02 ul li {width: 100%; aspect-ratio: 1.14/1; position: relative; overflow: hidden; padding: 0 1rem;}
    .customer_Service .sec02 ul li img {display: none !important;}
    .customer_Service .sec02 ul li em {font-size: 1rem;}
    .customer_Service .sec02 ul li strong {font-size: 1.375rem; margin-top: 0.9375rem;}
    .customer_Service .sec02 ul li p {font-size: 0.875rem; margin-top: 1.25rem;}
    .customer_Service .sec02 ul li p br {display: none;}
    .customer_Service .sec03 {padding: 5rem 0 ;}
    .customer_Service .sec03 ul {gap: 0.625rem; flex-wrap: wrap;}
    .customer_Service .sec03 ul li {width: calc(50% - .4rem);}
    .customer_Service .sec03 ul a {width: 100%; font-size: 1.125rem; height: 5rem; padding: 0 2rem; border-radius: 1.25rem;}

    /******** Component Maintenance ********/
    .customer_Service .sec1 {padding: 3.75rem 0;}
    .customer_Service .sec1 h2 {font-size: 1.5rem;}
    .customer_Service .sec3 {padding: 3.125rem 0;}
    .customer_Service .sec3 .item {gap: 1.25rem; flex-direction: column; align-items: flex-start;}
    .customer_Service .sec3 .item + .item {margin-top: 1.25rem;}
    .customer_Service .sec3 .img {width: 100%; border-radius: 0.625rem;}
    .customer_Service .sec3 .img p {bottom: 1.38rem; padding: 0 1.25rem; font-size: 1rem; letter-spacing: -0.02238rem;}
    .customer_Service .sec3 .txt {width: 100%; gap: 1.25rem;}
    .customer_Service .sec3 .txt h3 {font-size: 1.125rem;}
    .customer_Service .sec3 .txt p {margin-top: 1.25rem; font-size: 0.875rem;}
    .customer_Service .sec3 .txt p br {display: none;}
    .customer_Service .sec3 .box {border-radius: 0.625rem; padding: 1.31rem 1.62rem; margin-top: 1.25rem;}
    .customer_Service .sec3 .box ul {margin-top: 1rem;}
    .customer_Service .sec3 .box ul li,
	.customer_Service .sec3 .box ul li a {gap: 0.625rem; font-size: 0.875rem;}
    .customer_Service .sec3 .box ul li + li {margin-top: 0.65625rem;}
    .customer_Service .sec3 .box ul li img {width: 1.3125rem;}
    .customer_Service .sec3 .info {margin-top: 1.25rem;}
    .customer_Service .sec3 .info ol {margin-top: 0.5rem; gap: 0 1.5rem; grid-template-columns: repeat(1,1fr);}
    .customer_Service .sec3 .info ol li {font-size: 0.875rem;}
    .customer_Service .sec4 {padding: 3.125rem 0;}
    .customer_Service .sec4 .info p {font-size: 0.875rem;}
    .customer_Service .sec4 ul {gap: 1.25rem;}
    .customer_Service .sec4 li {border-radius: 0.625rem;}
    .customer_Service .sec4 li .txt {bottom: 1.25rem; left: 1.25rem;}
    .customer_Service .sec4 li .txt strong {font-size: 1.125rem;}
    .customer_Service .sec4 li .txt a {margin-top: 0.74138rem; width: 7.5rem; height: 2.0625rem; border-radius: 1.875rem; padding: 0.60019rem 1.23738rem 0.58731rem 1.3125rem; font-size: 0.75rem;}
    .customer_Service .sec4 li .txt a img {width: 0.7875rem;}
    .customer_Service .sec5 {padding: 3.125rem 0 0;}
    .customer_Service .sec5 li {padding: 1.31rem 1.62rem; border-radius: 0.625rem;}
    .customer_Service .sec5 li + li {margin-top: 1.25rem;}
    .customer_Service .sec5 li strong {font-size: 1.125rem;}
    .customer_Service .sec5 li p {margin-top: 0.625rem; font-size: 0.875rem;}
    .customer_Service .sec5 li p br:not(.none) {display: none;}
    .customer_Service .sec5 li strong.mt_40 {margin-top: 1.25rem;}
	.him_popWrap.main .popup .inner strong{font-size: 1rem;}

    /******** CIP ********/
    .cip .sec1 {height: 100vh;}
    .cip .sec1 .txt h3 {font-size: 1.5rem;}
    .cip .sec1 .txt strong {font-size: 1.125rem; margin-top: 1.25rem;}
    .cip .sec1 .txt p {font-size: 0.875rem; margin-top: 1.875rem;}
    .cip .sec1 .txt p br {display: none;}
    .cip h4 {font-size: 1.5rem;}
    .cip .sec2 {padding: 3.125rem 0;} 
    .cip .sec2 ul {gap: 1.5rem; height: auto; flex-wrap: wrap;}
    .cip .sec2 ul li {width: calc(50% - .8rem); height: auto; aspect-ratio: 1.72/1; border-radius: 0.625rem;}
    .cip .sec2 ul li span {display: none;}
    .cip .sec2 ul li .txt {padding: 1.25rem 1.26rem; opacity: 1;}
    .cip .sec2 ul li .txt strong {font-size: 1.125rem;}
    .cip .sec2 ul li .txt p {margin-top: 0.36813rem; font-size: 0.875rem;}
    .cip .mt_60 {margin-top: 1.875rem;}

    /********** 중고장비(부품) **********/
    .used .mt_60 {margin-top: 1.875rem;}
    .used .sec2,
    .used .sec4,
    .used .sec6 {padding: 3.125rem 0;}
    .used .sec2 .cont li {padding: 1.25rem; border-radius: 0.625rem;}
    .used .sec2 .cont li + li {margin-top: 0.625rem;}
    .used .sec2 .cont li {gap: 0.625rem; font-size: 0.875rem;}
    .used .sec2 .cont li br {display: none;}
    .used .sec2 .cont li span {width: 2.5rem; min-width: 2.5rem; font-size: 0.77rem;}
    .used .sec3 {padding: 4.19rem 0;}
    .used .sec3 img {width: calc(100% - 4rem);}
    .used h4 {font-size: 1.5rem;}
    .used .sec4 .flex-jb {gap: 2.47rem 0.21875rem; flex-wrap: wrap;}
    .used .sec4 .item span {font-size: 0.7rem; letter-spacing: -0.035rem;}
    .used .sec4 .item img {margin: 0.625rem auto; width: 4.375rem;}
    .used .sec4 .item strong {font-size: 1rem; letter-spacing: -0.035rem;}
    .used .sec4 .item p {margin-top: 0; font-size: 0.875rem; letter-spacing: -0.035rem;}
    .used .sec4 .arrow {margin-top: -1.7rem;}
    .used .sec4 .arrow img {width: 1.4875rem;}
    .used .sec5 {padding: 3.125rem 0;}
    .used .sec5::before {display: none;}
    .used .sec5 ul {gap: 0.625rem;}
    .used .sec5 ul li {padding: 1.25rem; border-radius: 0.625rem; font-size: 0.875rem; align-items: flex-start;}
    .used .sec5 ul li span {width: .2rem; margin-top: .56rem;}
    .used .sec6 .flex.mt_30 {gap: 1.25rem;}
    .used .sec6 .box {padding: 1.31rem 1.62rem; width: 100%;}
    .used .sec6 .box ul {margin-top: 1rem;}
    .used .sec6 .box ul li,
	.used .sec6 .box ul li a {gap: 0.625rem; font-size: 0.875rem;}
    .used .sec6 .box ul li + li {margin-top: 0.65625rem;}
    .used .sec6 .box ul li img {width: 1.3125rem;}
    .used .sec6 .btnBox {gap: .63rem; justify-content: center;}
    .used .sec6 .btnBox a {height: 2.5rem; width: 11.375rem; max-width: 100%; justify-content: space-between; gap: .2rem;}

    /********** ULVAC Media **********/
    .media .item {border-radius: 0.625rem; padding: 2.5rem 1.25rem; gap: 2.5rem;}
    .media .item + .item {margin-top: 1.25rem;}
    .media .item .txt {width: 100%;}
    .media .item .img {width: 100%; border-radius: 0.73013rem;}
    .media .item strong {font-size: 1.375rem;}
    .media .item p {font-size: 0.875rem; margin-top: 1.25rem;}
    .media .item .btnBox {gap: .82rem; margin-top: 3.75rem;}
    .media .item .btnBox a {height: 2.8125rem; padding: 0 1.88rem;}
    .media .item .btnBox a span {font-size: 1.0625rem;}
    .media .item .btnBox a img {width: 1.11563rem;}

    /********** 연구소 소개 **********/
    .rnd_intro .section01 {padding: 0 0 3.76rem;}
    .rnd_intro .section01::after {display: none;}
    /* .rnd_intro .sec1 {height: 33.625rem;} */
    .rnd_intro .sec1 .video {border-radius: 1.24606rem; }
    .rnd_intro .sec2 h2 {margin-top: 3.75rem;}
    .rnd_intro .sec2 h2 span {font-size: 1.5rem;}
    .rnd_intro .sec2 p {font-size: 0.875rem; letter-spacing: -0.05rem; margin-top: 1.25rem;}
    .rnd_intro .sec2 p br {display: none;}
    .rnd_intro .sec3 {padding: 3.125rem 0;}
    .rnd_intro .sec3 h3 {font-size: 2.125rem;}
    .rnd_intro .sec3 .cont {margin-top: 2.5rem;}
    .rnd_intro .sec3 .map {overflow: hidden; overflow-x: scroll;}
    .rnd_intro .sec3 .map img {width: 53.875rem; max-width: none; margin: 0 auto;}
    .rnd_intro .sec3 .dotBox {position: absolute; top: 0; left: 0; height: 100%; width: 53.875rem;}
    /* .rnd_intro .sec3 .dot1 {top: 10.51rem; left: 23.43rem;}
    .rnd_intro .sec3 .dot2 {top: 10.51rem; left: 21.58rem;}
    .rnd_intro .sec3 .dot3 {top: 12.86rem; left: 20.67rem;}
    .rnd_intro .sec3 .dot4 {top: 11.61rem; left: 20.51rem;}
    .rnd_intro .sec3 .dot5 {top: 9.73rem; right: 8.37rem;} */
    .rnd_intro .sec3 .dotBox .dot {width: 0.336rem;}
	.rnd_intro .sec3 .dotBox .dot .txt{left: 0.75rem;font-size: 0.7rem;}
	.rnd_intro .sec3 .dotBox .dot2 .txt{right: 0.75rem;}
    @keyframes map-wave {
        0% {
            width:0;
            opacity: 0; 
        }
        50% {
            opacity: 1; 
        }
        100% {
            width: 0.836rem;
            opacity: 0; 
        } 
    }
    .rnd_intro .sec3 .slide_wrap {bottom: auto; left: 0; width: 20.25rem; max-width: calc(100% - 1.25rem); position: relative; margin-top: -8.39rem;}
    .rnd_intro .sec3 .swiper-slide {border-radius: 0.625rem; padding: 1.25rem; background: rgba(255, 255, 255, 0.60); backdrop-filter: blur(5px); aspect-ratio: auto; height: auto;}
    .rnd_intro .sec3 .swiper-slide strong {font-size: 1.125rem; margin-bottom: 0.31rem}
    .rnd_intro .sec3 .swiper-slide p,
    .rnd_intro .sec3 .swiper-slide ul li {font-size: 0.875rem;}
    .rnd_intro .sec3 .swiper-slide .img {margin-top: .71rem;}
    .rnd_intro .sec3 .swiper-slide .img span {padding: .3rem .65rem; font-size: 0.875rem; border-radius: 21.5rem; bottom: .86rem; left: .86rem;}
    .rnd_intro .sec3 .btnBox {margin: 2.51rem auto 0;}
    .rnd_intro .sec3 .btnBox a {height: 2.5rem; padding: 0 1.46rem; width: auto; gap: 1rem;}
    .rnd_intro .sec3 .btnBox a span {font-size: 0.875rem;}
    .rnd_intro .sec3 .btnBox a:hover {border-color: var(--color-blue);}
    .rnd_intro .sec4 {padding: 3.125rem 0;}
    .rnd_intro .sec4 .subTitle {font-size: 1.625rem;}
    .rnd_intro .mt_100 {margin-top: 3.125rem;}
    .rnd_intro .sec4 .organization .top .box {padding: 1.22rem .2rem; border-radius: 0.625rem; width: calc(100% - 1.5rem);}
    .rnd_intro .sec4 .organization .top .box,
    .rnd_intro .sec4 .organization .t_box .box strong {font-size: 1rem;}
    .rnd_intro .sec4 .organization .t_box .box p {font-size: 0.875rem;}
    .rnd_intro .sec4 .organization .b_box {gap: 1.25rem; margin-top: 1.25rem; align-items: normal;}
    .rnd_intro .sec4 .organization .t_box .box::after {height: 3.8rem;}
    .rnd_intro .sec4 .organization .b_box .box {width: 50%; display: flex; align-items: center; justify-content: center;}
    .rnd_intro .sec4 .organization .b_box .box:first-child::after {width: 1.25rem;}
    .rnd_intro .sec4 .organization .bot .flex {gap: 0.625rem; height: 5.25rem;}
    .rnd_intro .sec4 .organization .bot .tit {border-radius: 0.625rem; font-size: 1rem; padding: 1.13rem 0;}
    .rnd_intro .sec4 .organization .bot .cont {border-radius: 0.625rem; font-size: 1rem;}
    .rnd_intro .sec4 .organization .bot .cont p {font-size: 1rem;}
    .rnd_intro .sec5 ul.cont {gap: 2.5rem 1.25rem;}
    .rnd_intro .sec5 ul.cont .img {border-radius: 0.625rem; overflow: hidden;}
    .rnd_intro .sec5 ul.cont .img img {height: 100%; object-fit: cover; object-position: center;}
    .rnd_intro .sec5 ul.cont .img .tit {font-size: 1.125rem;}
    .rnd_intro .sec5 ul.cont .img .tit p {font-size: 0.875rem;}
    .rnd_intro .sec5 ul.cont .txt p {font-size: 1.125rem; line-height: 1.2;}
    .rnd_intro .sec5 ul.cont .txt ul.mt_20 {margin-top: 1rem;}
    .rnd_intro .sec5 ul.cont .txt ul.flex {grid-template-columns: repeat(1,1fr);}
    .rnd_intro .sec5 ul.cont .txt li {font-size: 0.875rem;}
    
    /********** disc **********/
    ul.disc li {padding-left: .8rem;}
    ul.disc li::before {width: 0.2rem; height: .2rem; top: .55rem;}

    /********** technology **********/
    /* common */
    .technology .swipe_ic {display: none !important;}
    .technology .mt_30 {margin-top: 1.25rem;}
    .technology .tab_style01 li span {padding: 0 1.41rem;}
    .technology .tabCont {margin-top: 1.87rem;}
    .technology .tab_style02 {gap: 0.625rem; white-space: nowrap; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap;}
    .technology .tab_style02 span {height: 2.1875rem; padding: 0 1.53rem; font-size: 0.875rem;}
    .technology .section {flex-direction: column; align-items: flex-start; gap: 1.25rem;}
    .technology .section + .section {margin-top: 3.125rem; padding-top: 3.125rem; border-top: 1px solid #E3E3E3;}
    .technology .section + .section > div {padding-top: 0;}
    .technology .section + .section .secCont {border-top: 0;}
    .technology .subTitle {width: 100%; font-size: 1.5rem; word-break: keep-all;}
    .technology .subTitle br {display: none;}
    .technology .secCont {width: 100%;}
    .technology .tebCont02 {margin-top: 1.87rem;}

    .technology .swiper-pagination {position: relative; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; margin: 0 !important;}
    .technology .swiper-pagination .swiper-pagination-bullet-active {background: var(--color-navy) !important;}

    /* blueBox */
    .technology .blueBox.mt_60 {margin-top: 2.5rem;}
    .technology .blueBox {border-radius: 0.9375rem; padding: 2.5rem 1.25rem;}
    .technology .boxTit {font-size: 1.5rem; letter-spacing: -0.025rem;}
    .technology .boxTit br {display: none;}
    .technology .boxTit p {font-size: 0.875rem; letter-spacing: -0.05rem; margin-top: .31rem;}
    .technology .boxTit + .mt_30 {margin-top: 1.25rem;}
    .technology .wt_box {border-radius: 0.9375rem; padding: 1.81rem;}
    .technology .wt_box .mt_60 {margin-top: 1.875rem;}
    /* grid */
    .technology .wt_box.grid {gap: 1.25rem;}
    .technology .wt_box.grid .item {padding: 0; width: 100%; text-align: center;}
    .technology .wt_box.grid .item + .item::before {height: 65%; top: 64%; transform: translateY(-50%);}
    .technology .wt_box.grid .item img {max-width: 70%; width: 100%; height: auto; max-height: 16.25rem;}
    .technology .wt_box.grid .circleTitle p {width: 6.5625rem; height: 2.1875rem; font-size: 0.7875rem;}
    /* circleTitle */
    .technology .circleTitle.mt_30 {margin-top: 1.25rem;}
    .technology .circleTitle p {border-radius: 20.83331rem; padding: .63rem 1rem; font-size: 0.83331rem;}
    /* infoBox */
    .technology .infoBox.mt_60 {margin-top: 1.25rem;}
    .technology .infoBox {min-height: auto;}
    .technology .infoBox > div {width: 100% !important;}
    .technology .infoBox .img img {max-width: 65%;}
    .technology .infoBox .img {padding: 1.62rem 0; text-align: center;}
    .technology .infoBox .img .circleTitle {margin-top: 2.25rem;}
    .technology .infoBox .txt {padding: 2.5rem 1.25rem;}
    .technology .infoBox .txt h3 {font-size: 1.125rem; letter-spacing: -0.025rem;}
    .technology .infoBox .txt h4 {font-size: 1rem;}
    .technology .infoBox .txt h4.mt_20 {margin-top: 1rem;}
    .technology .infoBox .txt .txtBox {margin: 1rem auto; padding: .63rem 1.47rem; border-radius: 0.625rem; font-size: 0.875rem; height: auto; line-height: 1.3;}
    .technology .infoBox .txt ul.mt_20 {margin-top: 1rem;}
    .technology .infoBox .txt p,
    .technology .infoBox .txt li {font-size: 0.875rem; padding-left: .8rem;}
    .technology .infoBox .txt li + li {margin-top: 0;}
    .technology .infoBox .txt li::before {width: .2rem; height: .2rem; top: .55rem;}
    /* cardBox */
    .technology .cardBox {gap: 1.25rem;}
    .technology .cardBox .item {width: calc(50% - .7rem); border-radius: 1.25rem; height: auto;}
    .technology .cardBox .item > div {padding: 1.25rem 0;}
    .technology .cardBox .tit {height: 3.375rem; font-size: 1.5rem;}
    .technology .cardBox .cont {height: auto; aspect-ratio: .772/1;}
    .technology .cardTxt {padding: 0 .5rem; margin: 1.25rem 0 0;}
    .technology .cardTxt strong {font-size: 1.125rem;}
    .technology .cardTxt p {font-size: 0.875rem; line-height: 1.2;}
    /* Products -> Semiconductor Lineup */
    .technology .pd_sec1 .blueBox1 .wt_box {overflow-x: auto; display: flex; gap: 1.87rem;}
    .technology .pd_sec1 .wt_box .item {flex-direction: column; gap: 0.625rem; justify-content: flex-start; width: 15.625rem; min-width: 15.625rem;}
    .technology .pd_sec1 .wt_box .item + .item {margin-top: 0;}
    .technology .pd_sec1 .wt_box .item .info {font-size: 0.875rem; height: 3.125rem; width: 100% !important;}
    .technology .pd_sec1 .wt_box .item .info p {font-size: 0.875rem;}
    .technology .pd_sec1 .wt_box .item .arrow img {transform: rotate(90deg);}
    .technology .pd_sec1 .blueBox2 .flex-jc {gap: 1.7rem;}
    .technology .pd_sec1 .blueBox2 .flex-jc img {height: 13rem;}
    .technology .pd_sec1 .blueBox2 .b_img {margin-top: 3.125rem;}
    /* Products -> Multi-Chamber Sputtering System */
    .technology .pd_sec2 .circleTitle {margin-top: 2.5rem;}
    .technology .pd_sec2 .circleTitle .flex {gap: 0.46rem;}
    /* Products -> Native Oxide Removal System01 */
    .technology .pd_sec3 .wt_box .flex-jc {gap: 1.25rem;}
    .technology .pd_sec3 .wt_box .flex-jc img {width: 45%;}
    /* Products -> Barrier Metal / Seed Cu */ 
    .technology .pd_sec4 .blueBox2 img {width: 31.25rem;}
    .technology .pd_sec4 .infoBox {aspect-ratio: auto;}
    /* Products -> Barrier Metal / Seed Cu */ 
    .technology .pd_sec5 .blueBox1 .wt_box > div {width: 100%;}
    .technology .pd_sec5 .blueBox1 .wt_box:first-child {padding: 2.5rem 1.25rem; width: 63%;}
    .technology .pd_sec5 .blueBox1 .wt_box:first-child p {font-size: 0.875rem; margin-bottom: 1.25rem; gap: 0.4rem; flex-direction: row;}
    .technology .pd_sec5 .blueBox1 .wt_box:first-child p span {width: .2rem;}
    .technology .pd_sec5 .blueBox1 .wt_box:last-child {width: 37%;}
    .technology .pd_sec5 .blueBox1 .wt_box:last-child img {width: 100%;}
    .technology .pd_sec5 .blueBox1 .wt_box:last-child p {font-size: 0.875rem; margin-top: 1.25rem;}
    /* WFE BEOL/FEOL Metallization -> Metal Hard Mask */ 
    .technology .wfe_sec1 .cardBox .cont {height: auto; aspect-ratio: .926/1;}
    .technology .wfe_sec1 .blueBox1 .cardBox .cont img {margin-top: 0;}
    .technology .wfe_sec1 .blueBox1 .cardBox .item:last-child .cardTxt {margin-top: 0;}
    .technology .wfe_sec1 .blueBox2 {gap: 2.88rem;}
    .technology .wfe_sec1 .blueBox2 .boxTit {margin-top: 0;}
    .technology .wfe_sec1 .blueBox2 .boxTit ul {margin-top: 1.25rem;}
    .technology .wfe_sec1 .blueBox2 .boxTit ul li {font-size: 0.875rem; letter-spacing: -0.05rem;}
    .technology .wfe_sec1 .blueBox2 .boxTit ul li span {width: .2rem;}
    .technology .wfe_sec1 .blueBox2 .wt_box {width: calc(100% - 2.88rem - 10rem);}
    /* WFE BEOL/FEOL Metallization -> AL */ 
    .technology .wfe_sec2 .cardBox .cont {height: auto; aspect-ratio: .753/1;}
    /* WFE BEOL/FEOL Metallization -> Barrier Metal/Seed Cu */ 
    .technology .wfe_sec3 .infoBox .txt h4 {margin-bottom: .31rem;}
    .technology .wfe_sec3 .cardBox .cont {height: auto; padding: 1.25rem; aspect-ratio: 1/1;}
    .technology .wfe_sec3 .cardBox02 .item:first-child {width: calc(50% - .6rem);}
    .technology .wfe_sec3 .cardBox02 .item:last-child {width: calc(50% - .6rem);}
    .technology .wfe_sec3 .cardBox02 .cont {height: auto;}
    .technology .wfe_sec3 .cardBox02 .cont .boxTit {font-size: 1.5rem; margin-bottom: .75rem;}
    .technology .wfe_sec3 .cardBox02 .cont .flex {gap: 1.25rem; flex-direction: column; width: 100%;}
    .technology .wfe_sec3 .cardBox02 .cont .flex > div:first-child {max-width: 75%; width: 100%;}
    .technology .wfe_sec3 .cardBox02 .cont .flex .box {width: 100%; display: flex; align-items: center; justify-content: center; gap: 0.4375rem;}
    .technology .wfe_sec3 .cardBox02 .cont .box span {height: 2.1875rem; border-radius: 0.3125rem; font-size: 0.7875rem; padding: 0 .8rem;}
    .technology .wfe_sec3 .cardBox02 .cont .box span + span {margin-top: 0;}
    .technology .wfe_sec3 .cardBox02 .item .cont > div {text-align: center;}
    .technology .wfe_sec3 .cardBox02 .item .cont > div > div:first-child {height: 15.875rem;}
    .technology .wfe_sec3 .cardBox02 .cont .flex img,
    .technology .wfe_sec3 .cardBox02 .item:last-child img {width: auto; height: 100%;}
    .technology .wfe_sec3 .cardBox02 .item:last-child .box span {width: 12.5rem; margin-top: 1.25rem;}
    /* WFE BEOL/FEOL Metallization -> New Metal */ 
    .technology .wfe_sec4 .cardBox_swiper .cardBox {margin-top: 1.31rem;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:first-child {width: calc(50% - .6rem);}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:last-child {width: calc(50% - .6rem);}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item .cont {height: auto;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:first-child .cont {padding: 1.25rem; height: 100%;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:first-child .cont .cardTxt {margin-top: 1.25rem;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:last-child .cont {padding: 1.25rem;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid .img02 {margin-top: 0.65rem;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid .img {gap: 0 0.62rem;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid .img > div:not(.arrow) img {width: 100%; margin: .38rem auto;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid p {font-size: 0.7875rem; min-height: 2.3rem; display: flex; align-items: center; justify-content: center;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item02 .cardTxt p {font-size: 0.875rem; margin-top: 0;}
    /* WFE BEOL/FEOL Metallization -> Cu-RDL for WLP */ 
    .technology .wfe_sec5 .infoBox {aspect-ratio: auto;}
    .technology .wfe_sec5 .infoBox .txt .txtBox {padding: .63rem 1rem; font-size: 0.875rem; flex-direction: column; align-items: flex-start; gap: .2rem; word-break: keep-all;}
    .technology .wfe_sec5 .infoBox .txt .txtBox + .txtBox {margin: .62rem 0 0;}
    .technology .wfe_sec5 .tableCont {margin-top: 1.25rem;}
    .technology .wfe_sec5 .tableCont table th,
    .technology .wfe_sec5 .tableCont table td {font-size: 1rem; line-height: 1.3;}
    .technology .wfe_sec5 .tableCont table th {padding: .94rem;}
    .technology .wfe_sec5 .tableCont table td {padding: .94rem 1.1rem;}
    .technology .wfe_sec5 .blueBox .flex-jc {margin-top: 1.13rem;}
    /* Dry Clean */ 
    .technology .dry_sec .item {height: auto;}
    .technology .dry_sec .item01 {width: calc(50% - .6rem); padding: 1.25rem; justify-content: center; display: flex; align-items: center; flex-direction: column;}
    .technology .dry_sec .item01 .flex {gap: 1.25rem; padding: 0;}
    .technology .dry_sec .item01 .flex + .flex {margin-top: 1.25rem;}
    .technology .dry_sec .item01 .flex .img img {width: 5rem;}
    .technology .dry_sec .item01 .flex p {width: calc(100% - 5rem - 1.25rem); font-size: 0.875rem;}
    .technology .dry_sec .item01 .flex p br {display: none;}
    .technology .dry_sec .item02 {width: calc(50% - .6rem);}
    .technology .dry_sec .blueBox2 .boxTit {gap: .2rem; flex-direction: column; align-items: flex-start;}
    .technology .dry_sec .blueBox2 .boxTit .line {display: none;}
    .technology .dry_sec .blueBox2 .wt_box > div:first-child {width: 8rem; min-width: 8rem;}
    .technology .dry_sec .blueBox2 .wt_box > div:first-child .cont {height: calc(100% - 3.375rem);}
    .technology .dry_sec .blueBox2 .tit {font-size: 1rem; padding: 0 .7rem; height: 3.375rem; text-align: center;}
    .technology .dry_sec .blueBox2 .cont {font-size: 1rem; padding: .7rem; height: auto;}
    /* Simulation / Analysis */ 
    .technology .sim_sec .blueBox1 .circleTitle p {width: 8.125rem;}
    .technology .sim_sec .blueBox1 img {height: 16.25rem;}
    .technology .sim_sec .blueBox2 .flex {gap: 1.25rem; grid-template-columns: repeat(3,1fr);}
    .technology .sim_sec .blueBox2 .flex p {font-size: 0.875rem; margin-top: .94rem; min-height: 2.6rem; line-height: 1.3;}
    .technology .sim_sec .wt_box.grid .item img {height: 10.25rem; max-height: none; width: auto; max-width: none;}
        
    /********** Infrastructure **********/
    .infrastructure .tab_style01 li {width: calc(100%/3);}
    .infrastructure .item {border-radius: 0.9375rem;}
    .infrastructure .item + .item {margin-top: 1.25rem;}
    .infrastructure .item .txt {padding: 2rem;}
    .infrastructure .item .txt ol > li {padding: 0.91rem 1.25rem;}
    .infrastructure .item .txt ol > li,
    .infrastructure .item .txt .disc li {font-size: 0.875rem; line-height: 1.2;}
    .infrastructure .item .txt .disc {margin-top: 0.625rem;}
    .infrastructure .item .txt .disc li + li {margin-top: .31rem;}

    /********** 인재상 **********/
    .people .mt_40 {margin-top: 1.25rem;}
    .people .sec3 {padding: 3.75rem 0;}
    .people .sec3 .mt_60 {width: 100%; /* max-width: calc(100% - 2.5rem); */ margin: 3.125rem auto 0; overflow: hidden;}
    .people .sec3 .mt_60::before {display: none;}
    .people .sec3 .swiper {padding: 0 !important;}
    .people .sec3 .swiper-wrapper {gap: 1rem; padding: 0 1.25rem; box-sizing: border-box;}
    .people .sec3 .swiper-slide {border-radius: 0.625rem; width: calc(100%/4 - .8rem);}
    .people .sec3 .swiper-slide .txt {padding: 0 .5rem;}
    .people .sec3 .swiper-slide .txt span {font-size: 0.7875rem;}
    .people .sec3 .swiper-slide .txt p {margin-top: 0.625rem; font-size: 0.875rem;}
    .people .sec5 {padding: 3.125rem 0; overflow-x: auto; position: relative;}
    .people .sec5 .swipe_ic {display: none !important;}
    .people .sec5 .in {padding: 0 1.25rem; width: 51rem;}
    .people .sec5 .tit {border-radius: 1.16669rem; padding: .31rem 1.81rem; font-size: 1.125rem;}
    .people .sec5 .titCont {border-radius: 7.86669rem; gap: .6rem; padding: 1.67rem 2rem; margin-top: -1.1rem;}
    .people .sec5 .circle {width: 9.33331rem;}
    .people .sec5 .circle img {width: 2.76806rem;}
    .people .sec5 .circle strong {font-size: 1rem; margin-top: .58rem;}
    .people .sec5 .plus img {width: 1.06669rem;}
    .people .sec5 .bot {margin-top: 2.37rem; padding: 0 1.34rem;}
    .people .sec5 .bot .flex-jb {gap: .5rem;}
    .people .sec5 .bot .item {padding: .67rem .8rem; border-radius: 0.33331rem; width: 11rem;}
    .people .sec5 .bot .item::before {height: 4rem;}
    .people .sec5 .bot .item strong {font-size: 1rem; letter-spacing: -0.02669rem;}
    .people .sec5 .bot .item p {margin-top: 0.66669rem; font-size: 0.875rem; letter-spacing: -0.02669rem;}

    /********** 인사제도 **********/
    .system .sec3 .banner {border-radius: 0.625rem;}
    .system .sec3 .mt_60 {max-width: 100% !important; width: 100% !important;}
    .system .sec3 .banner .cont {width: 100%; padding: 0 1.25rem;}
    .system .sec3 .banner .circle {margin: 0 -.8rem; width: 15rem;}
    .system .sec3 .banner .circle span {font-size: 0.875rem; line-height: 1.1; letter-spacing: 0;}
    .system .sec3 .banner .circle img {margin-top: 0.66156rem; height: 1.9rem;}
    .system .sec3 .banner .circle p {margin-top: 0.9375rem; font-size: 1.2rem; letter-spacing: -0.03306rem;}
    .system .sec3 .banner .cont > p { font-size: 0.875rem; letter-spacing: -0.03306rem;}
    .system .sec4 {padding: 3.75rem 0;}
    .system .sec4 .w_box {border-radius: 0.625rem; padding: 1.5rem 0; overflow: auto; position: relative; justify-content: flex-start; margin-top: 1.25rem;}
    .system .sec4 .w_box img {width: 100%; max-width: none;}
    .system .sec4 .swipe_ic {display: none !important;}

    /********** 복리후생 **********/
    .welfare .sec {padding: 3.125rem 0;}
    .welfare .sec ul {grid-template-columns: repeat(3,1fr); gap: 0.9375rem; margin-top: 2rem;}
    .welfare .sec ul li {border-radius: 0.9375rem; padding: 1.25rem;}
    .welfare .sec ul li strong {font-size: 1.125rem;}
    .welfare .sec ul li p {font-size: 0.875rem; margin-top: 1rem; line-height: 1.3;}
    .welfare .sec ul li:hover p {height: 2.1rem;}

    /********** 협력사 사이트 **********/
    .partners {padding: 5rem 0 3.13rem;}
    .partners > .flex {flex-direction: column; gap: 1.875rem;}
    .partners > .flex > div {width: 100%;}
    .partners ul {grid-template-columns: repeat(2,1fr); gap: 1.25rem;}
    .partners li {border-radius: 1.25rem; aspect-ratio: 1.37/1;}
    .partners li p {font-size: 0.875rem;}
    .partners li strong {margin-top: .62rem; font-size: 1.125rem;}
    .partners li a {margin: 2.5rem auto 0; padding: 0 1.47rem; height: 2.18rem; gap: 0.625rem;}
    .partners li a span {font-size: 0.7875rem;}
    .partners li a span img {width: 1.11563rem;}

    /********** 통합검색 페이지 **********/
	.srh_result .tp_wrap{padding: 2.5rem 0; margin-top: 2.5rem;}
    .srh_result .sub_title h3 {font-size: 1.75rem; letter-spacing: -0.0625rem;}
	.srh_result .tp_wrap .search{width: 35.75rem;}
	.srh_result .tp_wrap .search input{height: 3rem; font-size: 0.875rem; letter-spacing: -0.03125rem; padding: 0 3.125rem 0 1.25rem;}
	.srh_result .tp_wrap .search_btn {right: 1.25rem;}
	.srh_result .tp_wrap .search_btn img {width: 1.125rem;}
	.srh_result .srh_cont{margin-top: 3.75rem;}
	.srh_result .srh_no_data .total{font-size: 0.875rem; margin-bottom: 1.25rem;}
	.no_data{padding: 5rem 0 !important;}
	.no_data .icon{width: 1.75rem;}
	.no_data p{margin-top: 1.25rem; font-size: 0.875rem; letter-spacing: -0.0375rem;}
	.srh_result .srh_data .tabmenu_wrap{margin-bottom: 4rem;}
	.srh_result .srh_data .tabmenu a{width: calc(100% / 5); padding: 0.75rem 0; font-size: 0.875rem; letter-spacing: -0.03125rem; display: flex; align-items: center; justify-content: center;}
	.srh_result .srh_data .item + .item{margin-top: 4rem;}
	.srh_result .srh_data .item .tit_box{margin-bottom: 1.25rem;}
	.srh_result .srh_data .item .tit_box .tit{gap: 1rem;}
	.srh_result .srh_data .item .tit_box .tit strong{font-size: 1.5rem; letter-spacing: -0.025rem;}
	.srh_result .srh_data .item .tit_box .tit span{font-size: 1rem; letter-spacing: -0.025rem;}
	.srh_result .srh_data .item .tit_box .tit .line{height: 1rem;}
	.srh_result .srh_data .item .tit_box .view_more{gap: 0.5rem; padding: 0.35rem 1rem;}
    .srh_result .srh_data .item .tit_box .view_more span {font-size: 0.875rem; letter-spacing: -0.03125rem;}
	.srh_result .srh_data .item .tit_box .view_more img{width: 1rem;}
    .srh_result .srh_data .item .tit_box .view_more .btn_fill {display: none;}
    .srh_result .srh_data .item .tit_box .view_more:hover {background: var(--color-navy);}

    /********** 약관 **********/
    .use_wrap .scrollCont {overflow: hidden; overflow-x: auto;}
    .use_wrap .scrollCont table {width: 150%;}
    
    
    
    
}


@media screen and (max-width:768px) {
    /********** 안전보건 **********/
    .safety .msds .dpp_basic_tbl .dpp_td_date:before {content: '날짜';}
    .safety .msds .dpp_basic_tbl .dpp_td_view:before {content: '다운로드';}
    .msds.dpp_basic_tbl .dpp_td_date:before {content: '날짜';}
    .msds.dpp_basic_tbl .dpp_td_view:before {content: '다운로드';}
    .dpp_basic_tbl .dpp_td_view img {width: 1.5rem;}
    .safety .policy .sec02 .cont {gap: 2.5rem; grid-template-columns: repeat(1,1fr);}
    .safety .ios ul {grid-template-columns: repeat(1,1fr); gap: 2.5rem;}
    
    /********** dp_gallery_list **********/
    .dp_gallery_list {gap: 2.5rem 2rem;}
    .dp_gallery_list li {width: 100%;}
    
    /********** dp_search_style **********/
    .dp_search_style {width: 100%;}
    .totalCont {flex-direction: column; align-items: flex-start; gap: 1rem;}

    /********** Energy Solution **********/
    /* list */
    .energy_list .list {grid-template-columns: repeat(1,1fr);}

    /********** modal gallery **********/
    .board_modal .dp_gallery_list {gap: 2.5rem 1rem;}
    .board_modal .dp_gallery_list li {width: calc(50% - (1rem / 2));}

    /******** 지속가능경영 cover ********/
    .sustainability_cover ul {gap: 1.25rem; flex-direction: column;}
    .sustainability_cover li {width: 100%; aspect-ratio: .98/1;}

    /******** 품질 ********/
    .quality .policy .swiper-wrapper {gap: 0;}
    .quality .policy .swiper-slide {width: 80%; border-radius: 0.625rem; aspect-ratio: .79/1;}
    .quality .policy .swiper-slide p {font-size: 1.17213rem; padding: 0 1.59rem; bottom: 1.59rem;}

    /******** Customer Service ********/
    .customer_Service .sec01 ul {grid-template-columns: repeat(1,1fr);}
    .customer_Service .sec02 {height: auto;}
    .customer_Service .sec02 .img {display: none;}
    .customer_Service .sec02 ul {flex-direction: column; gap: 1.25rem;}
    .customer_Service .sec02 ul li img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -1; display: block !important;}
    .customer_Service .sec02 ul li p {height: auto;}
    .customer_Service .sec02 ul li:hover p {height: auto; margin-top: 1.25rem;}
    .customer_Service .sec02 ul li.on p {margin-top: 1.25rem;}

    /******** Component Maintenance ********/
    .customer_Service .sec1 h2 br {display: none;}
    .customer_Service .sec4 ul {flex-direction: column; align-items: flex-start;}
    .customer_Service .sec4 li {width: 100%; aspect-ratio: 1.72/1;}

    /******** CIP ********/
    .cip .sec2 ul {flex-direction: column;}
    .cip .sec2 ul li {width: 100%;}

    /******** Customer Service ********/
    .customer_Service .sec03 ul {flex-direction: column;}
    .customer_Service .sec03 ul li {width: 100%;}


    /********** 중고장비(부품) **********/
    .used .sec4 .arrow {margin-top: -2rem;}
    .used .sec4 .flex-jb {justify-content: flex-start; gap: 2.47rem 0.21875rem; flex-wrap: wrap;}
    .used .sec4 .item {display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc((100% - (1.4875rem*2) - (0.21875rem*3))/2);}
    .used .sec5 ul {grid-template-columns: repeat(1,1fr);}
    .used .sec6 .flex.mt_30 {flex-direction: column;}
    .used .sec6 .box {width: 100%;}
    /* .used .sec6 .btnBox {flex-direction: column;} */

    /********** ULVAC Media **********/
    .media .item {flex-direction: column;}
    .media .item .txt {width: 100%;}
    .media .item .img {width: 100%; border-radius: 0.73013rem; aspect-ratio: 1.5/1;}
	.media .item .btnBox{margin-top: 1.5rem;}
	.media .item .btnBox.flex{gap: 0.625rem;}
	.media .item .btnBox a{height: 2.5rem; padding: 0 1.5rem;}
	.media .item .btnBox a span {font-size: 0.875rem;}

    /********** 연구소 소개 **********/
    .rnd_intro .sec3 .slide_wrap {left: auto; width: 100%; margin: -8.39rem auto 0;}
    .rnd_intro .sec4 .organization .bot .flex {height: auto; flex-direction: column;}
    .rnd_intro .sec4 .organization .bot .tit {width: 100%;}
    .rnd_intro .sec4 .organization .bot .cont {width: 100%; padding: 1.31rem .1rem; justify-content: center; text-align: center;}
    .rnd_intro .sec5 ul.cont {grid-template-columns: repeat(1,1fr);}
    .rnd_intro .sec5 ul.cont .img {aspect-ratio: 1.37/1;}
    
    /********** technology **********/
    .technology .boxTit {line-height: 1.2;}
    .technology .swipeCont {position: relative;}
    .technology .swipe_ic {display: block !important; width: 15rem !important; max-width: 60% !important;}
    .technology .swipe_ic.on {display: none !important;}
    /* grid */
    .technology .wt_box.grid {flex-direction: column;}
    .technology .wt_box.grid .item + .item {padding-top: 1.25rem;}
    .technology .wt_box.grid .item + .item::before {height: 1px; top: 0; width: 100%; transform: none;}
    .technology .wt_box.grid .item img {max-width: 17rem; width: 90%; height: auto; max-height: none;}
    /* cardBox */
    .technology .cardBox {gap: 0;}
    .technology .cardBox .cont {aspect-ratio: auto;}
    .technology .cardBox .cont img {width: 100%; max-width: 23rem;}
    /* .technology .cardBox .cont img {max-width: 23rem; width: 100%;} */
    /* blueBox */
    .technology .wt_box {padding: 1.25rem;}
    /* infoBox */
    .technology .infoBox {border-radius: 0.9375rem; flex-direction: column; align-items: flex-start; aspect-ratio: auto;}
    .technology .infoBox .img img {width: 23rem;}
    /* Products -> Semiconductor Lineup */
    .technology .pd_sec1 .blueBox2 .flex-jc {gap: 1.7rem; flex-direction: column; text-align: center;}
    .technology .pd_sec1 .blueBox2 .flex-jc > div {width: 100%;}
    .technology .pd_sec1 .blueBox2 .flex-jc img {height: auto; width: 100%; max-width: 11.77025rem;}
    .technology .pd_sec1 .blueBox2 .b_img {overflow-x: auto;}
    .technology .pd_sec1 .blueBox2 .b_img img {width: 45rem; max-width: none;}
    /* Products -> Multi-Chamber Sputtering System */
    .technology .pd_sec2 .swipe {overflow-x: auto;}
    .technology .pd_sec2 .swipe img {width: 45rem; max-width: none;}
    /* Products -> Native Oxide Removal System01 */
    .technology .pd_sec3 .wt_box .flex-jc {flex-direction: column; align-items: center;}
    .technology .pd_sec3 .wt_box .flex-jc img {width: 100%; max-width: 23rem;}
    /* Products -> Barrier Metal / Seed Cu */ 
    .technology .pd_sec5 .blueBox1 .flex {gap: 1.25rem; flex-direction: column;}
    .technology .pd_sec5 .blueBox1 .wt_box {width: 100% !important;}
    .technology .pd_sec5 .blueBox1 .wt_box:first-child > div:last-child {overflow-x: scroll;}
    .technology .pd_sec5 .blueBox1 .wt_box:first-child img {width: 45rem; max-width: none;}
    .technology .pd_sec5 .blueBox1 .wt_box:last-child img {max-width: 23rem; width: 100%;}
    /* WFE BEOL/FEOL Metallization -> Metal Hard Mask */ 
    .technology .wfe_sec1 .cardBox .cont {height: auto; aspect-ratio: auto;}
    .technology .wfe_sec1 .blueBox2 {gap: 1.25rem; flex-direction: column;}
    .technology .wfe_sec1 .blueBox2 .wt_box {width: 100%;}
    .technology .wfe_sec1 .blueBox2 .wt_box img {width: 100%;}
    /* .technology .wfe_sec2 .cardBox .cont {aspect-ratio: .753/1;} */
    .technology .wfe_sec3 .cardBox02 .cont {aspect-ratio: .804/1;}
    .technology .wfe_sec3 .cardBox02 .item .cont > div > div:first-child {height: auto;}
    .technology .wfe_sec3 .cardBox02 .cont .flex img {height: 15rem;}
    .technology .wfe_sec3 .cardBox02 .item:last-child img {height: 16.3rem; max-width: none;}
    .technology .wfe_sec3 .cardBox02 .cont .flex .box span {padding: .6rem .8rem; line-height: 1.1;}
    /* WFE BEOL/FEOL Metallization -> New Metal */ 
    .technology .wfe_sec4 .cardBox_swiper .cardBox .cont {aspect-ratio: auto;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid,
    .technology .wfe_sec4 .cardBox .cont img {max-width: 100%; width: 25rem;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item:last-child .cont {padding: 1.25rem;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid .img {justify-content: center;}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid .img > div:not(.arrow) {width: calc(50% - 2rem);}
    .technology .wfe_sec4 .cardBox_swiper .cardBox .item .grid .arrow img {width: 1.3125rem;}
    /* WFE BEOL/FEOL Metallization -> Cu-RDL for WLP */ 
    .technology .wfe_sec5 .tableCont {overflow-x: auto; position: relative;}
    .technology .wfe_sec5 .tableCont .swipe_ic {width: 13rem !important;}
    .technology .wfe_sec5 .tableCont table {width: 170%;}
    .technology .wfe_sec5 .blueBox .flex-jc {overflow-x: auto; justify-content: flex-start;}
    .technology .wfe_sec5 .blueBox .flex-jc img {width: 150%; max-width: none;}
    /* Dry Clean */ 
    .technology .dry_sec .graphBox {position: relative; overflow-x: auto;}
    .technology .dry_sec .graphBox .wt_box {width: 280%;}
    .technology .dry_sec .blueBox2 .wt_box > div:first-child {width: 8.5rem; min-width: 8.5rem;}
    .technology .dry_sec .blueBox2 .cont {padding: 1.25rem;}
    .technology .dry_sec .item02 img {max-width: 100%; width: 19rem;}
    .technology .dry_sec .graphBox .swipe_ic {width: 12rem !important;}
    /* Simulation / Analysis */ 
    .technology .sim_sec .blueBox2 .flex {grid-template-columns: repeat(2,1fr);}
    /* WFE BEOL/FEOL Metallization -> Barrier Metal/Seed Cu */ 
    .technology .wfe_sec2 .cardBox .cont {height: 100%;}
    .technology .wfe_sec2 .cardBox .cont,
    .technology .wfe_sec3 .cardBox .cont {aspect-ratio: auto;}

    /********** Infrastructure **********/
    .infrastructure .item {flex-direction: column; align-items: flex-start;}
    .infrastructure .item > div {width: 100%;}
    .infrastructure .item .txt {padding: 2rem 1.25rem;}

    /********** 인재상 **********/
    .people .sec3 .swiper-wrapper {gap: 0; padding: 0;}
    .people .sec3 .mt_60 {width: 100%; max-width: calc(100% - 2.5rem);}
    .people .sec3 .swiper-slide {width: 80%;}
    .people .sec3 .swiper-slide:nth-child(even) {margin-top: 0;}

    /********** 인사제도 **********/
    .system .sec3 .banner {height: auto; aspect-ratio: 1.37/1;}
    .system .sec3 .banner .circle {width: 50%;}
    .system .sec4 .w_box img {width: 77.875rem; max-width: none;}
    .system .sec4 .swipe_ic {width: 10rem !important; display: block !important;}
    .system .sec4 .swipe_ic.on {display: none !important;}

    /********** 복리후생 **********/
    .welfare .sec ul {grid-template-columns: repeat(2,1fr);}
    .welfare .sec ul li {padding: 1rem;}

    /********** 협력사 사이트 **********/
    .partners ul {grid-template-columns: repeat(1,1fr);}
    .partners ul li {padding: 2rem .5rem;}

    /********** 온라인문의 **********/
    /******************** common popup ********************/
    .mp_popupInner {width: calc(100% - 2.5rem);}

    /******************** 통합검색 페이지 ********************/
	.srh_result .tp_wrap{padding: 1.5rem 0;}
	.srh_result .tp_wrap .search{width: calc(100% - (1.25rem * 2));}
	.srh_result .tp_wrap .search input{width: 100%;}
	.no_data{padding: 4rem 0 !important;}
	.srh_result .srh_data .tabmenu_wrap{overflow-x: auto; margin-bottom: 3.5rem;}
	.srh_result .srh_data .tabmenu{width: max-content;}
	.srh_result .srh_data .tabmenu a{width: auto; padding: 0.75rem 1rem;}
	.srh_result .srh_cont{margin-top: 2.5rem;}
	.srh_result .srh_data .item + .item{margin-top: 3.5rem;}

    /******** 인권 ********/
    .humanrights .subBanner p {word-break: keep-all;}
    .humanrights .subBanner p br {display: none !important;}
}

@media screen and (max-width:750px) {
    
    /********** 인재상 **********/
    .people .sec5 .swipe_ic {width: 15rem; max-width: 40%; display: block !important;}
    .people .sec5 .swipe_ic.on {display: none !important;}
}

@media screen and (max-width:378px) {
    /********** technology **********/
    /* WFE BEOL/FEOL Metallization -> Metal Hard Mask */ 
    .technology .wfe_sec3 .cardBox02 .cont .flex .box span {height: 2.5rem;}

    /********** 복리후생 **********/
    .welfare .sec ul {grid-template-columns: repeat(1,1fr);}
}