@charset "UTF-8";

/****************************** FONT ******************************/
.fc { color:var(--pointC1) !important; }
.fc2 { color:var(--pointC2) !important; }
.fc3 { color:var(--pointC3) !important; }
.fc4 { color:var(--fontC1) !important; }
.fc5 { color:var(--fontC2) !important; }
.fc6 { color:var(--fontC3) !important; }
.fc7 { color:var(--fontC5) !important; }
.fc8 { color:var(--fontC8) !important; }
.fc9 { color:var(--fontC9) !important; }

.corp-name { font-family:var(--fontF1) !important; }
.fz2 { font-size:var(--fontSz2) !important; }
.fz3 { font-size:var(--fontSz3) !important; }
.fz4 { font-size:var(--fontSz4) !important; }
.fw { font-weight:var(--fontWg4) !important; }
.img-mix { mix-blend-mode:darken; }

/****************************** TEXT ******************************/
/********** TITLE **********/
.c-title1 { width:var(--size-warp-min-in); margin:0 auto; font-size:var(--fontSz16); font-weight:var(--fontWg3); line-height:64px; } /* 48 */
.c-title2 { font-size:var(--fontSz14); font-weight:var(--fontWg3); line-height:82px; margin-top:120px; } /* 72 */
.c-title2.mgt { margin-top:160px; }
.c-title2.mgt2 { margin-top:150px; }
.c-title2.mgt3 { margin-top:190px; }
.c-title3 { font-size:var(--fontSz13); font-weight:var(--fontWg3); line-height:66px; margin-top:160px; } /* 56 */
.c-title3 .ir-b::before { margin-right:16px; }
.c-title3.mgt { margin-top:0; }
.c-title3.mgt2 { margin-top:120px; }
.c-title3.mgt3 { margin-top:200px; }
.c-title4 { font-size:var(--fontSz11); font-weight:var(--fontWg3); line-height:50px; margin-top:120px; } /* 40 */
.c-title4 .num { display:block; font-size:var(--fontSz9); line-height:42px; color:var(--pointC1); margin-bottom:30px; }
.c-title4 .count { display:inline-block; background-color:var(--pointC1); font-size:var(--fontSz6); line-height:40px; color:var(--fontC5); height:40px; padding:0 16px; border-radius:40px; margin-left:16px; vertical-align:middle; }
.c-title4.mgt { margin-top:100px; }
.c-title4.mgt2 { margin-top:140px; }
.c-title4.mgt3 { margin-top:180px; }
.c-title4.mgt4 { margin-top:160px; }
.c-title4.mgt5 { margin-top:240px; }
.c-title4 .dot { font-size:70px; vertical-align:middle; padding:0 4px 0 4px; }
.c-title5 { font-size:var(--fontSz9); line-height:42px; font-weight:var(--fontWg3); margin-top:180px; } /* 32 */
.c-title5 .dot { font-size:50px; vertical-align:middle; padding:0 4px 0 4px; }
.c-title5.mgt { margin-top:96px; } 
.c-title6 { font-size:var(--fontSz6); line-height:34px; margin-top:120px; } /* 24 */
.c-title7 { font-size:var(--fontSz12); line-height:60px; font-weight:var(--fontWg3); margin-top:100px; } /* 50 */

/********** MESSAGE TEXT **********/
.mes-txt1 { font-weight:var(--fontWg3); color:var(--fontC2); line-height:26px; margin-top:16px; }
.contents > .mes-txt1:first-child, .tab8 + .anchor-cont > .mes-txt1:first-child { margin-top:96px; }
.sub-head + .contents:has(.tab8) > .mes-txt1:first-child { margin-top:16px; }
.mes-txt1 + .mes-txt1 { margin-top:40px; }
.prod-img-grid + .mes-txt1 { margin-top:16px; }
.mes-txt1 p + p { margin-top:24px; }
.prod-title3 + .mes-txt1 { margin-top:-24px; }
.prod-title4 + .mes-txt1 { margin-top:-8px; }

.mes-txt2 { font-size:var(--fontSz7); line-height:40px; } /* 26px */
.mes-txt3 { font-size:var(--fontSz6); line-height:34px; } /* 24px */
.c-title2 + .mes-txt3 { margin-top:60px; }
.c-title4 + .mes-txt3 { margin-top:40px; }
.mes-txt4 { font-size:var(--fontSz5); line-height:30px; } /* 20px */
.c-title3 + .mes-txt4 { margin-top:20px; }
.mes-txt5 { font-size:var(--fontSz1); line-height:20px; } /* 12px */
.mes-txt7 { font-size:var(--fontSz4); line-height:28px; margin-top:30px; } /* 18px */
.mes-txt8 { font-size:var(--fontSz11); line-height:60px; margin-top:100px; } /* 40px */

.c-title7 + .mes-txt3 { margin-top:40px; }

/********** BUL TEXT **********/
.bul-txt4 > li, .bul-txt4 > dd { position:relative; display:block; padding-left:12px; font-size:var(--fontSz1); line-height:20px; font-weight:var(--fontWg3); --color:var(--fontC3); color:var(--color); margin-left:6px; }
.bul-txt4 > li::before, .bul-txt4 > dd::before { content:'·'; display:inline-block; position:absolute; top:0; left:0; font-size:26px; }

.bul-txt6 > li, .bul-txt4 > dd { position:relative; display:block; padding-left:12px; font-size:var(--fontSz2); line-height:24px; font-weight:var(--fontWg3); --color:var(--fontC2); color:var(--color); margin-left:6px; }
.bul-txt6 > li::before, .bul-txt4 > dd::before { content:'·'; display:inline-block; position:absolute; top:0; left:0; font-size:26px; }

.ref-txt-box { background:var(--contC5); padding:24px; margin-top:24px; }
.box-btm + .ref-txt-box { margin-top:40px; }

.ref-txt > li, .ref-txt > dd, p.ref-txt { position:relative; display:block; font-size:var(--fontSz2); line-height:22px; color:var(--fontC2); font-weight:var(--fontWg3); padding-left:32px; }
.ref-txt > li::before, .ref-txt > dd::before, p.ref-txt::before { content:''; background:url("../img/common/i-mark.svg") 0 0 no-repeat; display:inline-block; position:absolute; top:5px; left:5px; width:12px; height:12px; }
.ref-txt > li + li, .ref-txt > dd + dd { margin-top:8px; }
.ref-txt > li > ul { margin-top:8px; }
.ref-txt > li > ul > li { font-size:var(--fontSz1); line-height:20px; color:var(--fontC3); }
.ref-txt .bul-txt4 { margin-bottom:8px; }

.ref-txt3 > dt::before { content:''; margin-right:8px; width:24px; height:24px; background:url('../img/common/i-mark-02.svg') 0 0 no-repeat; }
.ref-txt3 > dt { display:inline-flex; align-items:center; font-size:var(--fontSz6); line-height:34px; }
.ref-txt3 > dd { margin:0 0 0 1em; margin-top:16px; text-indent:-1em; line-height:26px; color:var(--fontC2); }

/****************************** SUB LAYOUT ******************************/
.sub-head { position:relative; padding-bottom:24px; }
.sub-head:not(.noline) + .contents::before { content:''; display:block; width:100%; border-top:solid 1px var(--contC12); }
.sub-head + .contents:has(.tab8:first-child)::before { display:none; }

.sub-vis { position:relative; height:480px; overflow:hidden; color:var(--contC6); font-weight:var(--fontWg3); margin-top:24px; }
.contents > .sub-vis { margin-top:60px; margin-left:0; margin-right:0; }
.sub-vis > .img { width:100%; height:100%; margin:0 auto; overflow:hidden; }
.sub-vis img { object-fit:cover; height:100%; width:100%; }
.sub-vis .txt { position:absolute; left:0; top:50%; z-index:2; width:100%; font-size:32px; line-height:1.625; transform:translateY(-50%); text-align:center; }

.sub-head-full { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:var(--contC6); height:var(--vh-100); margin-top:calc(var(--size-header) * -1);
	font-size:72px; line-height:1.333; font-weight:var(--fontWg3);
}
.sub-head-full .sub-vis { position:absolute; top:0; left:0; right:0; bottom:0; height:auto; z-index:-1; margin-top:0; }
.sub-head-full .sub-vis img { object-fit:cover; height:100%; width:100%; }
.sub-head-full .c-title2 { margin-top:0; color:inherit; }

.location { position:sticky; top:0; z-index:99; margin:0 0 120px; height:62px; font-weight:var(--fontWg3); word-break:break-word; display:flex; justify-content:space-between; background-color:#fff; }
.location:not(:empty)::before { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#eee; }
.location:empty { height:0; --logooverflow:hidden; }
.location .menu { margin-left:auto; font-size:16px; width:clamp(480px, 33.34vw, 640px); --logo:url('../img/common/logo-default-en-02.svg') 16.2% center / auto 28px no-repeat; }
[lang="ko"] .location .menu { --logo:url('../img/common/logo-default.svg') 12.2% center / auto 32px no-repeat; }
.location .menu .handle { position:relative; z-index:2; width:100%; height:62px; background:#323232 var(--logo); }
.location .menu .handle::before { content:''; position:absolute; right:9.9%; top:50%; width:24px; height:14px; transform:translateY(-50%); border-color:#fff; border-width:2px 0 2px; border-style:solid; box-sizing:border-box; }
.location .menu .handle::after { content:''; position:absolute; right:9.9%; top:50%; width:16px; height:2px; margin-right:8px; transform:translateY(-50%); background-color:#fff; box-sizing:border-box; }
.location .menu.dropdown-opend .handle::before { height:2px; border-width:0; background-color:#fff; transform:translateY(-50%) rotate(45deg); }
.location .menu.dropdown-opend .handle::after { width:24px; margin-right:0; transform:translateY(-50%) rotate(-45deg);}
.location .menu .target {
	position:relative; display:none; flex-direction:column; gap:var(--gap); padding:var(--pd-top) 9.9% var(--pd-top) 15.6%; background-color:#242424; color:#fff;
	--dep2-w:234px; --gap:clamp(20px, 4.629vh, 50px); --pd-top:60px;
}
.location .menu .target::after { content:''; position:absolute; right:295px; bottom:var(--pd-top); top:var(--pd-top); z-index:2; width:1px; pointer-events:none; background-color:rgba(255,255,255,0); }
.location .menu .target ul:last-child { order:-1; }
.location .menu .target .dep1 { width:calc(100% - var(--dep2-w)); display:flex; flex-direction:column; padding:0; margin:calc(var(--gap) / -2) 0; }
.location .menu .target .dep1 > li { padding:calc(var(--gap) / 2) 35px calc(var(--gap) / 2) 0; }
.location .menu .target .dep1 > li > a { position:relative; display:inline-block; }
.location .menu .target .dep1 > li > a::before { content:''; position:absolute; bottom:-9px; left:0; width:calc(100% * var(--visible, 0)); height:2px; background-color:var(--pointC1); transition:width var(--time-ani-base); }
.location .menu .target .dep2 { position:absolute; top:0; bottom:0; right:9.9%; padding:var(--pd-top) 0 var(--pd-top) 35px; width:var(--dep2-w); display:flex; flex-direction:column; gap:var(--gap); transition:opacity var(--time-ani-base);
	z-index:var(--zidx, 0); opacity:var(--visible, 0); pointer-events:var(--visible, none);
}
.location .menu .target:focus-within .dep1 > li,
.location .menu .target:has(.dep1:hover) .dep1 > li { opacity:.35; }
.location .menu .target .dep1 > li:focus-within,
.location .menu .target .dep1 > li:not(:focus-within):hover,
.location .menu .target .dep1 > li:not(:focus-within):has(.dep2:hover) { opacity:1; --visible:1; --event:all; --zidx:2; }
.location .menu .target:has(.dep1 > li:focus-within, .dep1 > li:hover)::after { background-color:rgba(255,255,255,.1); }
.location .path { padding-left:60px; font-size:14px; line-height:62px; color:#999; }
.location .path { display:flex; --gap:40px; gap:var(--gap); }
.location .path > li:only-child { display:none; }
.location .path > li:not(:first-child)::before { content:''; display:inline-block; width:11px; height:7px; margin:0 var(--gap) 0 0; transform:rotate(-90deg); background:url('../img/common/i-arr-12.svg') center center / contain no-repeat; }
.location .path > li:not(:has(ul)) { pointer-events:none; }
.location .path > li ul { position:absolute; left:calc(var(--gap) / 2); top:100%; min-width:calc(100% + (var(--gap) / 2)); display:flex; flex-direction:column; gap:27px; overflow:hidden; transform:translateY(-1px); padding:0 44px 0 24px; background:#FFFFFF; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1); transition:height 0ms, opacity var(--time-ani-base); }
.location .path > li:not(:focus-within):not(:hover) ul { height:0; opacity:0; transition-delay:var(--time-ani-base), 0ms; }
.location .path > li ul::before { content:''; display:block; height:5px; }
.location .path > li ul::after { content:''; display:block; height:17px; margin:0 -44px 0 -24px; border-bottom:1px solid var(--pointC1); }
.location .path > li ul a:hover { color:#000; }
.location .path > li:has(ul) { position:relative; white-space:nowrap; }
.location .path > li:has(ul) > a { color:var(--pointC1); }
.location .path > li:has(ul) > a::after { content:''; display:inline-block; width:8px; height:8px; margin:0 0 0 12px; background-color:currentColor; -webkit-mask:url("../img/common/i-more-03.svg") 100% 0 / contain no-repeat; mask:url("../img/common/i-more-03.svg") 100% 0 / contain no-repeat; }
.location .path ul { line-height:1.2; }
@media(max-width:1800px) {
	.location .menu .target { --dep2-w:200px; padding-left:9.9%; padding-right:9.9%; }
	.location .menu .target::after { right:254px; }
}


/****************************** BUTTON ******************************/
[class*="btn-cm"] { display:inline-block; padding:0 32px 0 32px; box-sizing:border-box; border:solid 1px transparent; }
[class*="btn-cm"] .btn-in::after { margin-left:60px; }
[class*="btn-cm"] .btn-in { position:relative; display:inline-block; text-align:left; white-space:nowrap; }

.btn-cma { min-width:240px; height:80px; border-radius:80px; font-size:var(--fontSz5); line-height:78px; font-weight:var(--fontWg3); padding:0 55px; }
.btn-cma .btn-in { margin:0 -24px; }

.btn-cmb { min-width:224px; height:64px; border-radius:64px; font-size:var(--fontSz4); line-height:64px; font-weight:var(--fontWg3); padding:0 40px 0 40px; }
.btn-cmb .btn-in { margin-right:-8px; }
.btn-cmb .btn-in::after { margin-left:50px; }

.btn-cmc { height:60px; border-radius:60px; font-size:var(--fontSz3); line-height:60px; padding:0 46px; }
.btn-cmc .btn-in { margin:0 -16px; }

.btn-cmd { height:48px; border-radius:48px; font-size:var(--fontSz2); line-height:48px; }
.btn-cmd .btn-in { margin:0 -8px; }

.btn-cme { height:40px; border-radius:40px; font-size:var(--fontSz2); line-height:40px; font-weight:var(--fontWg3); padding:0 24px 0 24px; }
.btn-cme .btn-in::after { margin-left:16px; }
.btn-cme .btn-in { margin:0 -6px; }

.btn-cmf { height:56px; border-radius:56px; font-size:var(--fontSz3); line-height:56px; font-weight:var(--fontWg3); padding:0 24px 0 32px; }
.btn-cmf .btn-in::after { margin-left:28px; }

.btn-c1 { background:var(--pointC1); border-color:var(--pointC1); color:var(--fontC5); }
.btn-c1:hover, .btn-c1.hover { background:var(--pointC2); border-color:var(--pointC2); }

.btn-c2 { border:solid 1px var(--contC6); color:var(--fontC5); }
/*.btn-c2:hover, .btn-c2.hover { background:var(--contC2); }*/

.btn-c3 { border:solid 1px var(--fontC1); color:var(--fontC1); }
.btn-c3:hover, .btn-c3.hover { border-color:var(--contC9); }

.btn-c4 { border:solid 1px var(--pointC1); color:var(--pointC1); }
.btn-c4:hover, .btn-c4.hover { border-color:var(--pointC2); }

.btn-c5 { border:solid 1px var(--contC7); color:var(--fontC1); }
.btn-c5:hover, .btn-c5.hover { border-color:var(--contC9); }

.btn-c6 { background:var(--contC6); border-color:var(--contC6); color:var(--fontC1); }

.btn-c1.disabled, .btn-c1:disabled, .btn-c2.disabled, .btn-c2:disabled { border-color:var(--contC4); background:var(--contC4); color:var(--fontC4); }
.btn-c3.disabled, .btn-c3:disabled, .btn-c4.disabled, .btn-c4:disabled, .btn-c5.disabled, .btn-c5:disabled, .btn-c6.disabled, .btn-c6:disabled { border-color:var(--contC3); color:var(--fontC4); }

[class*="btn-cm"].disabled [class*="i-arr"]::after { background-image:url("../img/common/i-arr-09.svg"); }

.btn-area { margin-top:120px; text-align:center; font-size:0; }
.btn-area.mgt { margin-top:64px; }
.btn-area [class*="btn-cm"] { margin:0 8px; }
.btn-area.ty2 { margin-top:68px; }
.btn-area.ty2 [class*="btn-cm"] { margin:0 6px; }
.btn-area.ty3 { display:flex; justify-content:space-between; }

.btn-upload { display:inline-block; width:188px; height:80px; background:var(--contC8); color:var(--fontC5); font-size:var(--fontSz5); line-height:80px; }
.btn-upload .i-add::before { margin-right:4px; }
.btn-sch { display:inline-block; width:48px; height:48px; background-color:var(--pointC1); line-height:48px; }
.btn-sch2 { display:inline-block; width:80px; height:80px; background-color:var(--pointC1); line-height:80px; }
.btn-print { display:inline-block; width:80px; height:80px; background-color:var(--contC5); line-height:80px; border-radius:100%; }


/****************************** NO DATA ******************************/
.list-nodata { font-size:var(--fontSz5); line-height:30px; text-align:center; }


/****************************** BOARD ******************************/
.board-list thead th { font-size:var(--fontSz4); line-height:28px; font-weight:var(--fontWg4); border-top:solid 1px var(--contC1); border-bottom:solid 1px var(--contC1); padding:36px 16px; }
.board-list .subj { text-align:left; }
.board-list th.num { }
.board-list td { font-size:var(--fontSz4); line-height:28px; border-bottom:solid 1px var(--contC4); padding:36px 16px; text-align:center; }
.board-list td.num { font-weight:var(--fontWg3); }
.board-list td.subj { font-size:var(--fontSz4); font-weight:var(--fontWg3); }
.board-list td.subj .subj-in { display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:calc(100% - 35px); vertical-align:middle; }
.board-list td.date { font-weight:var(--fontWg3); }
.board-list td .i-new { margin-left:10px; }
.board-list td a:hover { text-decoration:underline; }
.board-list td.nodata { padding:140px 0 130px; }

.board-view { margin-top:20px; }
.board-head { position:relative; padding-bottom:36px; }
.board-title { width:calc(100% - 120px); min-height:80px; font-weight:var(--fontWg3); font-size:var(--fontSz11); line-height:50px; margin-bottom:76px; }
.board-title .i-new { margin:-2px 0 0 8px; }
.board-info { display:flex; justify-content:space-between; }
.board-data { display:flex; font-size:var(--fontSz3); line-height:26px; }
.board-data dt { padding-right:36px; }
.board-data dd { color:var(--fontC2); }
.board-data dd + dt { margin-left:32px; }
.board-cont { border-top:solid 1px var(--contC7); padding:76px 0 0 0; font-size:var(--fontSz4); line-height:28px; }
.board-img { overflow:hidden; margin:0 auto 40px; line-height:0; }
.board-img:only-child { margin:0 auto 0; }
.board-cont img, .board-cont table { max-width:100%; }
.board-view .btn-print { position:absolute; right:0; top:0; }

.board-nav { margin-top:100px; border-top:solid 1px var(--contC1); }
.board-nav dl { display:flex; font-size:var(--fontSz4); line-height:28px; font-weight:var(--fontWg3); border-bottom:solid 1px var(--contC4); }
.board-nav dl dt { flex-shrink:0; width:164px; padding:36px 0 36px 24px; }
.board-nav dl dt::before { margin:0 16px 0 0; }
.board-nav dl .subj { width:100%; padding:36px 0 36px 32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.board-nav dl .date { flex-shrink:0; width:216px; padding:36px 24px 36px 32px; text-align:center; }
.board-nav dl.board-nav-next dt::before { transform:rotate(180deg); }
.board-nav dl.nodata .subj, .board-nav dl.nodata .date, .board-nav dl.nodata dt, .board-nav dl.nodata dt::before { opacity:0.29; }


/****************************** Attachment ******************************/
.attach-list { position:relative; right:0; z-index:2; }
.attach-list .i-attach::before { margin-right:8px; }
.attach-list .target { position:absolute; top:34px; right:0; width:205px; border-radius:8px; box-shadow:0px 1px 6px 0px #0000001F; padding:12px; background-color:var(--contC6); }
.attach-list .attach-items { font-size:var(--fontSz1); color:var(--fontC1); font-weight:var(--fontWg3); padding:0 0 0 0; }
.attach-list .attach-items li + li { margin-top:12px; }
.attach-list .attach-items .item { display:block; }
.attach-list .attach-items .txt-in { display:inline-block; max-width:126px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.attach-list .attach-items .i-down::before { margin-right:4px; }


/****************************** INFO DATA ******************************/
.info-data1 { border-top:solid 1px var(--contC1); }
.info-data1 .tb-bg { background:var(--contC5); }
.info-data1 thead { font-size:var(--fontSz3); line-height:26px; border-bottom:solid 1px var(--contC1); }
.info-data1 thead th { font-size:var(--fontSz3); line-height:26px; font-weight:var(--fontWg4); border-bottom:solid 1px var(--contC1); padding:24px 24px; }
.info-data1 td { font-size:var(--fontSz3); color:var(--fontC9); line-height:26px; font-weight:var(--fontWg3); border-bottom:solid 1px var(--contC4); padding:24px 24px; }
.info-data1 .tb-ty1 { padding:16px 16px; border-bottom:solid 1px var(--contC4); }
.info-data1 .tb-ty2 { padding:16px 16px; border-top:none; }
.info-data1 .tb-ty3 { padding-left:16px; }
.info-data1.tb-h-fix td { height:96px; padding-top:0; padding-bottom:0; }
.info-data1.pd-small td { padding:24px 8px; }
html[lang="en"] .info-data1.pd-small td, html[lang="zh"] .info-data1.pd-small td { padding:24px 4px; }
.info-data1.mgt2 { margin-top:100px; }

.box-btm { font-size:var(--fontSz2); color:var(--fontC2); line-height:22px; font-weight:var(--fontWg3); margin-top:16px; }
ul.box-btm { display:flex; }
ul.box-btm em { display:inline-block; width:48px; text-align:center; font-size:var(--fontSz1); line-height:18px; color:var(--pointC1); border:solid 1px var(--pointC1); margin-right:6px; vertical-align:top; }
html[lang="en"] ul.box-btm em { width:56px; }
html[lang="zh"] ul.box-btm em { width:68px; }
ul.box-btm li + li { margin-left:16px; }
.box-btm.ty2 { font-size:var(--fontSz3); font-weight:var(--fontWg3); color:var(--fontC2); line-height:26px; margin-top:16px; }

.list-info { display:flex; justify-content:space-between; align-items:center; margin:80px 0 24px; }
.list-total { font-size:var(--fontSz5); line-height:30px; color:var(--fontC1); }
.list-total em { margin-left:8px; }
.list-total2 { font-size:var(--fontSz9); line-height:42px; color:var(--fontC1); }
.list-info.mgt { margin-top:120px; }
.list-info2 { text-align:center; margin:80px 0 60px; }


/****************************** PAGING ******************************/
.paging { display:flex; justify-content:center; align-items:center; margin:80px 0 0 0; }
.paging.btns { position:relative; padding-top:8px; }
.paging .pag { display:block; margin:0 7px; }
.paging .num { display:flex; margin:0 32px; }
.paging .num strong, .paging .num a { display:block; min-width:24px; height:24px; text-align:center; font-size:var(--fontSz3); line-height:24px; margin:0 8px; }
.paging .num a:hover { text-decoration:underline; }
.paging .num strong { color:var(--pointC); }
.paging .pag[disabled] { pointer-events:none; opacity:0.29; }
.paging .num .current { color:var(--pointC1); }
.paging .num ~ .pag .i-paging-arr { transform:rotate(-180deg); }
.paging .num ~ .pag .i-paging-arr2 { transform:rotate(-180deg); }
.paging .btns-in { position:absolute; right:0; top:0px; }
.paging + .btns-in { width:fit-content; margin:-42px 0 0 auto; }


/****************************** VIDEO ******************************/
.video-in { position:relative; overflow:hidden; }
.video-in .video-control { position:absolute; top:0; left:0; right:0; bottom:0; line-height:0; padding-bottom:0; background-color:rgba(0, 0, 0, 0.36); }
.video-in > video, .video-in > img { vertical-align:top; width:100%; height:100%; object-fit:cover; }
.video-in .video-control img { width:60px; }
.video-in .video-control .btn { display:block; width:fit-content; height:fit-content; margin:0 auto; padding:60px; background-color:#F37321; border-radius:100%; transition:all var(--time-ani-base); }
.video-in .video-control ~ .title { padding-top:215px; }
.video-in .playing ~ .video-control + .title,
.video-in .playing ~ .video-control { opacity:0; }


/****************************** TAB ******************************/
.tab2 { --sticky-mg:20px; margin-top:45px; }
.tab2.sticky { position:sticky; top:-1px; z-index:90; margin:calc(80px - var(--sticky-mg, 0px)) 0; padding:var(--sticky-mg, 0px) 0; transition:top var(--time-ani-base) 50ms; }
.tab2.sticky::before { content:''; position:absolute; left:-50vw; right:-50vw; top:0; bottom:0; z-index:-1; background-color:rgba(255,255,255,0.95); backdrop-filter:blur(15px); }
.tab2 ul { display:flex; flex-wrap:wrap; gap:8px; }
.tab2 ul .tab-item a, .tab2 ul .tab-item button { display:block; border:solid 1px var(--pointC1); padding:0 20px; height:40px; font-size:var(--fontSz2); line-height:40px; color:var(--pointC1); border-radius:40px; text-align:center; }
.tab2 ul .tab-item.active a, .tab2 ul .tab-item.active button { background-color:var(--pointC1); color:var(--fontC5); }
.tab2 ul .tab-item .count { display:inline-block; background-color:var(--contC4); font-size:var(--fontSz1); line-height:30px; color:var(--fontC1); height:30px; padding:0 12px; border-radius:30px; margin-left:8px; vertical-align:1px; }
.tab2 ul .tab-item.active .count { color:var(--pointC1); }

.tab3 { margin-top:96px; }
.tab3 ul { display:flex; gap:12px;}
.tab3 ul .tab-item a, .tab3 ul .tab-item button { display:block; border:solid 1px var(--pointC1); padding:0 24px; height:48px; font-size:var(--fontSz2); font-weight:var(--fontWg3); line-height:48px; color:var(--pointC1); border-radius:40px; text-align:center; }
.tab3 ul .tab-item.active a, .tab3 ul .tab-item.active button { background-color:var(--pointC1); border-color:var(--pointC1); color:var(--fontC5); }

.tab4 { }
.tab4 ul { display:flex; gap:40px; }
.tab4 ul .tab-item a, .tab4 ul .tab-item button { display:block; border-bottom:solid 2px var(--contC6); font-size:var(--fontSz5); font-weight:var(--fontWg3); line-height:34px; color:var(--fontC3); }
.tab4 ul .tab-item.active a, .tab4 ul .tab-item.active button { color:var(--pointC1); border-color:var(--pointC1); }

.tab5 { --sticky-mg:20px; margin-top:60px; }
.tab5.sticky { position:sticky; top:-1px; z-index:90; margin:calc(60px - var(--sticky-mg, 0)) 0; padding:var(--sticky-mg) 0; transition:top var(--time-ani-base) 50ms; }
.tab5.sticky::before { content:''; position:absolute; left:-50vw; right:-50vw; top:0; bottom:0; z-index:-1; background-color:rgba(255,255,255,0.95); backdrop-filter:blur(15px); }
.tab5 ul { display:flex; }
.tab5 ul .tab-item { flex:1; }
.tab5 ul .tab-item a, .tab5 ul .tab-item button { display:block; border:solid 1px var(--contC3); height:80px; font-size:var(--fontSz5); line-height:80px; color:var(--fontC2); text-align:center; margin:0 -1px 0 0; }
.tab5 ul .tab-item.active a, .tab5 ul .tab-item.active button { position:relative; z-index:2; background-color:var(--pointC1); color:var(--fontC5); border-color:var(--pointC1); }
.tab5 ul .tab-item .count { display:inline-block; background-color:var(--contC4); font-size:var(--fontSz1); line-height:30px; color:var(--fontC1); height:30px; padding:0 12px; border-radius:30px; margin-left:8px; vertical-align:1px; }
.sub-vis + .contents > .tab5:first-child { margin-top:180px; }

.tab7 ul { display:flex; }
.tab7 .tab-item a { display:block; border:1px solid var(--contC8); border-radius:200px; background:var(--contC6); padding:15px 32px 13px; font-weight:var(--fontWg3); font-size:var(--fontSz6); line-height:34px; }
.tab7 .tab-item + .tab-item { margin-left:10px; }
.tab7 .tab-item.active a { background:var(--contC1); color:var(--fontC5); }

.tab8 { margin-top:24px; }
.tab8:not(:first-child) { margin-top:96px; }
.tab8 ul { display:flex; gap:12px; flex-wrap:nowrap; white-space:nowrap; overflow-x:auto; scrollbar-width:none; }
.tab8 .tab-item a { font-size:var(--fontSz2); color:var(--fontC13); line-height:54px; border:1px solid var(--contC13); border-radius:100px; padding:16px 24px 16px; transition:all ease 300ms;}
.tab8 .tab-item.active a, .tab8 .tab-item a:hover { border-color:var(--pointC1); color:var(--pointC1); }
.tab8 ul, .tab8 ul a { user-select:none; -webkit-user-drag:none; }
.mes-txt1 + .tab8 { margin-top:48px; }

.tab9 ul { display:flex; gap:16px; }
.tab9 .tab-item a { display:inline-block; min-width:160px; color:var(--fontC10); font-weight:var(--fontWg3); line-height:54px; border:1px solid var(--contC13); border-radius:100px; padding:0 32px 0; text-align:center; }
.tab9 .tab-item.active a, .tab9 .tab-item a:hover { border-color:var(--pointC1); background-color:var(--pointC1); color:var(--fontC5); }
.tab8 ul, .tab9 ul a { user-select:none; -webkit-user-drag:none; }

.tab10 { margin-top:80px; }
.tab10 ul { display:flex; flex-wrap:wrap; gap:8px; }
.tab10 ul .tab-item a, .tab10 ul .tab-item button { display:block; border:solid 1px var(--contC3); padding:0 20px; height:42px; font-size:var(--fontSz3); line-height:42px; font-weight:var(--fontWg3); color:var(--fontC1); border-radius:40px; text-align:center; }
.tab10 ul .tab-item.active a, .tab10 ul .tab-item.active button { background-color:var(--pointC1); border-color:var(--pointC1); color:var(--fontC5); }
.tab10 ul .tab-item .count { display:inline-block; background-color:var(--contC14); font-size:var(--fontSz2); line-height:21px; color:var(--fontC1); height:20px; padding:0 8px; border-radius:20px; margin-left:8px; vertical-align:1px; }
.tab10 ul .tab-item.active .count { background-color:var(--contC6); color:var(--pointC1); }

.tab11 { animation:load-fade-t-b 600ms 300ms backwards; animation-delay:400ms; position:relative; height:62px; margin-bottom:100px; padding:0 60px; }
.tab11::before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; border-bottom:1px solid var(--contC14); background:var(--contC5); }
.location + .tab11 { margin-top:-120px; }
.tab11 ul { display:flex; align-items:center; gap:40px; }
.tab11 ul .tab-item a, .tab11 ul .tab-item button { position:relative; display:block; height:62px; font-size:var(--fontSz2); line-height:62px; color:#999; font-weight:var(--fontWg3); letter-spacing:-0.28px; margin:0 -1px 0 0; }
.tab11 ul .tab-item.active a, .tab11 ul .tab-item.active button { color:var(--fontC1); border-bottom:solid 3px var(--pointC1); color:var(--pointC1); }

.tab-cont:not(.active) { display:none; }


/****************************** FORM ******************************/
.fm-field { margin-top:80px; }
.fm-field.mgt { margin-top:60px; }
.fm-field.mgt2 { margin-top:120px; }
.fm-row { display:flex; }
.fm-row-fill .fm-item { flex:none; width:calc(50% - 8px); }
.i-required { display:inline-block; font-size:var(--fontSz4); line-height:30px; color:var(--fontC1); }
.i-required::after { content:'*'; font-size:var(--fontSz3); color:var(--pointC1); margin-left:4px; }
.c-title3 + .i-required { display:block; margin-top:-30px; text-align:right; }

.fm-row + .fm-row { margin-top:48px; }

.fm-item { flex:1; }
.fm-item + .fm-item { margin-left:16px; }

.fm-item2 + .fm-item2 { margin-top:40px; }
.fm-unit-wrap { display:flex; margin-left:-16px; }/* 인풋 여러개 */
.fm-unit-wrap .fm-ipt, .fm-unit-wrap .fm-sel { flex:1; margin-left:16px; }
.fm-unit-txt { position:relative; }/* 인풋 + text */
.fm-unit-txt .fm-ipt { padding-right:100px; }
.fm-unit-txt .fm-txt-in { position:absolute; right:16px; top:15px; font-size:var(--fontSz3); line-height:26px; }

.fm-label { font-size:var(--fontSz5); line-height:30px; color:var(--fontC1); margin-bottom:16px; }
.fm-label2 { font-size:var(--fontSz4); line-height:28px; color:var(--pointC1); margin-bottom:16px; }

.fm-ipt { width:100%; height:56px; font-size:var(--fontSz3); color:var(--contC1); border:solid 1px var(--contC1); padding:0 16px 0 16px; text-align:left; }
.fm-ipt2 { width:100%; height:48px; font-size:var(--fontSz4); color:var(--contC1); border:solid 1px var(--contC1); padding:0 24px 0 24px; text-align:left; }
.fm-ipt3 { width:100%; height:90px; font-size:var(--fontSz13); line-height:60px; border-bottom:solid 2px var(--contC1); border-width:0 0 2px 0; padding:0 120px 24px 0; }
.fm-ipt3::-webkit-input-placeholder { color:var(--fontC4) !important; font-weight:var(--fontWg4) !important; }
.fm-ipt3::-moz-placeholder { color:var(--fontC4) !important; font-weight:var(--fontWg4) !important; }
.fm-ipt3:-ms-input-placeholder { color:var(--fontC4) !important; font-weight:var(--fontWg4) !important; }
.fm-ipt4 { width:100%; height:88px; font-size:var(--fontSz6); line-height:60px; background:transparent; border-bottom:solid 2px var(--contC1); border-width:0 0 2px 0; padding:0 120px 24px 0; }
.fm-ipt4::-webkit-input-placeholder { color:var(--fontC4) !important; font-weight:var(--fontWg4) !important; }
.fm-ipt4::-moz-placeholder { color:var(--fontC4) !important; font-weight:var(--fontWg4) !important; }
.fm-ipt4:-ms-input-placeholder { color:var(--fontC4) !important; font-weight:var(--fontWg4) !important; }
.fm-ipt5 { width:100%; height:88px; font-size:var(--fontSz9); line-height:60px; background:transparent; border:solid 1px var(--contC7); border-radius:88px; padding:0 72px 0 40px; }
input.fm-ipt5 { box-shadow:0px 8px 30px 0px rgba(0, 0, 0, 0.03) !important; }
.fm-ipt5::-webkit-input-placeholder { color:var(--fontC4) !important; font-weight:var(--fontWg4) !important; }
.fm-ipt5::-moz-placeholder { color:var(--fontC4) !important; font-weight:var(--fontWg4) !important; }
.fm-ipt5:-ms-input-placeholder { color:var(--fontC4) !important; font-weight:var(--fontWg4) !important; }

.fm-sel { width:100%; height:56px; font-size:var(--fontSz3); color:var(--contC1); border:solid 1px var(--contC1); padding:0 16px 0 16px; background:var(--contC6) url("../img/common/fm-sel.png") right 14px center no-repeat; }

.fm-sch .fm-ipt { padding-right:40px; }
.fm-sch-in { position:relative; }
.fm-btn-refresh { width:56px; height:56px; background-color:var(--contC1); margin-left:-4px; }
.fm-btn-sch2 { width:60px; height:60px; }
.fm-txt1 { font-size:var(--fontSz2); line-height:22px; color:var(--fontC3); font-weight:var(--fontWg3); margin-top:4px; }
.fm-txt1.mgt { margin-top:8px; }

.fm-ta { width:100%; color:var(--contC1); line-height:26px; border:solid 1px var(--contC1); padding:24px; text-align:left; resize:none; }
.fm-captcha { display:inline-block; width:145px; height:56px; background:var(--contC6); margin-left:16px; border:solid 1px var(--contC10); vertical-align:middle; line-height:56px; text-align:center; }
.fm-captcha img { max-width:100%; max-height:100% }
.fm-w1 { width:400px; }
.fm-bul-list > li, .fm-bul-list > dd { position:relative; display:block; padding-left:30px; font-size:var(--fontSz5); line-height:30px; color:var(--fontC1); font-weight:var(--fontWg3); }
.fm-bul-list > li::before, .fm-bul-list > dd::before { content:'·'; display:inline-block; position:absolute; top:2px; left:10px; width:5px; height:5px; font-size:46px; }

.fm-bul-list.col3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px 16px; }
.fm-chk-list.col3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px 40px; }


/********** FILE **********/
.fm-file { display:flex; }
.fm-file .file-label { flex:none; width:156px; height:56px; text-align:center; background-color:var(--contC8); color:var(--contC6); font-size:var(--fontSz3); line-height:56px; margin-right:16px; }
.fm-file .i-add::before, .fm-file .i-del::before { margin-right:8px; }
.fm-file .file-label input { position:absolute; width:1px; height:1px; opacity:0; }
.fm-file .file-result { flex:1; }
.fm-file .file-list { display:flex; flex-wrap:wrap; height:56px; padding:16px; font-size:var(--fontSz3); line-height:24px; background-color:var(--contC4); }
.fm-file .file-list:empty::before { content:''; }
.fm-file .file-list > button + button { margin-left:16px; }
.fm-file .file-list > button .size { color:var(--fontC3); }
.fm-ps { display:block; margin-top:4px; font-size:var(--fontSz2); line-height:22px; font-weight:var(--fontWg3); color:var(--fontC3); }

/********** CHECKBOX/RADIO **********/
.fm-chk1 .fm-chk-lb::before, .fm-chk1 .fm-chk-lb::after { content:''; width:32px; height:32px; position:absolute; left:0; transition:.2s opacity; }
.fm-chk1 .fm-chk-lb::before { background-image:url("../img/common/i-chk.svg"); top:0; }
.fm-chk1 .fm-chk-lb::after { background-image:url("../img/common/i-chk-active.svg"); opacity:0; }
.fm-chk1 { display:block; position:relative; vertical-align:top; line-height:1; text-align:left; } /* 기본 체크박스 */
.fm-chk1 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk1 .fm-chk-lb { position:relative; display:inline-block; font-size:var(--fontSz5); line-height:32px; word-break:keep-all; word-wrap:break-word; padding-left:40px; overflow:hidden; }
.fm-chk1 input:checked + .fm-chk-lb::before { opacity:0; }
.fm-chk1 input:checked + .fm-chk-lb::after { opacity:1; }
.fm-chk1 input[disabled] + .fm-chk-lb { opacity:0.5; color:var(--fontC3); }

.fm-chk2 { display:block; position:relative; vertical-align:top; line-height:1; text-align:left; } /* 기본 라디오 */
.fm-chk2 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk2 .fm-chk-lb:before, .fm-chk2 .fm-chk-lb:after { content:''; display:block; box-sizing:border-box; }
.fm-chk2 .fm-chk-lb { display:inline-block; font-size:var(--fontSz4); line-height:36px; word-break:keep-all; word-wrap:break-word; padding-left:38px; }
.fm-chk2 .fm-chk-lb:before { position:absolute; top:3px; left:0; width:28px; height:28px; border:solid 1px var(--contC1); border-radius:24px; }
.fm-chk2 .fm-chk-lb:after { position:absolute; top:8px; left:5px; width:18px; height:18px; border-radius:14px; }
.fm-chk2 > input:checked + .fm-chk-lb:after { background:var(--contC1); }
.fm-chk2 input[disabled] + .fm-chk-lb { opacity:0.5; color:var(--fontC3); }
.fm-chk2-g { display:flex; column-gap:56px; }

.fm-chk3 { display:flex; position:relative; vertical-align:top; line-height:1; text-align:center; height:456px; align-items:center; justify-content:center; overflow:hidden; } /* 제품군 */
.fm-chk3 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk3 .bg { position:absolute; top:0; left:0; min-width:100%; min-height:100%; z-index:-1; object-fit:contain; filter:grayscale(1); transition:all var(--time-ani-base); }
.fm-chk3 .fm-chk-lb .ir-b:before { display:block; margin:0 auto 14px; transition:all 0.3s; }
.fm-chk3 .fm-chk-lb { display:block; width:100%; font-size:var(--fontSz6); line-height:30px; color:var(--fontC5); font-weight:var(--fontWg3); word-break:keep-all; word-wrap:break-word; }
.fm-chk3 .fm-chk-lb:after { content:''; display:block; box-sizing:border-box; position:absolute; top:0; left:0; width:100%; height:100%; border:solid 8px transparent; }
.fm-chk3 input:checked + .fm-chk-lb { opacity:1; }
.fm-chk3 input:checked + .fm-chk-lb:after { border-color:var(--pointC1); }
.fm-chk3 input:checked ~ .bg { filter:grayscale(0); }
.fm-chk3 input[disabled] + .fm-chk-lb { opacity:0.5; color:var(--fontC3); }

.fm-chk-lb .i-prod1::before { display:block; width:120px; height:120px; background-image:url("../img/common/i-prod-01.svg"); }
.fm-chk-lb .i-prod2::before { width:120px; height:120px; background-image:url("../img/common/i-prod-02.svg"); }
.fm-chk-lb .i-prod3::before { width:120px; height:120px; background-image:url("../img/common/i-prod-03.svg"); }

.fm-chk3 input:checked + .fm-chk-lb .i-prod1:before { background-image:url("../img/common/i-prod-01-active.svg"); }
.fm-chk3 input:checked + .fm-chk-lb .i-prod2:before { background-image:url("../img/common/i-prod-02-active.svg"); }
.fm-chk3 input:checked + .fm-chk-lb .i-prod3:before { background-image:url("../img/common/i-prod-03-active.svg"); }

.fm-chk3-g { display:flex; column-gap:16px; }
.fm-chk3-g .fm-chk3 { flex:1; }

/* 제품군
.fm-chk4 { display:inline-block; position:relative; vertical-align:top; line-height:1; text-align:center; }
.fm-chk4 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk4 .fm-chk-lb { display:block; border:solid 1px var(--pointC1); padding:0 20px; height:40px; font-size:var(--fontSz2); line-height:40px; color:var(--pointC1); border-radius:40px; text-align:center; }
.fm-chk4 input:checked + .fm-chk-lb { background-color:var(--pointC1); color:var(--fontC5); }
.fm-chk4-g { background:var(--contC5); padding:40px 0; text-align:center; margin-top:40px; }
.fm-chk4-g .fm-chk4 + .fm-chk4 { margin-left:4px; }
.fm-chk4 input[disabled] + .fm-chk-lb { opacity:0.5; }
*/

.fm-chk5 .fm-chk-lb::before, .fm-chk5 .fm-chk-lb::after { content:''; width:24px; height:24px; position:absolute; left:0; transition:.2s opacity; }
.fm-chk5 .fm-chk-lb::before { background-image:url("../img/common/i-chk-05.svg"); top:0; }
.fm-chk5 .fm-chk-lb::after { background-image:url("../img/common/i-chk-05-active.svg"); opacity:0; }
.fm-chk5 { display:block; position:relative; vertical-align:top; line-height:1; text-align:left; } /* 기본 체크박스 */
.fm-chk5 > input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
.fm-chk5 .fm-chk-lb { position:relative; display:inline-block; font-size:var(--fontSz2); line-height:26px; word-break:keep-all; word-wrap:break-word; padding-left:32px; overflow:hidden; }
.fm-chk5 input:checked + .fm-chk-lb::before { opacity:0; }
.fm-chk5 input:checked + .fm-chk-lb::after { opacity:1; }
.fm-chk5 input[disabled] + .fm-chk-lb { opacity:0.5; color:var(--fontC3); }


/********** SEARCH **********/
.list-sch-field { height:48px; margin-left:auto; }
.list-sch-field .fm-sch-in { width:48px; transition:width 300ms; }
.list-sch-field .fm-ipt2 { position:absolute; right:0; top:0; width:calc(100% - 48px); border:solid 1px var(--contC1); border-width:1px 0 1px 1px; }
.list-sch-field .fm-btn-sch { position:absolute; right:0; top:0; width:48px; height:48px; background-color:var(--contC1);}
.list-sch-field.dropdown-opend .fm-sch-in { width:400px; }
.list-sch-field.dropdown-opend .fm-sch-in .fm-btn-sch { background-color:var(--pointC1);}
.list-sch-field:not(.dropdown-opend) .fm-ipt2 { padding:0; }

.total-sch-field .fm-sch-in { position:relative; max-width:1020px; margin-left:auto; margin-right:auto; margin-top:40px; }
.total-sch-field .fm-btn-sch3 { position:absolute; right:0; top:0; width:72px; height:100%; }

/****************************** CONTENTS ******************************/
/******************** COMPANY ********************/
/********** 개요 **********/
.intro-conts1 .c-title1 { position:relative; padding-bottom:62px; }
.intro-conts1 .sub-vis { margin:0 var(--cont-in-full); }
.intro-conts1 .sub-vis img { object-position:center bottom; }
.intro-conts1 .c-title1,
.intro-conts1 .sub-vis .img,
.intro-conts1 .sub-vis .txt { transition:all var(--time-ani-base) var(--time-ani-base); }
.intro-conts1:not(.visible-ani) .c-title1 { transform:translateY(100%); opacity:0; transition-delay:0ms; }
.intro-conts1:not(.visible-ani) .sub-vis .img { width:min(1280px, 66.67%); transition-delay:0ms; }
.intro-conts1:not(.visible-ani) .sub-vis .txt { transform:translateY(50%); opacity:0; transition-delay:0ms; }
.intro-conts2 { margin:0 auto 0; text-align:center; }
.intro-conts2 .c-title4 { margin-top:0; }
.intro-conts2 .img { margin:56px auto 0; text-align:center; overflow:hidden; }
.intro-conts3 { position:relative; display:flex; justify-content:center; align-items:center; height:960px; margin:0 var(--cont-in-full) 240px; color:var(--fontC5); font-weight:var(--fontWg3); font-size:var(--fontSz6); line-height:1.667; }
.intro-conts3 .sec { width:640px; aspect-ratio:1; border-radius:100%; border:1px solid #c3c3c3; text-align:center; font-weight:var(--fontWg3); }
.intro-conts3 .c-title4 { margin-top:178px; font-size:var(--fontSz14); line-height:82px; }
.intro-conts3 .txt { margin-top:32px; font-size:var(--fontSz9); line-height:46px; }
.intro-conts3 .line { text-decoration:underline; text-underline-offset:12px; }
/* html[lang="zh"] .intro-conts3 { position:relative; display:flex; flex-direction:column; justify-content:center; height:960px; margin:0 var(--cont-in-full); color:var(--fontC5); font-weight:var(--fontWg3); font-size:var(--fontSz6); line-height:1.667; }
html[lang="zh"] .intro-conts3 .c-title4 { width:960px; padding:0 90px 0 98px; margin:0 auto; color:inherit; letter-spacing:-0.02em; line-height:53px; font-size: var(--fontSz11); font-weight: var(--fontWg3); }
html[lang="zh"] .intro-conts3 .txt { width:960px; padding:0 90px 0 98px; margin:44px auto 0; font-size:var(--fontSz10); } */
.intro-conts3 .img { position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1; clip-path:inset(0 0 0 0 round 0px); transition:all var(--time-ani-base) var(--time-ani-base); }
.intro-conts3 .img img { object-fit:cover; }
.intro-conts2 .img img { max-width:none; vertical-align:top; margin:0 -157.5px; }
.intro-conts3:not(.visible-ani) .img { clip-path:inset(0 calc(50% - 360px) round 0px); transition-delay:0ms; }
.intro-summary { margin:90px 110px 0; font-weight:var(--fontWg3); }
.intro-summary dl { font-size:var(--fontSz8); line-height:40px; display:flex; justify-content:space-between; border-bottom:solid 1px var(--contC2); padding:60px 0; align-items:center; }
.intro-summary dl:first-child { padding:43px 0; }
.intro-summary dt { width:290px; font-size:var(--fontSz6); color:var(--contC9); overflow:hidden; }
.intro-summary dd { flex:1; text-align:right; }
.intro-summary dt::after { float:right; }
.intro-summary dd .txt1 { font-size:var(--fontSz11); line-height:50px; font-weight:var(--fontWg4); }
.info-business { height:max(calc(var(--vh-100) * 3), 2700px); margin:190px var(--cont-in-full) 0; }
.info-business .controls { position:sticky; top:0; z-index:10; display:flex; flex-direction:column; justify-content:center; width:fit-content; margin:0 140px 0 auto; height:max(var(--vh-100), 900px); pointer-events:none; }
.info-business .controls button { pointer-events:all; width:24px; height:24px; --bg:#fff; }
.info-business .controls button.visible-ani { --bg:var(--pointC1); }
.info-business .controls button::before { content:''; display:block; width:12px; height:12px; margin:0 auto; border-radius:100%; background-color:var(--bg); }
.info-business ul { position:sticky; top:0; height:max(var(--vh-100), 900px); margin-top:calc(max(var(--vh-100), 900px) * -1); }
.info-business .img { position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; overflow:hidden; }
.info-business li { position:absolute; left:0; top:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; height:100%; transition:all var(--time-ani-base); }
.info-business li:not(.visible-ani) { opacity:0; pointer-events:none; }
.info-business .img img { object-fit:cover; height:100%; width:100%; }
.info-business dl { width:var(--size-warp-min-in); padding-top:calc(var(--vh-100) * 0.2); color:var(--fontC5); }
.info-business dt .title { display:block; font-size:72px; line-height:1.334; font-weight:var(--fontWg3); --delay:0; }
.info-business dt .s-title { display:block; font-size:var(--fontSz9); line-height:42px; margin-top:70px; --delay:1; }
.info-business dd { min-height:7.5em; font-size:var(--fontSz6); line-height:1.68; font-weight:var(--fontWg3); margin-top:60px; --delay:2; }
.info-business dt .title, .info-business dt .s-title, .info-business dd { transition:all var(--time-ani-base) calc(var(--delay, 0) * 30ms); }
.info-business:not(.visible-ani) dt .title,
.info-business:not(.visible-ani) dt .s-title,
.info-business:not(.visible-ani) dd,
.info-business li:not(.visible-ani) dt .title,
.info-business li:not(.visible-ani) dt .s-title,
.info-business li:not(.visible-ani) dd { opacity:0; transform:translateY(10vh); }

/********** 비전 **********/
.vision-detail { position:relative; margin:96px auto; text-align:center; }
.vision-our { position:relative; margin:0 auto; text-align:center; }
.vision-our .c-title5, .vision-detail .c-title5 { margin-top:0; }

.vision-graph { position:relative; width:924px; color:var(--contC1); margin:64px auto 0; padding:16px 0 112px; font-size:28px; line-height:40px; }
.vision-graph::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:743px; aspect-ratio:1/1; background:url("../img/company/vision-03.svg") center center / contain no-repeat; }
.vision-graph ul { display:flex; align-items:start; height:712px; align-items:end; justify-content:space-between; }
.vision-graph li { width:288px; position:relative; z-index:2; display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; }
.vision-graph li .in::after { content:''; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; border:1px ; background:#fff; outline:2px dashed #D0D0D0; border-radius:100%; box-shadow:0px 0px 60px rgba(0, 0, 0, 0.04); }
.vision-graph li .in::before { content:''; position:absolute; left:-16px; right:-16px; top:-16px; bottom:-16px; z-index:-2; border:1px ; background:rgba(255,255,255,.3); outline:1px dashed #A1A1A1; border-radius:100%; }
.vision-graph li:nth-child(2) { order:-1; }
.vision-graph li:nth-child(1) { align-self:start; font-size:36px; }
.vision-graph .small { display:block; margin-top:-7px; font-size:18px; }


.vision-graph2 { position:relative; color:var(--contC1); margin:64px 0 0; font-size:var(--fontSz6); line-height:1.4167; font-weight:var(--fontWg3); color:#727272; }
.vision-graph2 ul { display:flex; justify-content:center; }
.vision-graph2 li { position:relative; display:flex; align-items:center; justify-content:center; width:440px; aspect-ratio:1/1; padding-top:46px; background:#fff; }
.vision-graph2 li::before { content:''; position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #C3C3C3; border-radius:100%; clip-path:polygon(0% 50%, 101% 50%, 101% 101%, 0% 101%); }
.vision-graph2 li::after { content:''; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; border:1px solid var(--pointC1); border-radius:100%; clip-path:polygon(0% 0%, 101% 0%, 101% 50%, 0% 50%); }
.vision-graph2 li:nth-child(2) { order:1; }
.vision-graph2 li:nth-child(3) { margin:0 -1px 0 -1px; }
.vision-graph2 li:nth-child(3)::before,
.vision-graph2 li:nth-child(3)::after { transform:rotateX(180deg); }
.vision-graph2 li .txt1 { display:block; margin-bottom:29px; font-size:var(--fontSz9); line-height:1.0625; color:var(--contC1); }
.vision-graph2 li .txt2 { display:block; min-height:7.0835em; }


/********** 핵심가치 **********/
.value-conts { margin-top:100px; }
.value-conts + .value-conts { margin-top:328px; }
.value-intro { display:flex; justify-content:space-between; padding-right:49px; }
.value-intro .value-title { width:550px; flex-shrink:0; padding-left:48px; }
.value-title .title { font-size:var(--fontSz15); line-height:106px; font-weight:var(--fontWg7); margin-top:54px; }
.value-title .cap { display:block; font-size:var(--fontSz11); line-height:50px; color:var(--fontC3); font-weight:var(--fontWg4); margin-top:10px; }
.value-title .des { font-size:var(--fontSz11); line-height:50px; color:var(--fontC3); font-weight:var(--fontWg3); margin-top:140px; }
.value-graph { position:relative; width:780px; height:780px; color:var(--fontC5); }
.value-graph::before { content:''; position:absolute; height:600px; width:600px; left:89px; top:89px; border:dashed 1px var(--contC3); border-radius:100%; z-index:-1; }
.value-graph::after { content:''; position:absolute; height:780px; width:780px; border:dashed 1px var(--contC3); border-radius:100%; z-index:-1; }
.value-graph .core { position:absolute; left:200px; top:200px; width:380px; height:380px; background:var(--pointC1); font-size:var(--fontSz10); line-height:46px; color:var(--fontC5); border-radius:100%; text-align:center; padding-top:144px; }
.value-graph li { position:absolute; display:flex; align-items:center; justify-content:center; width:260px; height:260px; background:var(--contC3); text-align:center; font-size:var(--fontSz12); line-height:60px; border-radius:100%; outline:dashed 1px var(--contC3); outline-offset:9px; }
.value-graph li::after { content:''; position:absolute; background:url("../img/company/arrow.svg") 0 0 no-repeat; width:144px; height:275px; }
.value-graph li:nth-child(1)::after { left:334px; top:201px; }
.value-graph li:nth-child(2)::after { left:-233px; top:135px; transform:rotate(115deg); }
.value-graph li:nth-child(3)::after { left:82px; top:-311px; transform:rotate(233deg); }
.value-graph li .txt1 { font-size:var(--fontSz10); line-height:36px; }
.value-graph li .txt2 { display:block; font-size:var(--fontSz6); line-height:24px; margin:0 auto; }
.value-graph ul li:nth-child(1) { top:-85px; left:260px; }
.value-graph ul li:nth-child(2) { bottom:95px; right:-39px; }
.value-graph ul li:nth-child(3) { bottom:95px; left:-39px; }
.value-graph ul li.active { background:var(--contC1); }
.value-info { display:flex; border-top:solid 1px var(--contC1); margin-top:120px; }
.value-info dl { width:33.333333%; border-left:solid 1px var(--contC1); padding:60px 24px 28px 48px; }
.value-info dt { font-size:var(--fontSz4); line-height:34px; color:var(--contC9); }
.value-info dd { font-size:var(--fontSz5); line-height:30px; margin-top:60px; }
.value-info dl:first-child { border-left:none; }
.value-box { background:var(--contC5); border-radius:42px; padding:80px 144px; margin-top:120px; }
.value-def { display:flex; padding-bottom:50px; margin-bottom:70px; border-bottom:solid 1px var(--contC1); }
.value-def dt { position:relative; width:158px; flex-shrink:0; font-size:var(--fontSz12); line-height:60px; color:var(--pointC1); }
html[lang="en"] .value-def dt { width:auto; padding-right:32px; }
.value-def dt::after { content:''; position:absolute; height:54px; width:1px; background:var(--contC3); right:0; top:4px; }
.value-def dd { font-size:var(--fontSz6); line-height:34px; font-weight:var(--fontWg3); padding:0 0 0 60px; }
.value-des { display:flex; font-size:var(--fontSz3); line-height:26px; align-items:center; }
.value-des .img { width:555px; flex-shrink:0; }
.value-des .txt { font-size:var(--fontSz3); line-height:26px; font-weight:var(--fontWg3); }
.value-des .txt p + p { margin-top:40px; }
.value-ref { font-size:var(--fontSz3); line-height:26px; font-weight:var(--fontWg3); margin-top:70px; }
.value-des .img img[src*="value-03"] { margin-left:41px; }
.value-des .img img[src*="value-04"] { margin-left:69px; }

/********** 연혁 **********/
.history-present { display:flex; margin-top:280px; }
.history-title { flex-shrink:0; width:550px; font-weight:var(--fontWg7); }
.history-title .title { font-weight:var(--fontWg3); font-size:var(--fontSz15); line-height:116px; }
.history-title .des { font-size:var(--fontSz11); line-height:50px; margin:177px 0 0 77px; }
.history-img { width:870px; margin-left:70px; }
.history-conts { margin-top:482px; }
.history-conts + .history-conts { margin-top:160px; }
.history-conts > .counter { display:block; font-size:160px; line-height:130px; font-weight:var(--fontWg7); color:var(--pointC1); pointer-events:none; }
.history-conts > .counter { position:sticky; top:calc(100% - 270px); }
.history-conts > .counter + .history { margin-top:-130px; }
.history + .history { margin-top:320px; }
.history .year { display:none; /* width:35.63380%; */ }
.history .group { display:flex; flex-direction:column; align-items:flex-start; width:800px; margin-left:auto; }
.history .group dt { height:0; overflow:hidden; }
.history .group + .group { margin-top:160px; }
.history .group dd { display:flex; flex-wrap:wrap; margin-left:96px; }
.history .group .month { width:106px; flex-shrink:0; font-size:var(--fontSz4); line-height:28px; font-weight:var(--fontWg7); margin-top:40px; }
.history .group .txt { width:598px; flex-shrink:0; font-size:var(--fontSz5); line-height:30px; margin-top:40px; }
.history .history-img2 { display:block; margin:120px 0 120px -96px; }

/********** 위치정보 **********/
.location-conts + .location-conts { margin-top:120px; }
.location-conts .c-title4 { margin-top:60px; }
.location-map { overflow:hidden; margin:60px 0 60px; width:var(--size-warp-min-in); height:420px; }
.location-map .link { display:block; }
.location-map img { width:100%; }
.location-info { display:flex; border-top:solid 1px var(--contC1); margin-top:40px; }
.location-info dl { width:24%; line-height:28px; border-right:solid 1px var(--contC1); padding:40px 10px 14px 24px; }
.location-info dl:only-child, .location-info dl:nth-child(4) { border-right:none; }
.location-info dl:nth-child(1), .location-info dl:nth-child(4) { width:26%; }
.location-info dt { overflow:hidden; margin-bottom:70px; font-size:21px; line-height:30px; font-weight:var(--fontWg7); color:var(--fontC2); }
.location-info dt.ir-a::after { content:''; float:right; margin-right:30px; width:40px; height:40px; }
.location-info dd { font-size:var(--fontSz4); font-weight:var(--fontWg3); }
.location-info dd .bar { position:relative; width:125px; display:inline-block; }
.location-info dd .bar::after { content:'|'; position:absolute; display:inline-block; right:10px; }
.location-global-conts { border-bottom:solid 1px var(--contC1); margin-top:80px; padding-bottom:72px; }
.location-global-conts .c-title3 { margin:80px 0 0; }
.location-global-conts .c-title5 { margin-top:0; }
.location-global-conts .c-title3 + .c-title5 { margin-top:60px; }
.location-global-info { display:flex; padding:40px 0 0; }
.location-global-info + .c-title5 { border-top:solid 1px var(--contC11); padding:60px 0 0; margin-top:40px; }
.location-global-info dl { flex:1; /* max-width:33.333333%; */ max-width:100%; font-size:var(--fontSz4); line-height:28px; }
.location-global-info dl + dl { margin-left:16px; }
.location-global-info dt { margin-bottom:24px; color:var(--fontC2); }
.location-global-info dd { font-size:var(--fontSz4); }
.location-global-map { margin:60px 0 120px; }
.sub-vis + .contents > .location-global-map { margin-top:180px; }
.location-global-map img { width:100%; }
.location-global-map .legend { display:flex; gap: 16px; margin-top:20px; font-size:var(--fontSz2); line-height:20px; }
.location-global-map .legend small { font-weight:var(--fontWg3); }
.location-global-map .legend .marker.ty-2 { --markerC:#FFC6A1; }
.location-global-map .legend .marker::before { content:''; display:inline-block; width:12px; height:12px; margin-right:4px; background-color:var(--markerC, #F37321); vertical-align:middle; }


/******************** ESG ********************/
/********** INTRO **********/
.effect-clipper { --per:0; }
.effect-clipper .front { position:sticky; top:0; height:var(--vh-100); color:var(--fontC7); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.effect-clipper .back { position:absolute; left:0; top:0; z-index:2; background-color:#141414; color:var(--fontC5); width:100%; height:var(--vh-100); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; overflow:hidden;
	--r-path:calc((66.66 + (33.34 * var(--per))) * 1%);
	--l-path:calc((33.33 - (33.33 * var(--per))) * 1%);
	--t-path:calc((79 - (79 * var(--per))) * 1%);
	clip-path:polygon(var(--l-path) var(--t-path), var(--r-path) var(--t-path), var(--r-path) 100%, var(--l-path) 100%);
	transition:clip-path var(--time-ani-fast);
}
.effect-clipper .back .txt { transition:opacity var(--time-ani-base); }
.effect-clipper.txt-out .back .txt, .effect-clipper .txt-out .back .txt { opacity:0; }
.effect-clipper .back .bg { position:absolute; left:50%; top:50%; z-index:-1; min-width:100%; min-height:100%; aspect-ratio:16/9; transform:translate(-50%, -50%) scale(1.001); }
.effect-clipper .back video.bg { opacity:0.3; }
.effect-clipper .back img.bg { opacity:0.3; }
.esg-main-visual { margin-top:-200px; height:calc(var(--vh-100) * 2.2); }
.esg-main-visual .txt { display:inline-flex; flex-direction:column; font-weight:var(--fontWg3); font-size:clamp(48px, 8.88vh, 96px); line-height:clamp(53px, 9.81vh, 106px); }
.esg-main-visual .txt span:nth-child(1) { align-self:start; }
.esg-main-visual .txt span:nth-child(2) { align-self:start; padding-left:3.15em; }
.esg-main-visual .txt span:nth-child(3) { align-self:start; padding-left:1.8em; }
.esg-main-visual .txt span:nth-child(4) { padding-left:0.8em; }
/* .esg-main-sec:last-child { margin-bottom:var(--size-foot-margin-m); } */
.esg-main-sec .front .txt { display:inline-flex; flex-direction:column; align-items:start; font-weight:var(--fontWg3); font-size:clamp(36px, 6.66vh, 72px); line-height:clamp(46px, 8.51vh, 92px); }
.esg-main-competitive { min-height:calc(var(--vh-100) * 2.5); }
.esg-main-competitive .competitive { position:relative; z-index:3; margin-top:calc(var(--vh-100) + 80px); padding:0 150px 400px; display:flex; color:var(--fontC5); }
.esg-main-competitive .competitive li { width:25%; padding:74px 40px 16px 40px; border-top:1px solid #fff; transition:all 1000ms; }
html[lang="zh"] .esg-main-competitive .competitive li { padding:74px 32px 16px 32px; }
.esg-main-competitive .competitive li + li { border-left:1px solid #fff; }
.esg-main-competitive .competitive:not(.visible-ani) li { transform:translateY(100%); opacity:0; }
.esg-main-competitive .competitive.visible-ani li:nth-child(2) { transition-delay:200ms; }
.esg-main-competitive .competitive.visible-ani li:nth-child(3) { transition-delay:400ms; }
.esg-main-competitive .competitive.visible-ani li:nth-child(4) { transition-delay:600ms; }
.esg-main-competitive .competitive .text { display:block; margin:70px auto 0; font-size:var(--fontSz6); line-height:34px; }
.esg-main-competitive .competitive img { display:block; }

.esg-main-sec.esg-main-mission { height:max(calc(var(--vh-100) * 2), 1800px); color:var(--fontC5); font-weight:var(--fontWg3); font-size:var(--fontSz10); line-height:50px; }
.esg-main-sec.esg-main-mission ul { position:sticky; top:0; height:max(var(--vh-100), 900px); }
.esg-main-sec.esg-main-mission ul > li { position:absolute; left:0; top:0; width:100%; height:100%; transition:all var(--time-ani-base); background:url("../img/esg/esg-main-06.jpg") center center no-repeat; background-size:cover; }
.esg-main-sec.esg-main-mission dl { display:flex; flex-direction:column; justify-content:center; height:100%; width:fit-content; margin:0 auto; padding-top:145px; }
.esg-main-sec.esg-main-mission dt,
.esg-main-sec.esg-main-mission dd { transition:all var(--time-ani-base) calc(var(--delay, 0) * 30ms); }
.esg-main-sec.esg-main-mission dt { --delay:1; }
.esg-main-sec.esg-main-mission dd { --delay:2; }
.esg-main-sec.esg-main-mission li:not(.visible-ani) { opacity:0; }
.esg-main-sec.esg-main-mission:not(.visible-ani) dt,
.esg-main-sec.esg-main-mission:not(.visible-ani) dd,
.esg-main-sec.esg-main-mission li:not(.visible-ani) dt,
.esg-main-sec.esg-main-mission li:not(.visible-ani) dd { opacity:0; transform:translateY(10vh); }
/* .esg-main-sec.esg-main-mission dl:nth-child(1) { opacity:calc(1 - (var(--per) * 4)); transform:translateY(calc(-60% * (var(--per) * 1))); }
.esg-main-sec.esg-main-mission dl:nth-child(2) { opacity:calc(var(--per) * 1.5); transform:translateY(calc(100% - ((var(--per) * 1.2) * 110%))); } */

.esg-main-sec.esg-main-mission dt { margin-bottom:45px; font-weight:var(--fontWg3); font-size:var(--fontSz14); line-height:82px; text-transform:capitalize; }
.esg-main-slide { width:100%; height:max(600px, var(--vh-100)); }
.esg-main-slide .swiper-slide { position:relative; width:100%; height:max(600px, var(--vh-100)); overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.esg-main-slide .swiper-slide .txt1 { width:100%; padding:16px 250px 0; font-weight:var(--fontWg3); font-size:var(--fontSz13); line-height:66px; color:var(--fontC5); }
.esg-main-slide .swiper-slide .txt2 { width:100%; padding:0 250px; margin-top:50px; font-size:var(--fontSz8); line-height:40px; color:var(--fontC5); font-weight:var(--fontWg3); }
.esg-main-slide .swiper-slide .img { position:absolute; left:50%; top:50%; z-index:-1; width:100%; height:100%; transform:translate(-50%, -50%); }
.esg-main-slide .swiper-slide .img img { width:100%; height:100%; object-fit:cover; }
.esg-main-slide .swiper-controls { position:absolute; left:50%; bottom:60px; z-index:2; display:flex; align-items:center; }
.esg-main-slide .swiper-button-autoplay { display:none; }

/********** 안전환경경영 **********/
.safety-flow { display:flex; border-top:solid 1px var(--contC1); margin:100px 0 0 auto; }
.safety-flow dl { flex:1; padding:60px 30px 26px; }
.safety-flow dl + dl { border-left:solid 1px var(--contC1); }
.safety-flow .ico { position:absolute; right:0; display:block; top:0; text-align:right; padding-right:22px; }
.safety-flow dt { position:relative; font-size:var(--fontSz6); min-height:54px; line-height:28px; padding-right:100px; }
.safety-flow dd { font-size:var(--fontSz4); line-height:36px; color:var(--fontC2); margin-top:34px; }
.safety-improvement { position:relative; width:767px; height:728px; margin:174px auto 0; }
.safety-improvement ol { position:relative; display:flex; flex-wrap:wrap; }
.safety-improvement ol li { position:absolute; display:flex; justify-content:center; align-items:center; text-align:center; width:220px; height:220px; border-radius:100%; background:#eee; }
.safety-improvement ol li::after { content:''; position:absolute; background:url("../img/esg/arrow.svg") 0 0 no-repeat; width:223px; height:20px; transform:rotate(45deg); z-index:-1; }
.safety-improvement ol li .txt1 { display:block; font-size:var(--fontSz5); line-height:34px; color:var(--fontC1); }
.safety-improvement ol li .txt2 { display:block; font-size:var(--fontSz3); line-height:22px; color:var(--fontC3); margin-top:10px; letter-spacing:-0.02em; }
.safety-improvement ol li:nth-child(1) { left:274px; top:-95px; }
.safety-improvement ol li:nth-child(1)::after { left:198px; top:165px; transform:rotate(-144deg); }
.safety-improvement ol li:nth-child(2) { right:-108px; top:142px; }
.safety-improvement ol li:nth-child(2)::after { left:-34px; top:316px; transform:rotate(-72deg); }
.safety-improvement ol li:nth-child(3) { left:494px; top:548px; }
.safety-improvement ol li:nth-child(3)::after { left:-216px; top:168px; transform:rotate(0deg); }
.safety-improvement ol li:nth-child(4) { left:56px; top:546px; }
.safety-improvement ol li:nth-child(4)::after { left:-136px; top:-68px; transform:rotate(70deg); }
.safety-improvement ol li:nth-child(5) { left:-108px; top:142px; }
.safety-improvement ol li:nth-child(5)::after { left:156px; top:-72px; transform:rotate(144deg); }
.safety-improvement .core { position:absolute; display:flex; justify-content:center; align-items:center; flex-direction:column; left:50%; margin-left:-176px; top:50%; margin-top:-176px; width:352px; height:352px; color:var(--fontC5); background:var(--pointC1); outline:1px dashed var(--pointC1); outline-offset:21px; box-shadow:0 0 0 36px var(--contC6), 0 0 0 52px rgba(251, 181, 132, 0.15); border-radius:100%; text-align:center; }
.safety-improvement .core .txt1 { display:block; font-size:var(--fontSz8); line-height:66px; }
.safety-improvement .core .txt2 { display:block; font-size:var(--fontSz5); line-height:24px; }
.safety-policy { position:relative; margin-top:160px; padding:215px 0 154px; }
.safety-policy .c-title4 { margin-top:0; }
.safety-policy::before { content:''; position:absolute; top:0; left:-10px; background:url("../img/esg/safety-04.jpg") 0 0 no-repeat; background-size:cover; width:max(100vw,var(--size-warp-min)); height:100%; margin:0 var(--cont-in-full); z-index:-1; }
.safety-policy .mes-txt2 { line-height:40px; margin:50px 0 52px; }
.safety-policy .sign { margin-top:-6px; text-align:right; }
.safety-policy .sign .img { display:block; margin-bottom:16px; height:64px; mix-blend-mode:darken; }
.safety-policy .sign .txt { font-size:var(--fontSz4); line-height:28px; }
.safety-policy .sign .img img { height:100%; }
.safety-policy .list { font-weight:var(--fontWg3); margin-left:6px; }
.safety-policy .list li { position:relative; display:block; font-size:var(--fontSz4); line-height:26px; color:var(--fontC1); }
.safety-policy .list li + li { margin-top:10px; }
.safety-col { display:flex; justify-content:space-between; margin-top:100px; }
.safety-col .title { width:380px; flex-shrink:0; }
.safety-col .title .c-title5 { margin-top:0; }
.safety-col .cont { width:990px; }
.safety-col + .safety-col { margin-top:120px; }
.safety-col .mes-txt5 { margin-top:20px; }
.safety-photo { display:flex; flex-wrap:wrap; gap:12px; margin:60px 0 180px; }
.safety-photo li { width:341px; min-height:418px; border:solid 1px var(--contC11); border-radius:8px; overflow:hidden; }
.safety-photo .img { width:100%; overflow:hidden; }
.safety-photo .subj { display:block; font-size:var(--fontSz5); line-height:30px; color:var(--fontC1); overflow:hidden; padding:30px 20px 30px 20px; }
html[lang="en"] .safety-photo .subj { font-size:var(--fontSz4); line-height:28px; }

/********** CP프로그램 개요 **********/
.cp-program { display:flex; border-top:solid 1px var(--contC1); margin:80px 0 0 auto; }
.cp-program dl { position:relative; flex:1; padding:48px 20px 42px 48px; }
.cp-program dl + dl { border-left:solid 1px var(--contC1); }
.cp-program .ico { position:absolute; right:48px; top:32px; }
.cp-program dt { font-size:var(--fontSz6); line-height:28px; font-weight:var(--fontWg7); margin-bottom:106px; }
.cp-program dd { position:relative; font-weight:var(--fontWg3); font-size:var(--fontSz4); line-height:28px; margin-top:12px; padding-left:12px; }
.cp-program dd::before { content:'·'; display:inline-block; position:absolute; top:0; left:0; font-size:36px; }
.cp-program-graph { position:relative; width:1162px; height:300px; margin:152px auto 72px; color:var(--fontC5); }
.cp-program-graph .core { position:absolute; font-size:var(--fontSz8); line-height:40px; padding-top:112px; left:432px; top:3px; width:294px; height:294px; background:var(--pointC1); outline:1px dashed var(--pointC1); outline-offset:22px; box-shadow:0 0 0 56px var(--contC6), 0 0 0 72px rgba(251, 181, 132, 0.15); border-radius:100%; text-align:center; }
.cp-program-graph .core::before, .cp-program-graph .core::after { content:''; position:absolute; left:-142px; top:146px; display:block; width:115px; height:1px; border-bottom:dashed 1px var(--pointC1); }
.cp-program-graph .core::after { left:auto; right:-142px; }
.cp-program-graph li { display:flex; align-items:center; justify-content:center; text-align:center; position:absolute; width:300px; height:300px; background:var(--contC1); border-radius:100%; outline:1px dashed var(--pointC1); outline-offset:15px; }
.cp-program-graph li::before { content:''; position:absolute; left:404px; top:50%; margin-top:-4px; display:block; width:10px; height:10px; border-radius:100%; background:var(--pointC1); }
.cp-program-graph li:nth-child(2)::before { left:-118px; }
.cp-program-graph li .txt1 { font-size:var(--fontSz9); line-height:42px; }
.cp-program-graph li .txt2 { display:block; font-size:var(--fontSz4); line-height:28px; color:var(--fontC4); font-weight:var(--fontWg3); margin-top:18px; }
.cp-program-graph ul li:nth-child(1) { top:0; left:0; }
.cp-program-graph ul li:nth-child(2) { bottom:0; right:0; }

/********** CP운영방향 **********/
.cp-proper { width:var(--size-warp-min-in); display:flex; text-align:center; margin-top:100px; }
.cp-proper > li { position:relative; }
.cp-proper > li:nth-child(1)::after, .cp-proper > li:nth-child(2)::after { content:''; position:absolute; top:479px; left:336px; background:url("../../static/img/esg/arrow-02.svg") 0 0 no-repeat; width:156px; height:14px; }
.cp-proper > li:nth-child(2)::after { top:479px; left:280px; }
.cp-proper > li:nth-child(2) { margin-left:130px; }
.cp-proper > li:nth-child(3) { margin-left:246px; }
.cp-proper .core { display:flex; align-items:center; justify-content:center; position:absolute; font-size:var(--fontSz9); line-height:42px; color:var(--fontC5); margin-top:312px; width:346px; height:346px; background:var(--pointC1); outline:1px dashed var(--pointC1); outline-offset:16px; box-shadow:0 0 0 36px var(--contC6), 0 0 0 52px rgba(251, 181, 132, 0.15); border-radius:100%; text-align:center; }
.cp-proper .title { display:inline-block; height:54px; background:var(--contC5); border-radius:8px; font-size:var(--fontSz6); line-height:54px; font-weight:var(--fontWg3); padding:0 16px; margin-bottom:16px; }
.cp-proper .cp-rule-manage li { display:flex; align-items:center; justify-content:center; width:258px; height:258px; border:1px dashed #fbb584; border-radius:100%; margin:16px auto 0; }
.cp-proper .cp-rule-manage dt { font-size:var(--fontSz6); line-height:34px; margin-bottom:16px; }
.cp-proper .cp-rule-manage dd { font-size:var(--fontSz4); line-height:28px; color:var(--fontC2); }
.cp-proper .cp-precision li { display:flex; align-items:center; justify-content:center; width:258px; height:258px; background:rgba(248, 155, 108, 0.3); border:solid 2px var(--pointC1); border-radius:100%; margin-top:16px; }
.cp-proper .cp-precision .in { font-size:var(--fontSz6); line-height:34px; }
.cp-op-step { display:flex; margin-top:80px; border-top:solid 1px var(--contC1);}
.cp-op-step dl { flex:1; padding:60px 48px 24px; }
.cp-op-step dl + dl { border-left:solid 1px var(--contC1); }
.cp-op-step dl dt { font-size:var(--fontSz6); line-height:34px; margin-bottom:60px; }
.cp-op-step dl dt .txt1 { display:block; font-size:var(--fontSz4); line-height:34px; color:var(--pointC1);}
.cp-op-step dl dt .txt2 { display:block; font-size:var(--fontSz6); line-height:34px; margin-top:10px; }
.cp-op-step dl dd { position:relative; display:block; padding-left:16px; font-size:var(--fontSz4); line-height:30px; font-weight:var(--fontWg3); margin-left:10px; }
.cp-op-step dl dd::before { content:'·'; display:inline-block; position:absolute; top:0; left:0; font-size:36px; }

/********** 운영조직 **********/
.cp-group { width:1110px; margin:240px auto 0; }
.cp-group .core { display:flex; align-items:center; justify-content:center; font-size:var(--fontSz9); line-height:42px; color:var(--fontC5); margin:0 auto; width:280px; height:280px; background:var(--pointC1); outline:1px dashed var(--pointC1); outline-offset:20px; box-shadow:0 0 0 70px var(--contC6), 0 0 0 72px #fbb584; border-radius:100%; text-align:center; }
.cp-group .group1 { position:relative; display:flex; justify-content:space-between; margin-top:17px; }
.cp-group .group1 li { display:flex; align-items:center; justify-content:center; font-size:var(--fontSz6); line-height:34px; color:var(--fontC5); width:254px; height:254px; background:var(--contC1); outline:1px dashed var(--pointC1); outline-offset:13px; border-radius:100%; text-align:center; }
.cp-group .group2 { position:relative; margin:-13px auto 0; width:470px; }
.cp-group .group2 li { position:relative; display:flex; align-items:center; justify-content:center; font-size:var(--fontSz6); line-height:34px; width:470px; height:100px; background:#eee; z-index:2; outline:1px dashed var(--pointC1); outline-offset:10px; box-shadow:0 0 0 10px var(--contC6); border-radius:100px; text-align:center; }
.cp-group .group2 li + li { margin-top:50px; }
.cp-group .group1::after { position:absolute; content:''; width:577px; height:1px; border-bottom:1px dashed var(--pointC1); left:317px; top:125px; z-index:-1; }
.cp-group .group2::after { position:absolute; content:''; width:1px; height:414px; border-left:1px dashed var(--pointC1); left:50%; top:-269px; z-index:1; }

/********** 준법지원인 **********/
.assistant { margin-top:60px; }
.assistant dl + dl { margin-top:60px; }
.assistant dt { font-size:var(--fontSz6); line-height:34px; font-weight:var(--fontWg7); padding-bottom:10px; border-bottom:solid 1px var(--contC1); margin-bottom:40px; }
.assistant dd { position:relative; display:block; padding-left:16px; font-size:var(--fontSz4); line-height:28px; }
.assistant dd::before { content:'·'; display:inline-block; position:absolute; top:0; left:0; font-size:36px; }
.assistant dd + dd { margin-top:16px; }

/********** 관련규정 **********/
.regulations { position:relative; margin-top:160px; }
.regulations + .regulations { margin-top:160px; }
.regulations dt { font-weight:var(--fontWg3);font-size:var(--fontSz11); line-height:50px; padding-bottom:32px; border-bottom:solid 1px var(--contC7); }
.regulations dd:not(.attach) { font-size:var(--fontSz5); line-height:30px; font-weight:var(--fontWg3); margin-top:40px; padding-right:20px; }
.regulations .attach-list { position:absolute; top:24px; }

/********** Mission **********/
.mission { width:1038px; margin:120px auto 0; }
.mission dl { position:relative; display:flex; flex-flow:column; justify-content:center; height:420px; }
.mission dt::after { content:''; position:absolute; top:50%; width:220px; height:1px; border-bottom:solid 2px var(--contC1); }
.mission dt { position:absolute; display:flex; align-items:center; justify-content:center; text-align:center; width:420px; height:420px; font-size:var(--fontSz6); line-height:34px; border:solid 2px var(--contC1); border-radius:100%; }
.mission dt .txt1 { display:block; font-size:var(--fontSz9); line-height:42px; color:var(--pointC1); }
.mission dt .txt2 { display:block; font-size:var(--fontSz6); line-height:34px; margin-top:4px; }
.mission dd { width:420px; position:relative; padding-left:16px; font-size:var(--fontSz4); line-height:28px; }
.mission dd::before { content:'·'; display:inline-block; position:absolute; top:0; left:0; font-size:42px; }
.mission li:nth-child(odd) dl { padding-left:692px; }
.mission li:nth-child(even) dl { padding-left:62px; margin-right:42px; }
.mission li:nth-child(odd) dt { left:0; }
.mission li:nth-child(odd) dt::after { left:100%; }
.mission li:nth-child(even) dt { right:0; }
.mission li:nth-child(even) dt::after { width:182px; right:100%; }
.mission li + li { margin-top:-90px; }

/********** 윤리규범 실천지침 / 제보하기 **********/
.esg-point-title { display:flex; align-items:center; position:relative; background:url("../img/esg/ethical-01.jpg") 50% 50% no-repeat; height:300px; color:var(--fontC5); background-size:cover; border-radius:150px 150px 0 150px; overflow:hidden; padding:0 142px; margin:80px 0 0; }
.esg-point-title .c-title5 { margin-top:0; font-family:var(--fontF2); font-weight:var(--fontWg4); }
.esg-conts-col { display:flex; justify-content:space-between; margin-top:160px; }
.esg-conts-col .title { width:572px; flex-shrink:0; }
.esg-conts-col .c-title4 { margin-top:0; }
.esg-conts-col .cont { width:848px; padding:68px 0 0 8px; }
.esg-conts-col2 { display:flex; justify-content:space-between; margin-top:60px; }
.esg-conts-col2 .title { width:572px; flex-shrink:0; padding-left:142px; }
.esg-conts-col2 .c-title6 { margin-top:0; }
.esg-conts-col2 .cont { width:848px; padding-left:14px; }
.esg-conts-col2 .esg-bul-txt { font-weight:var(--fontWg3); }
.esg-conts-col2 .ref-txt-box { width:766px; }
.esg-conts-col2-full { padding-left:142px; margin-top:60px; }
.esg-conts-col2-full .c-title6 { margin-top:0; }
.esg-conts-col2-full .cont { margin-top:0; }
.esg-bul-txt > li { position:relative; display:block; padding-left:16px; font-size:var(--fontSz3); line-height:26px; }
.esg-bul-txt > li::before { content:'·'; display:inline-block; position:absolute; top:0; left:0; font-size:42px; }
.esg-bul-txt > li + li { margin-top:8px; }
.esg-bul-txt > li.none { padding-left:0; }
.esg-bul-txt > li.none::before { display:none; }
.esg-bul-txt .in-type li { display:inline-block; }
.esg-bul-txt .in-type li + li { margin-left:32px; }
.esg-bul-txt .in-type li em { margin-right:8px; }
.esg-point-title.ty2 { background:url("../img/esg/report-01.jpg") 50% 50% no-repeat; }
.report-step { margin:40px 0; }
.report-step ul { display:flex; justify-content:space-between; position:relative; }
.report-step ul::before { content:''; position:absolute; top:50%; width:100%; height:1px; border-bottom:solid 1px var(--contC12); }
.report-step ul li { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:260px; height:260px; background-color:var(--contC6); border:solid 1px var(--contC12); border-radius:100%; }
.report-step ul li::after { content:''; position:absolute; top:50%; right:-48px; width:24px; height:24px; background:url(../../static/img/esg/report-ico-arr.svg) 0 0 no-repeat; margin-top:-10px; }
.report-step ul li:last-child::after { display:none; }
.report-step ul .txt { font-size:var(--fontSz5); margin-top:16px; }

/****************************** CAREER ******************************/
.hrsystem-intro { display:flex; flex-direction:column; gap:120px; margin:80px 0 160px; }
.hrsystem-intro .intro-row { display:flex; gap:16px; }
.hrsystem-intro .intro-row .item { display:flex; flex-direction:column; gap:48px; }
.hrsystem-intro .intro-row .item:only-child { text-align:center; }
.hrsystem-intro .intro-row .hrsystem-def { flex:1; padding:0 136px; margin:0; color:var(--fontC3); }
.hrsystem-intro .intro-row .subj { width:auto; }
.hrsystem-intro img { display:block; max-width:100%; }

.hrsystem-def { display:flex; flex-direction:column; gap:20px; margin:120px 0 60px; font-size:var(--fontSz4); line-height:28px; color:#666; }
.hrsystem-def.mg { margin-top:100px; gap:60px; }
.hrsystem-def .subj { font-size:var(--fontSz9); font-weight:var(--fontWg3); line-height:50px; color:var(--fontC1); }
.hrsystem-def:has(.def-col):not(.mg) { gap:80px; }
.hrsystem-def .def-col { display:flex; gap:20px 40px; align-items:center; }
.hrsystem-def .def-col .subj { width:420px; }
.hrsystem-def .hrs-img { margin-top:0; }
.c-title4 + .hrsystem-def { margin-top:80px; }

/********** 인사제도 **********/
.hrs-img { margin-top:80px; text-align:center; }
.hrs-img img { max-width:100%; }
.hrs-img.ar { text-align:right; }
.hrsystem-boxlist { display:flex; margin-top:80px; font-weight:var(--fontWg3); font-size:var(--fontSz3); line-height:30px; }
.hrsystem-boxlist > li { flex:1; padding:40px; box-shadow:-1px -1px 0 var(--contC1); }
.hrsystem-boxlist > li:first-child { box-shadow:0 -1px 0 var(--contC1); }
.hrs-support { position:relative; display:flex; justify-content:space-between; overflow:hidden; width:1008px; margin-left:auto; margin-right:auto; color:var(--fontC1); }
.hrs-support.ty3 { width:1208px; }
.hrs-support::before { content:''; position:absolute; top:50%; display:block; left:5%; width:90%; height:1px; background:var(--contC10); }
.hrs-support.ty1::after { content:''; position:absolute; left:50%; top:50%; width:46px; height:46px; background:url('../../static/img/career/hrsystem-02-ico-arr-03.svg') 0 0 no-repeat; transform:translate(-50%, -50%); }
.hrs-support li { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:260px; height:260px; border-radius:150px; text-align:center; font-size:var(--fontSz5); line-height:30px; }
.hrs-support.ty3 li { width:240px; height:240px; }
.hrs-support:not(.ty3) li { box-shadow:inset 0 0 0 1px #D4D4D4; background-color:#fff; }
.hrs-support.ty1 li:first-child, .hrs-support.ty3 li:not(.total2) { background-color:var(--contC5); box-shadow:none; }
.hrs-support:not(.ty1) li:not(:first-child)::before { content:''; position:absolute; right:100%; top:50%; width:24px; height:24px; background:url('../../static/img/career/hrsystem-02-ico-arr.svg') 0 0 no-repeat; transform:translate(-45px, -50%); }
.hrs-support.ty3 li:not(:first-child)::before { transform:translate(-60px, -50%); }
.hrs-support .des dt { margin-bottom:24px; }
.hrs-support .des dd { position:relative; display:block; padding-left:16px; text-align:left; font-size:var(--fontSz2); line-height:22px; color:var(--contC9); }
.hrs-support .des dd em { font-size:var(--fontSz1); line-height:20px; }
.hrs-support .des dd::before { content:'·'; position:absolute; top:0; left:0; display:inline-block; font-size:30px; }
.hrs-support .ico { display:block; margin-bottom:24px; }
.hrs-support li.total { box-shadow:inset 0 0 0 1px var(--pointC1); background:var(--contC6); }
.hrs-support li.total2 { width:440px; background:var(--pointC1); color:var(--fontC5); }
.hrs-support .total2 dl { display:flex; flex-wrap:wrap; justify-content:center; }
.hrs-support .total2 dt { margin-bottom:24px; width:100%; }
.hrs-support .total2 dd { width:160px; height:80px; border-radius:80px; background:rgba(251, 181, 132, .5); font-size:var(--fontSz3); font-weight:var(--fontWg3); line-height:80px; }
.hrs-support .total2 dd + dd { margin-left:-18px; }
.hrs-evaluation { display:flex; flex-direction:column; gap:8px; margin-top:25px; font-size:var(--fontSz4); line-height:28px; }
.hrs-evaluation dl { display:flex; }
.hrs-evaluation dd { position:relative; margin-left:105px; color:var(--pointC1); }
.hrs-evaluation dd::before { content:''; position:absolute; top:50%; left:-64px; width:24px; height:24px; background:url('../../static/img/career/hrsystem-02-ico-arr-02.svg') 0 0 /contain no-repeat; transform:translateY(-50%); }

/********** 복리후생 **********/
.hrs-benefits-top { display:flex; flex-wrap:wrap; gap:16px; margin-top:80px; }
.hrs-benefits-top .hrs-rank.top { width:100%; }
.hrs-benefits-top .hrs-rank { position:relative; overflow:hidden; padding:50px; width:684px; height:500px; cursor:default; }
.hrs-rank .img { position:absolute; top:0; left:0; z-index:-1; }
.hrs-rank .num { position:absolute; top:30px; right:30px; width:48px; height:48px; border-radius:8px; background:#a1aaad; text-align:center; font-size:var(--fontSz5); line-height:48px; color:var(--fontC5); }
.hrs-rank.top .num { background:var(--pointC1); }
.hrs-rank .title { display:block; font-size:var(--fontSz11); line-height:50px; }
.hrs-rank .text { display:block; margin-top:8px; font-size:var(--fontSz6); line-height:34px; }
.hrs-rank .ico { display:block; margin-top:48px; }
.hrs-rank .title + .ico { margin-top:24px; }
.hrs-rank:hover .reviews, .hrs-rank:focus-within .reviews { opacity:1; }
.hrs-rank .reviews { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255, 255, 255, .36); backdrop-filter:blur(20px); opacity:0; transition:.2s opacity; }
.hrs-rank .reviews .cap { display:inline-block; margin-bottom:24px; padding:11px 20px; border-radius:36px; background:var(--contC1); font-size:var(--fontSz3); color:var(--fontC5); }
.hrs-rank .reviews .txt { font-size:var(--fontSz9); line-height:42px; }
.hrs-rank .reviews .txt em { display:block; margin-bottom:16px; font-size:var(--fontSz6); font-weight:var(--fontWg3); line-height:34px; }
.hrs-rank .reviews .name { position:absolute; bottom:50px; left:50px; font-size:var(--fontSz4); font-weight:var(--fontWg3); line-height:28px; }
.hrs-rank .reviews:not([data-swiper]), .hrs-rank [data-swiper] .item { padding:50px; }
.hrs-rank .swiper-controls { position:absolute; right:50px; bottom:50px; width:134px; height:54px; border-radius:200px; background:var(--contC1); color:var(--fontC5); opacity:.88; z-index:10; }
.hrs-rank .swiper-controls:has(.swiper-pagination-lock) { display:none; }
.hrs-rank .swiper-button-prev, .hrs-rank .swiper-button-next { top:50%; width:24px; height:24px; background-image:url('../img/common/i-prev-02.svg'); transform:translateY(-50%); }
.hrs-rank .swiper-button-next { transform:translateY(-50%) rotate(180deg); }
.hrs-rank .swiper-pagination-fraction { text-align:center; line-height:54px; }
.hrs-benefits-des { margin-top:160px; }
.hrs-benefits-des .tab7 { margin-bottom:20px; }
.hrs-benefits-cont { display:flex; flex-wrap:wrap; }
.hrs-benefits-cont::after { content:''; display:block; margin-top:-1px; width:100%; height:1px; background:#a1a1a1; }
.hrs-benefits-cont dl { position:relative; padding:57px 30px 56px 96px; width:33.333%; border-bottom:1px solid #a1a1a1; }
.hrs-benefits-cont dt { font-size:var(--fontSz6); line-height:42px; }
.hrs-benefits-cont dt .ico { position:absolute; left:0; top:50%; transform:translateY(-50%); }
.hrs-benefits-cont dt .ico img { width:52px; }
.hrs-benefits-cont dd { margin-top:16px; font-size:var(--fontSz4); line-height:28px; color:#666; }
.hrs-amenities { margin-top:60px; display:flex; gap:16px; }
.hrs-amenities ul { flex:1; display:flex; flex-direction:column; gap:60px; }
.hrs-amenities .zoom { position:relative; display:block; overflow:hidden; width:453px; height:auto; }
.hrs-amenities .zoom img { width:100%; height:100%; }
.hrs-amenities .zoom .ico { position:absolute; top:24px; right:24px; filter:brightness(100); z-index:2; }
.hrs-amenities .txt { margin-top:16px; font-size:var(--fontSz5); line-height:30px; }

/********** 채용안내 **********/
.recruit-step { display:flex; align-items:center; justify-content:space-between; margin-top:40px; }
.recruit-step:first-of-type { margin-top:80px; }
.recruit-step .c-title6 { margin:0 40px 0 0; }
.recruit-step .step-wrap { border-radius:120px; background:var(--contC5); }
.recruit-step .step-list { display:flex; gap:72px; }
.recruit-step .step-list li { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:33px 48px; width:180px; height:180px; gap:16px; }
.recruit-step .step-list li::after { content:''; position:absolute; top:50%; right:-60px; width:24px; height:24px; background:url(../../static/img/career/recruit-ico-arr.svg) 0 0 no-repeat; transform:translate(-50%, -50%); }
.recruit-step .step-list li:last-child::after { display:none; }
.recruit-step .step-list .txt { color:#272727; }
.recruit-notice { position:relative; margin:240px auto 0; padding:98px 0 120px; }
.recruit-notice::before { content:''; position:absolute; top:0; margin:0 var(--cont-full); width:max(100vw,var(--size-warp-min)); height:100%; background:var(--contC5); z-index:-1; }
.recruit-notice .recruit-list-nodata { margin-top:100px; font-size:var(--fontSz3); line-height:26px; text-align:center; }
.recruit-notice .recruit-list-nodata em { display:block; margin-top:4px; font-size:var(--fontSz2); line-height:22px; color:var(--fontC2); }
.recruit-notice .recruit-list-nodata .i-nodata::before { filter:contrast(.928); }
.recruit-notice .recruit-list-head { display:flex; align-items:flex-end; justify-content:space-between; }
.recruit-list-head .c-title3 { margin-top:0; }
.recruit-list-head .mes-txt4 { margin-top:20px; }
.recruit-notice .recruit-list { border-top:1px solid var(--contC1); margin-top:80px; }
.recruit-notice .recruit-list li { border-bottom:1px solid var(--contC1); }
.recruit-notice .recruit-list li a { display:flex; justify-content:space-between; padding:60px 52px 60px 0; }
.recruit-notice .recruit-list .subj { display:inline-flex; justify-content:flex-start; font-size:var(--fontSz8); line-height:42px; ; }
.recruit-notice .recruit-list .subj .opt { margin-left:16px; font-size:var(--fontSz3); line-height:26px; color:var(--pointC1); }
.recruit-notice .recruit-list .date .count { margin-right:8px; color:var(--pointC1); }
.recruit-notice .btn-more { display:block; width:fit-content; font-size:var(--fontSz6); line-height:34px; margin:80px auto 0; }
.recruit-db { margin-top:240px; }
.recruit-db .db-head { padding:70px 0; min-height:394px; background:url('../img/career/recruit-01.jpg') right center no-repeat; }
.recruit-db .db-head .c-title3 { margin-top:0; }
.recruit-db .db-head .mes-txt4 { margin:24px 0 40px; }
.recruit-db .db-head .ir-a.i-arr::after { filter:invert(100%); }
.recruit-db .ref-txt-box { margin-top:80px; padding:48px; }

/********** 직무소개 **********/
.job-cont { display:flex; align-items:start; justify-content:center; margin-top:160px; }
.job-cont .tab2 { width:400px; margin-top:32px; }
.job-cont .menu { width:400px; margin-top:170px; }
.job-cont .mes-txt2 { font-size:var(--fontSz11); line-height:54px; margin-bottom:60px; }
.job-cont .info { overflow:hidden; margin:0 0 0 120px; width:796px; text-align:center; }
.job-cont .info .item img { max-width:680px; }
.job-cont .swiper-controls { margin-top:-10px; }
.job-cont .swiper-button-prev, .job-cont .swiper-button-next { top:50%; left:0; width:36px; height:36px; transform:translateY(-50%); background-image:url('../img/common/i-prev-03.svg'); margin:10px; }
.job-cont .swiper-button-next { right:0; left:auto; transform:translateY(-50%) rotate(180deg); background-repeat:no-repeat; background-position:center; background-size:contain; }
.job-cont .swiper-button-next:not(.swiper-button-disabled) {
  background-color: rgba(243, 115, 33, 0.2);
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(243, 115, 33, 0.06);
  animation: pulseBoth 1.2s ease-in-out infinite;
}
@keyframes pulseBoth {
  0%, 100% {
    background-color: rgba(243, 115, 33, 0.2);
    box-shadow: 0 0 0 4px rgba(243, 115, 33, 0.08);
  }
  50% {
    background-color: rgba(243, 115, 33, 0.4);
    box-shadow: 0 0 0 10px rgba(243, 115, 33, 0.1);
  }
}

/********** 인재상 **********/
.hri-graphic { display:flex; flex-direction:column; gap:120px; margin:60px 0 120px; }
.hri-def { display:flex; flex-direction:column; gap:120px; font-size:var(--fontSz3); line-height:1.5; font-weight:var(--fontWg3); }
.hri-def > .group { position:relative; }
.hri-def .main { display:flex; align-items:center; gap:60px; padding:70px 90px 70px 110px; font-size:20px; line-height:1.6; color:#141414; border-radius:24px; background-color:#f8f8f8; }
.hri-def .main dt { display:flex; gap:20px; flex:none; align-items:center; width:34.4%; font-weight:var(--fontWg3); font-size:24px; line-height:1.33; color:var(--fontC1); }
.hri-def .main dt .ico { width:120px; }
.hri-def .sub { margin-top:60px; display:flex; color:var(--fontC2); border-top:1px solid #141414; }
.hri-def .sub > li { padding:40px; }
.hri-def .sub > li + li { border-left:1px solid #141414; }
.hri-def .sub .block { margin-bottom:16px;}
.hri-def .sub strong { font-weight:var(--fontWg3); color:var(--fontC1); }


/****************************** MEDIA ******************************/
.news-list { margin-top:24px; border-top:solid 1px var(--contC8); border-bottom:solid 1px var(--contC8); }
.news-list ul { display:grid; grid-template-columns:1fr 1fr 1fr; gap:60px 32px; padding:60px 0; }
.news-list .img { position:relative; width:100%; aspect-ratio:1 / 0.665625; overflow:hidden; }
.news-list .img::after { content:''; position:absolute; border:solid 1px var(--contC10); left:0; top:0; right:0; bottom:0; }
.news-list .img:not(:lang(zh)),
.news-list .img:not(:lang(zh))::after { border-radius:8px; }
.news-list .item-in .img img { width:100%; height:100%; transition:transform 500ms; }
.news-list .item-in:hover .img img { transform:scale(1.1); }
.news-list .item-in:hover .subj { text-decoration:underline; }
.news-list .subj { display:block; font-size:var(--fontSz6); line-height:34px; color:var(--fontC1); margin-top:32px; height:68px; overflow:hidden; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news-list .date { display:block; font-size:var(--fontSz2); line-height:22px; font-weight:var(--fontWg3); color:var(--fontC2); margin-top:24px; }
.news-list .list-nodata { padding:140px 0 130px; }

.certification-list { margin-top:160px; border-top:solid 1px var(--contC8); }
.certification-list .item { display:flex; border-bottom:solid 1px var(--contC7); padding:60px 0; align-items:center; }
.certification-list .img { width:237px; height:328px; overflow:hidden; }
.certification-list .img img { width:100%; height:100%; }
.certification-list dl { width:1103px; padding-left:80px; }
.certification-list dt { font-size:var(--fontSz9); line-height:42px; margin-bottom:24px; }
.certification-list dd { font-size:var(--fontSz3); line-height:26px; }
.certification-list dd.des { color:var(--fontC3); margin-top:16px; }

.ci-conts { margin-top:96px; }
.ci-conts .c-title5 { margin-top:120px; }
.ci-conts .title { display:flex; }
.ci-conts .title .c-title5 { flex:1; margin-top:0; }
.ci-conts .title .mes-txt7 { flex:1; font-weight:var(--fontWg3); margin:0 0 0 8px; }
.ci-conts .ci-list1 { display:flex; gap:16px; margin:48px 0 0; }
.ci-conts .ci-list1 li { flex:1; display:flex; height:320px; background:var(--contC5); align-items:center; justify-content:center; }
.ci-conts .ci-list2 { display:flex; flex-wrap:wrap; gap:16px; margin:40px 0 0; }
.ci-conts .ci-list2 li { position:relative; flex:1; display:flex; height:380px; border:solid 1px var(--contC4); align-items:center; justify-content:center; }
.ci-conts .ci-list2 .txt { font-size:var(--fontSz4); line-height:28px; position:absolute; left:32px; top:28px; }

.profile-cont { margin-top:96px; }
.profile-cont .item { display:flex; gap:60px; align-items:center; }
.profile-cont .thumb { width:590px; }
.profile-cont .thumb img { width:100%; height:100%; }
.profile-cont .info { font-weight:var(--fontWg3); }
.profile-cont .info .title { font-size:var(--fontSz11); line-height:56px;  color:var(--pointC1); }
.profile-cont .info .desc { font-size:var(--fontSz3); line-height:26px; color:var(--fontC9); margin-top:16px; }
.profile-cont .info .btn-area { margin-top:48px; display:flex; gap:16px; }
.profile-cont .info .btn-area [class*="btn-cm"]  { margin:0; min-width:160px; border-color:var(--contC9); }
.brochure-list { margin-top:40px; }
.brochure-list .item { display:flex; justify-content:space-between; gap:60px; background:var(--contC5); padding:48px; }
.brochure-list .item + .item { margin-top:16px; }
.brochure-list .info { position: relative; font-weight:var(--fontWg3); }
.brochure-list .info .title { margin-top:4px; font-size:var(--fontSz6); line-height:34px; color:var(--fontC1); }
.brochure-list .info .desc { color:var(--fontC9); margin-top:16px; }
.brochure-list .info .btn-area { position:absolute; bottom:0; left:0; display:flex; gap:16px; }
.brochure-list .info .btn-area [class*="btn-cm"]  { margin:0; min-width:160px; border-color:var(--contC9); }
.brochure-list .thumb { width:440px; }
.brochure-list .thumb img { width:100%; height:100%; }

.newsletter-list { display:grid; margin-top:40px; grid-template-columns:repeat(2, 1fr); gap:10px; }
.newsletter-list .item { display:flex; flex-direction:column; align-items:center; padding:48px; background:var(--contC5); }
.newsletter-list .thumb { margin-bottom:32px; width:100%; max-width:300px; }
.newsletter-list .thumb img { width:100%; height:auto; }
.newsletter-list .info { width:100%; text-align:center; }
.newsletter-list .info .title { font-size:var(--fontSz6); font-weight:var(--fontWg3); line-height:34px; color:var(--fontC1); }
.newsletter-list .info .btn-area { display:flex; justify-content:center; gap:16px; margin-top:24px; }
.newsletter-list .info .btn-area [class*='btn-cm'] { margin:0; min-width:160px; border-color:var(--contC9); }

/****************************** FOOTER ******************************/
.terms { font-size:var(--fontSz4); font-weight:var(--fontWg3); line-height:28px; color:var(--fontC2); }
.terms .terms-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:80px; }
.terms .terms-head .fm-sel { width:702px; }
.terms .terms-title { margin-bottom:43px; font-weight:var(--fontWg3); font-size:var(--fontSz9); line-height:38px; color:var(--pointC1); }
.terms .terms-txt + .terms-title { margin-top:120px; }
.terms .terms-title2 { margin:80px 0 10px; font-weight:var(--fontWg7); color:var(--fontC1); }
.terms .terms-txt { color:var(--fontC1); }
.terms .terms-txt em { font-weight:var(--fontWg4); }
.terms .terms-txt p + p,
.terms .terms-txt2 + .terms-def,
.terms .terms-txt2 + .terms-list2,
.terms .terms-def + .terms-txt2,
.terms .terms-def dd + dt,
.terms .terms-list2.mgt { margin-top:28px; }
.terms .terms-list2 .terms-list { margin-top:0; margin-bottom:28px; }
.terms .btn-cmd { font-weight:var(--fontWg4); }
.terms .terms-anchor { margin-top:24px; color:var(--fontC1); }
.terms .terms-anchor li + li { margin-top:10px; }
.terms .terms-table { margin:40px 0; border-top:solid 1px var(--contC1); text-align:center; }
.terms .terms-table thead { border-bottom:solid 1px var(--contC1); font-size:var(--fontSz3); font-weight:var(--fontWg4); line-height:26px; }
.terms .terms-table thead th { padding:24px 8px; border-bottom:solid 1px var(--contC1); background:var(--contC5); }
.terms .terms-table td, .terms-table th { padding:24px 8px; border-bottom:solid 1px var(--contC7); font-size:var(--fontSz3); line-height:26px; }
.terms .terms-table th { font-weight:var(--fontWg7); }
.terms .terms-table .al { text-align:left; }
.terms .terms-postdate { display:flex; justify-content:flex-end; margin:-83px 0 85px; font-size:var(--fontSz3); }
.terms .terms-postdate dt { min-width:80px; color:var(--fontC1); font-weight:var(--fontWg4); }
.terms .terms-postdate dd, .terms .terms-date { font-size:var(--fontSz3); color:var(--fontC2); }
.terms .terms-report { margin-top:33px; padding:80px 50px 72px; border:1px solid var(--contC7); border-width:1px 0; }
.terms .terms-report .terms-title2:first-of-type { margin-top:0; }
.terms .terms-report .terms-list2 { margin-left:24px; }
.terms .terms-refer { margin-top:40px; text-align:center; font-size:var(--fontSz3); font-weight:var(--fontWg4); line-height:26px; color:var(--fontC1); }
.terms .terms-refer .terms-date { margin-bottom:16px; }
.privacy_content { padding-top:30px; color:#000 !important; }
.privacy_content table { width:100% !important; table-layout:auto !important; }

/****************************** ETC ******************************/
.error-wrap .error-msg { position:absolute; top:50%; left:50%; width:700px; max-width:90%; text-align:center; transform:translate(-50%,-50%); }
.wrap:has(.header, .footer) .error-wrap .error-msg { position:static; margin:0 auto; transform:none; }
.error-wrap .error-title { font-size:var(--fontSz10); }
.error-wrap .error-title img { display:block; margin:0 auto 12px; }
.error-wrap .error-title em { display:block; font-size:100px; }
.error-wrap .error-title2 { font-size:var(--fontSz9); line-height:42px; font-weight:var(--fontWg7); }
.error-wrap .error-title2 img { display:block; margin:0 auto 40px; }
.error-wrap .error-txt { font-weight:var(--fontWg3); line-height:26px; color:var(--fontC3); margin-top:24px; }
.error-wrap .error-txt2 { font-size:var(--fontSz3); line-height:26px; color:var(--fontC2); margin-top:24px; }
.error-wrap .error-txt3 { font-size:var(--fontSz4); font-weight:var(--fontWg3); margin-top:40px; }
.error-wrap .error-refer { margin-top:48px; border-radius:6px; background:var(--contC5); text-align:left; font-size:var(--fontSz4); padding:20px 0 40px; }
.error-wrap .error-refer dl { display:flex; flex-wrap:wrap; font-size:var(--fontSz4); line-height:28px; width:422px; margin:0 auto; }
.error-wrap .error-refer dt { margin-top:20px; width:104px; font-weight:var(--fontWg7); }
.error-wrap .error-refer dd { margin-top:20px; width:316px; font-weight:var(--fontWg3); }
[lang="zh"] .error-wrap .error-refer dl { width:438px; }
[lang="zh"] .error-wrap .error-refer dl dd { width:334px; }
[lang="en"] .error-wrap .error-refer dl { width:600px; }
[lang="en"] .error-wrap .error-refer dl dt { width:200px; }
[lang="en"] .error-wrap .error-refer dl dd { width:400px; }
.error-wrap .btn-cmc { margin-top:60px; }


/****************************** SEARCH ******************************/
.total-sch-list { margin-top:60px; }
.total-sch-list:empty, .total-sch-list:not(:has(li)) { display: none !important; }
.total-sch-list .title { margin-bottom:24px; font-size:var(--fontSz5); line-height:30px; }
.total-sch-list ul { border-top:solid 1px var(--contC1); }
.total-sch-list .item-in { display:flex; gap: 60px; align-items:center; justify-content:space-between; }
.total-sch-list .item-in .info { flex: 1; }
.total-sch-list .item-in .img { flex:none; margin:0; width:180px; aspect-ratio:1.5/1; overflow:hidden; border:1px solid var(--contC10); border-radius:6px; }
.total-sch-list .item-in .img:empty { border:none; }
.total-sch-list .item-in .img img { width: 100%; height: 100%; object-fit: cover; }
.total-sch-list .item { padding:32px 0; border-bottom:solid 1px var(--contC14); }
.total-sch-list .list-nodata { padding:32px 0 32px; text-align:center; font-size:var(--fontSz4); color:var(--fontC3); font-weight:var(--fontWg3); border-top:solid 1px var(--contC1); border-bottom:solid 1px var(--contC4); }
.total-sch-list .subj { display:block; font-size:var(--fontSz9); font-weight:var(--fontWg4); line-height:46px; }
.total-sch-list .path { display:block; margin-top:16px; font-size:var(--fontSz3); line-height:26px; font-weight:var(--fontWg3); color:var(--fontC3); margin-top:40px; }


/****************************** PRODUCT/SUPPORT 추가 ******************************/
.prod-title2 { font-size:var(--fontSz11); line-height:56px; font-weight:var(--fontWg3); margin-top:96px; } /* 40px */
.prod-title2::before { content:''; display:block; width:12px; height:12px; border-radius:100%; background-color:var(--pointC1); margin-bottom:8px; }
.prod-title3 { font-size:var(--fontSz9); line-height:46px; font-weight:var(--fontWg3); margin:96px 0 40px; } /* 32px */
.prod-title3-head { display:flex; justify-content:space-between; align-items:center; margin-top:96px; }
.prod-title3-head .prod-title3 { margin:0; }
.cont-box .prod-title3 { margin-top:0; }
.prod-title4 { font-size:var(--fontSz6); line-height:34px; font-weight:var(--fontWg3); margin:64px 0 24px; } /* 24px */
.contents > .prod-title4:first-child { margin-top:96px; }
.prod-title5 { font-size:var(--fontSz5); line-height:30px; font-weight:var(--fontWg3); margin-bottom:24px; } /* 20px */

/* 테이블 */
.info-data2 { border-collapse:collapse; font-weight:var(--fontWg3); }
.info-data2 .tb-bg { background:var(--contC5); }
.info-data2 thead { font-size:var(--fontSz3); line-height:26px; font-weight:var(--fontWg4); }
.info-data2 thead th { font-size:var(--fontSz3); line-height:26px; font-weight:var(--fontWg4); border:solid 1px var(--contC14); padding:24px; }
.info-data2 th, .info-data2 td { font-size:var(--fontSz3); line-height:26px; border:solid 1px var(--contC14); border-width:0 1px 1px 1px; }
.info-data2 th:first-child, .info-data2 td:first-child { border-left:0; }
.info-data2 th:last-child, .info-data2 td:last-child { border-right:0; }
.info-data2 td { color:var(--fontC9); padding:24px; }
.info-data3 + .info-data2 { margin-top:64px; }

/* 라인형 */
.info-data3 { border-top:solid 1px var(--contC1); display:grid; width:calc(100% + 1.5px); clip-path:polygon(0% 0%, calc(100% - 1.5px) 0%, calc(100% - 1.5px) calc(100% - 1.5px), 0% calc(100% - 1.5px)) }
.info-data3.col2 { grid-template-columns:repeat(2, 1fr); }
.info-data3.col3 { grid-template-columns:repeat(3, 1fr); }
.info-data3.col4 { grid-template-columns:repeat(4, 1fr); }
.info-data3.col5 { grid-template-columns:repeat(5, 1fr); }
.info-data3 .item { padding:32px 40px; border-bottom:solid 1px var(--contC1); border-right:solid 1px var(--contC1); }
.info-data3.col2 .item:nth-child(2n), .info-data3.col3 .item:nth-child(3n), .info-data3.col4 .item:nth-child(4n), .info-data3.col5 .item:nth-child(5n) { border-right:none; }
.info-data3.inverse { border-color:var(--contC6) }
.info-data3.inverse .item { border-color:var(--contC6) }
.mes-txt1 + .info-data3, .prod-img-grid + .info-data3, .cont-box + .info-data3 { margin-top:40px; }

/* bg박스형 */
.info-data4 { display:grid; gap:16px; }
.info-data4 .item { flex:1; background-color:var(--contC5); padding:32px 40px; }
.info-data4.col2 { grid-template-columns:repeat(2, 1fr); }
.info-data4.col3 { grid-template-columns:repeat(3, 1fr); }
.info-data4.col4 { grid-template-columns:repeat(4, 1fr); }
.info-data4.col5 { grid-template-columns:repeat(5, 1fr); }
.info-data4:has(.txt-icon) .item { display:flex; align-items:center; }
.info-def1 + .info-data4 { margin-top:40px; }
.cont-box > .info-data4:first-child { margin-top:0; }
.cont-box .info-data4 .item { background-color:var(--contC6); }

/* 카드형 */
.info-data5 { display:flex; column-gap:16px; }
.info-data5 .item { position:relative; flex:1; display:flex; flex-direction:column; }
.info-data5 .item:has(.img) { height:512px; }
.info-data5 .txt-box { min-height:320px; background-color:var(--contC5); font-size:var(--fontSz4); font-weight:var(--fontWg3); line-height:28px; padding:32px 40px; order:1; }
.info-data5 .txt-box:only-child { min-height:240px; }
.info-data5 .txt-box::before { content:''; display:block; width:8px; height:8px; border-radius:100%; background-color:var(--pointC1); margin-bottom:12px; }
.info-data5 .item .img { position:absolute; bottom:48px; z-index:2; width:100%; text-align:center; }
.info-data5 .item:nth-child(even) { justify-content:end; }
.info-data5 .item:nth-child(even) .img { top:48px; bottom:auto; }
.mes-txt1 + .info-data5 { margin-top:40px; }

/* 썸네일형 */
.info-data6 { display:grid; gap:16px; }
.info-data6.col2 { grid-template-columns:repeat(2, 1fr); }
.info-data6 .item { display:flex; flex:1; justify-content:space-between; align-items:center; background-color:var(--contC5); padding:32px 32px; column-gap:24px; }
.info-data6 .item .img { width:188px; height:188px; }

/* 좌:제품이미지 우:설명 */
.info-data7 { display:flex; column-gap:48px; align-items:center; }
.info-data7 .img { display:flex; justify-content:center; align-items:center; }
.info-data7.reverse .img { order:2; }
.info-data7 .txt { display:flex; flex:1; }
.info-data7 .txt .title { font-weight:var(--fontWg3); line-height:26px; }
.cont-box .info-data7 .txt { justify-content:center; }
.info-data7 + .info-data7 { margin-top:24px; }

/* dt:18, dd:16(434343) */
.info-def1 dt { font-size:var(--fontSz4); line-height:28px; font-weight:var(--fontWg3); margin-bottom:12px; }
.info-def1.ty2 dt { display:flex; justify-content:space-between; align-items:center; font-size:var(--fontSz5); line-height:30px; font-weight:var(--fontWg3); margin-bottom:24px; } /* size:20px */
.info-def1.ty2 dt.line { border-bottom:solid 1px var(--contC12); margin-bottom:24px; padding-bottom:16px; }
.info-def1.ty2 dt .point { font-weight:var(--fontWg4); color:var(--pointC1); }
.info-def1.ty2 dt .point em { font-size:var(--fontSz16); line-height:64px; }
.info-def1.ty3 dt { font-size:var(--fontSz9); line-height:46px; margin-bottom:24px; }
.info-def1.ty4 dt { font-size:var(--fontSz6); line-height:34px; margin-bottom:24px; }
.info-def1 dd::before, .info-def1 li::before { content:''; position:absolute; display:block; width:3px; height:3px; background-color:var(--contC9); left:0; top:11px; border-radius:100%; }
.info-def1 dd, .info-def1 li { position:relative; line-height:26px; color:var(--fontC9); font-weight:var(--fontWg3); padding-left:12px; } /* size:16px */
.info-def1 dd.none, .info-def1 li.none { margin-left:0; padding-left:0; }
.info-def1 dd.none::before, .info-def1 li.none::before { display:none; }
.info-def1 dd + dd, .info-def1 li + li { margin-top:8px; }
.info-def1.col2 { display:flex; flex-wrap:wrap; }
.info-def1.col2 li:nth-of-type(2) ~ li, .info-def1.col2 dd:nth-of-type(2) ~ dd { margin-top:8px; }
.info-def1.col2 dt { width:100%; }
.info-def1.col2 dd, .info-def1.col2 li { width:50%; margin-top:0; }
.info-def1.col3 { display:flex; flex-wrap:wrap; }
.info-def1.col3 dt { width:100%; }
.info-def1.col3 dd { width:33.333333%; margin-top:0; }
.info-def1.col3 dd:nth-of-type(3) ~ dd { margin-top:8px; }
.info-def1 + .info-def1 { margin-top:24px; }
.cont-box > .prod-img-grid + .info-def1 { margin-top:48px; }

.info-def4 { width:100%; line-height:26px; font-weight:var(--fontWg3); } /* 제품 썸네일 */
.info-def4 dt { color:var(--fontC3); }
.info-def4 dd { text-align:right; }
.info-def4 div { display:flex; justify-content:space-between; }
.info-def4 div + div { margin-top:32px; }
.info-data2 + .info-def4 { margin-top:40px; }

.info-def5 { display:flex; flex-direction:column; gap:8px; font-size:var(--fontSz4); line-height:28px; font-weight:var(--fontWg3); } /* 제품 설명 */
.info-data7 .txt > .info-def5 { width:100%; padding-left:16px; }
.info-def5 .subj { margin-right:6px; vertical-align:top; }
.info-def5 > dt { margin-bottom:8px; font-size:var(--fontSz5); line-height:30px; font-weight:var(--fontWg3); }
.info-def5 > dd, .info-def5 > li { position:relative; padding-left:11px; }
.info-def5 dd.none, .info-def5 li.none { margin-left:0; padding-left:0; }
.info-def5 dd.none::before, .info-def5 li.none::before { display:none; }
.info-def5 > dd::before, .info-def5 > li::before { content:''; position:absolute; display:block; width:3px; height:3px; background-color:var(--contC9); left:0; top:11px; border-radius:100%; }

span.info-def6 { display:block; text-indent:-1rem; margin-left:1rem; }

[class*="info-def"].inverse dt { color:var(--fontC5); }
[class*="info-def"].inverse dd::before, [class*="info-def"].inverse li::before { background-color:var(--fontC5); }
[class*="info-def"].inverse dd, [class*="info-def"].inverse li { color:var(--fontC5); }

.txt-single { line-height:26px; color:var(--fontC9); font-weight:var(--fontWg3); }
.txt-single2 { font-size:var(--fontSz4); line-height:28px; font-weight:var(--fontWg3); }
.txt-small { display:block; font-family:var(--fontF2); font-size:var(--fontSz2); color:var(--fontC2); line-height:22px; font-weight:var(--fontWg3); margin-top:4px; }/* font-size:14px */
.txt-small2 { display:block; color:var(--fontC2); line-height:26px; font-weight:var(--fontWg3); margin-top:20px; }/* font-size:14px */
.txt-icon { width:100%; display:flex; justify-content:space-between; align-items:center; }
.txt-icon .txt { font-size:var(--fontSz4); line-height:28px; font-weight:var(--fontWg3); }
.txt-icon .icon { flex:none; margin-left:1.2rem; }

.cont-box { position:relative; background-color:var(--contC5); padding:48px; }
.cont-box .img-pos { position:absolute; right:45px; top:-150px; }
.cont-box .img-pos2 { position:absolute; right:108px; bottom:48px; }
.cont-box .in-grid-col { display:flex; justify-content:space-between; }
.info-data3 + .cont-box { margin-top:64px; }
.cont-box + .cont-box, .box-btm + .cont-box, .mes-txt1 + .cont-box, .prod-sco2-power-system1 + .cont-box { margin-top:40px; }

.prod-links { display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; border-top:solid 1px var(--contC1); margin-top:24px; padding-top:32px; }
.prod-links .btn { border:solid 1px var(--contC1); border-radius:8px; display:block; height:80px; font-size:var(--fontSz2); line-height:80px; font-weight:var(--fontWg3); text-align:center; }
.prod-links .btn .btn-in.ir-a::after { margin-left:8px; vertical-align:middle; }

.prod-links2 { background:url('../img/product/prod-links2.jpg') 0 0 no-repeat; height:300px; padding:90px 0; margin-top:96px; font-weight:var(--fontWg3); text-align:center; }
.prod-links2 .txt { display:block; font-size:var(--fontSz11); line-height:56px; color:var(--fontC5); margin-bottom:10px; }

.prod-mov { position:relative; aspect-ratio:16/9; }
.prod-mov .video-control { position:absolute; top:0; left:0; right:0; bottom:0; line-height:0; background-color:rgba(20, 20, 20, 0.3); }
.prod-mov > video, .prod-mov > img { vertical-align:top; width:100%; height:100%; object-fit:cover; }
.prod-mov .video-control img { width:62px; }
.prod-mov .video-control .btn { display:block; width:fit-content; height:fit-content; margin:0 auto; padding:49px; border-radius:100%; background-color:rgba(0, 0, 0, 0.3); transition:all var(--time-ani-base); }
.prod-mov .playing ~ .video-control { opacity:0; }
.info-data3 + .prod-mov, .mes-txt1 + .prod-mov { margin-top:64px; }
.contents > .prod-mov:first-child, .prod-img-grid + .prod-mov, .cont-box + .prod-mov, .prod-title2 + .mes-txt1 + .prod-mov-full { margin-top:96px; }

.prod-img-grid { display:grid; gap:16px; }
.prod-img-grid.col2 { grid-template-columns:repeat(2, 1fr); }
.prod-img-grid.col3 { grid-template-columns:repeat(3, 1fr); }
.prod-img-grid.col4 { grid-template-columns:repeat(4, 1fr); }
.prod-img-grid.bg > .item { background-color:var(--contC5); }
.info-data3 + .prod-img-grid, .box-btm + .prod-img-grid, .info-def1 + .prod-img-grid { margin-top:64px; }
.cont-box > .prod-img-grid:first-child { margin-top:0; }
.cont-box > .prod-img-grid { text-align:center; }
.mes-txt1 + .prod-img-grid, .cont-box + .prod-img-grid, .prod-img-grid + .prod-img-grid { margin-top:40px; }

.prod-img-grid3 { position:relative; }/* bg:이미지 좌:타이틀, 우:리스트 */
.prod-img-grid3 .txt { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; padding:64px; z-index:2; align-items:center; }
.prod-img-grid3 .title { width:50%; padding-right:64px; }
.prod-img-grid3 .title .prod-title3 { margin:0; }
.prod-img-grid3 .des { width:50%; }
.info-data3 + .prod-img-grid3 { margin-top:64px }

.prod-img-grid4 { position:relative; }/* bg:이미지 > info-data3 */
.prod-img-grid4 .txt { position:absolute; left:48px; bottom:48px; right:48px; }
.info-data3 + .prod-img-grid4, .mes-txt1 + .prod-img-grid4 { margin-top:64px; }

.prod-img-ty1 { text-align:center; padding:64px 0; } /* 타이틀/이미지/다운로드 */
.prod-img-ty1 .subj { font-size:var(--fontSz5); line-height:30px; font-weight:var(--fontWg3); }
.prod-img-ty1 .img { height:160px; margin:32px 0; }

.prod-img-ty2 { text-align:center; padding:64px 0; } /* /이미지/타이틀 */
.prod-img-ty2 .subj { display:block; line-height:26px; font-weight:var(--fontWg3); margin-top:32px; }

.prod-img-ty3 { position:relative; } /* 이미지/타이틀-absolute */
.prod-img-ty3 .subj { position:absolute; display:flex; justify-content:space-between; font-size:var(--fontSz5); line-height:30px; font-weight:var(--fontWg3); left:36px; right:36px; bottom:36px; }

.prod-img-ty4 .subj { display:block; line-height:26px; font-weight:var(--fontWg3); margin-top:12px; }

.prod-img-ty5 { margin-bottom:32px; }
.prod-img-ty5 .img { margin-bottom:32px; }

.prod-col-grid { display:flex; justify-content:space-between; column-gap:64px; }
.prod-col-grid:has(.prod-title3) { margin-top:96px; }
.prod-col-grid .prod-title3 { margin-top:0; }

.prod-sch-field { margin-top:96px; }

.terms-box { height:490px; overflow-y:auto; font-size:var(--fontSz3); line-height:26px; color:var(--fontC2); border:solid 1px var(--contC1); background-color:var(--contC6); padding:24px; margin-top:16px; font-weight:var(--fontWg3); }
.terms-box .terms-title { margin-top:26px; }
.terms-box .terms-txt + .terms-txt { margin-top:24px; }
.terms-box .terms-txt + .terms-list { margin-top:24px; }
.terms-box .terms-list3 { margin-top:16px; }
.terms-box .terms-list3 > li { text-indent:-1em; margin-left:1em; }
.terms-box .terms-list > li { text-indent:-0.8em; margin-left:0.8em; }
.terms-box .terms-list > li .point { font-weight:var(--fontWg7); text-decoration:underline; text-underline-offset:6px; }
.terms-box .terms-list2 { text-indent:0; }

.prod-installation { display:flex; justify-content:space-between; margin-top:40px; }
.prod-installation .installation-info { width:700px; display:flex; align-items:center; padding:0 64px; border:solid 1px var(--contC4); border-width:1px 1px 1px 0; }
.prod-installation .installation-info .prod-title4 { margin-top:0; }
.prod-installation .installation-info .in { width:100%; }
.prod-installation .installation-info dl { font-weight:var(--fontWg3); margin-top:120px; }
.prod-installation .installation-info dl div { display:flex; line-height:26px; padding:16px 0; }
.prod-installation .installation-info dl div + div { border-top:solid 1px var(--contC4); }
.prod-installation .installation-info dl dt { width:136px; color:var(--fontC3); }
.prod-installation .installation-info dl dd { flex:1; color:var(--fontC9); }

.prod-installation .installation-slide { width:700px; height:440px; }
.prod-installation .installation-slide .swiper-slide { width:700px; height:440px; overflow:hidden; }
.prod-installation .installation-slide .swiper-slide img { width:100%; }
.prod-installation .installation-slide .swiper-controls { position:absolute; left:0; right:0; bottom:54px; z-index:2; }
.prod-installation .installation-slide .swiper-button-autoplay { display:none; }
.prod-installation .installation-slide .swiper-pagination-bullet { background-color:var(--contC5); }
.prod-installation .installation-slide .swiper-pagination-bullet-active { background-color:var(--swiper-dot-active-color); }

.contact-conts { margin-top:40px; }
.contact-conts .img-map-wrap { position:relative; aspect-ratio:1400/712; }
.contact-conts .img-map { position:absolute; background:#fff; left:0; right:0; bottom:0; top:0; opacity:0; transition:opacity var(--time-ani-base); }
.contact-conts .img-map.all { z-index:3; }
.contact-conts .active,
.contact-conts .active + .active ~ .all { opacity:1; }
.contact-conts + .contact-conts { margin-top:80px; }
.contact-conts .c-title3 { margin-top:0; }

.purchase-info { display:flex; column-gap:16px; }
.purchase-info ul { border-top:solid 1px var(--contC12); border-bottom:solid 1px var(--contC12); padding:48px 0; margin-top:40px; }
.purchase-info .item li + li { margin-top:16px; }
.purchase-info .item { flex:1; font-weight:var(--fontWg3); line-height:26px; }
.purchase-info .item:only-child ul { display:flex; }
.purchase-info .item:only-child ul li { flex:1; }
.purchase-info .item:only-child li + li { margin-top:0; }
.purchase-info .item .subj { font-size:var(--fontSz4); margin-right:12px; }
.purchase-info .item .des { color:var(--fontC9); }

.prod-applications { margin:64px 0 96px; }
.prod-applications .in-item { position:relative; }
.prod-applications .in-item + .in-item { margin-top:64px; }
.prod-applications .in-item .in-img { position:relative; overflow:hidden; }
.prod-applications .in-item .in-txt { position:absolute; left:64px; right:64px; bottom:64px; font-weight:var(--fontWg3); color:var(--fontC5); }
.prod-applications .in-item .in-txt .in-subj { font-size:var(--fontSz6); line-height:34px; }
.prod-applications .in-item .in-txt .in-des { font-size:var(--fontSz3); line-height:26px; margin-top:16px; }

.prod-field-service1 { display:flex; }
.prod-field-service1 li { flex:1; }
.prod-field-service1 li dt { color:var(--fontC5); line-height:48px; padding:0 0 0 32px; margin-bottom:24px; }
.prod-field-service1 li dd::before { content:''; position:absolute; display:block; width:3px; height:3px; background-color:var(--contC9); left:0; top:11px; border-radius:100%; }
.prod-field-service1 li dd { position:relative; line-height:26px; color:var(--fontC9); padding-left:12px; margin-left:24px; font-weight:var(--fontWg3); }
.prod-field-service1 li dd + dd { margin-top:12px; }
.prod-field-service1 li:nth-child(1) dt { background-color:#F0650C; }
.prod-field-service1 li:nth-child(2) dt { background-color:#F37321; }
.prod-field-service1 li:nth-child(3) dt { background-color:#F58F4D; }
.prod-field-service1 li:nth-child(4) dt { background-color:#F7A16A; }
.prod-field-service1 li:nth-child(5) dt { background-color:#F9BF99; }

.prod-performance-upgrade1 { display:flex; column-gap:68px; }
.prod-performance-upgrade1 .in-item { position:relative; display:flex; width:296px; line-height:26px; font-weight:var(--fontWg3); }
.prod-performance-upgrade1 .in-item:nth-child(2) { width:576px; }
.prod-performance-upgrade1 .in-item dl { width:100%; }
.prod-performance-upgrade1 .in-item dt { display:flex; align-items:center; justify-content:center; height:64px; text-align:center; line-height:26px; margin-bottom:24px; background:var(--contC6); padding:0 1.2rem; }
.prod-performance-upgrade1 .in-item::after { content:''; display:block; position:absolute; left:100%; top:50%; background:url('../img/product/performance-upgrade-01.svg') 0 0 no-repeat; width:36px; height:80px; margin:-40px 0 0 16px; }
.prod-performance-upgrade1 .in-item:last-child::after { display:none; }
.prod-performance-upgrade1 .in-item ul { display:flex; }
.prod-performance-upgrade1 .in-item li { padding:0 24px; }
.prod-performance-upgrade1 .in-item .in-txt { display:block; margin-top:24px; text-align:center; }
.prod-performance-upgrade1 .in-item dd { text-align:center; mix-blend-mode:darken; }

.prod-performance-upgrade2 { display:flex; justify-content:space-between; align-items:center; }
.prod-performance-upgrade2 .in-box { position:relative; background-color:var(--contC6); text-align:center; }
.prod-performance-upgrade2 .in-box .in-title { background-color:var(--pointC1); height:56px; font-size:var(--fontSz4); color:var(--fontC5); font-weight:var(--fontWg3); line-height:56px; text-align:center; }
.prod-performance-upgrade2 .in-box { width:460px; height:320px; }
.prod-performance-upgrade2 .in-box + .in-box { margin-top:80px; }
.prod-performance-upgrade2 .in-item:first-child { order:2; }
.prod-performance-upgrade2 .in-item:first-child .in-box { width:560px; height:420px; }
.prod-performance-upgrade2 .in-item { position:relative; }
.prod-performance-upgrade2 .in-item:first-child { position:relative; }
.prod-performance-upgrade2 .in-box::before { content:''; position:absolute; display:block; width:12px; height:12px; background-color:var(--pointC1); border-radius:100%; }
.prod-performance-upgrade2 .in-item:first-child .in-box::before { left:0; top:50%; margin:-6px 0 0 -6px; }
.prod-performance-upgrade2 .in-item:first-child .in-box::after { content:''; position:absolute; display:block; width:212px; height:2px; background-color:var(--pointC1); right:100%; top:50%; }
.prod-performance-upgrade2 .in-item:last-child .in-box::before { right:0; top:50%; margin:-6px -6px 0 0; }
.prod-performance-upgrade2 .in-item:last-child .in-box:first-child::after { content:''; position:absolute; display:block; width:72px; height:398px; border:solid 1px var(--pointC1); border-width:2px 2px 2px 0; left:100%; top:50%; border-radius:0 16px 16px 0; }

.prod-performance-upgrade3 { margin-top:64px; }
.prod-performance-upgrade3 .in-box { background-color:var(--contC6); text-align:center; }
.prod-performance-upgrade3 .in-box .in-title { background-color:var(--pointC1); height:56px; font-size:var(--fontSz4); color:var(--fontC5); font-weight:var(--fontWg3); line-height:56px; text-align:center; }
.prod-performance-upgrade3 .in-box { width:592px; }
.prod-performance-upgrade3 .in-box + .in-box { margin-left:120px; }
.prod-performance-upgrade3 .in-item:first-child .in-box { width:760px; }
.prod-performance-upgrade3 .in-item { display:flex; justify-content:center; }
.prod-performance-upgrade3 .in-box dt { font-size:var(--fontSz4); font-weight:var(--fontWg3); line-height:28px; padding:32px 0 24px; }
.prod-performance-upgrade3 .in-txt { text-align:center; padding-top:24px; border-top:solid 1px var(--contC12); }
.prod-performance-upgrade3 .in-txt ul { display:flex; justify-content:center; }
.prod-performance-upgrade3 .in-txt li { position:relative; padding:0 24px; font-weight:var(--fontWg3); color:var(--fontC9); line-height:26px; }
.prod-performance-upgrade3 .in-txt li + li::before { content:''; position:absolute; display:block; width:1px; height:16px; border-left:solid 1px var(--contC12); left:0; top:5px; }
.prod-performance-upgrade3 dl { padding:0 40px; }
.prod-performance-upgrade3 .in-box dt + .in-img { margin-top:8px; }
.prod-performance-upgrade3 .in-box .in-img { margin:24px 0 32px; }
.prod-performance-upgrade3 .in-item:first-child { position:relative; margin-bottom:80px; }
.prod-performance-upgrade3 .in-item:first-child::after { content:''; position:absolute; display:block; width:708px; height:40px; border:solid 1px var(--contC12); border-width:1px 1px 0 1px; left:50%; bottom:0; margin:0 0 -80px -354px; }
.prod-performance-upgrade3 .in-item:first-child::before { content:''; position:absolute; display:block; width:1px; height:40px; border-left:solid 1px var(--contC12); left:50%; bottom:0; margin:0 0 -40px 0; }

.prod-performance-upgrade4 { display:flex; column-gap:16px; }
.prod-performance-upgrade4 .prod-title5 { text-align:center; margin-bottom:16px; }
.prod-performance-upgrade4 .in-arr { margin-top:194px; }
.prod-performance-upgrade4 .in-item .in-img { position:relative; }
.prod-performance-upgrade4 .info-def1.inverse { position:absolute; top:220px; left:72px; right:72px; border-top:solid 1px var(--contC6); padding-top:32px; }
.prod-performance-upgrade4 .in-box { position:relative; background-color:var(--contC6); margin:-40px 32px 0 32px; padding:32px 40px; }

.prod-sco2-power-system1 { display:flex; column-gap:16px; margin-top:40px; }
.prod-sco2-power-system1 .in-img { flex:1; }
.prod-sco2-power-system1 .in-brochure { text-align:center; }
.prod-sco2-power-system1 .btn-cmf { margin-top:24px; }

.prod-sco2-power-system3 { padding:20px 50px 0; }
.prod-sco2-power-system3 ol { display:grid; grid-template-columns:repeat(2, 1fr); border-bottom:solid 1px var(--contC12); }
.prod-sco2-power-system3 li { position:relative; padding:20px 0 20px 44px; border-bottom:solid 1px var(--contC12); margin-bottom:-1px; }
.prod-sco2-power-system3 li:nth-child(even) { padding-left:68px; }
.prod-sco2-power-system3 .in-num { position:absolute; left:0; margin-top:12px; width:32px; height:32px; border-radius:100%; background:var(--contC1); font-size:var(--fontSz2); line-height:34px; font-weight:var(--fontWg3); color:var(--fontC5); text-align:center; }
.prod-sco2-power-system3 li:nth-child(even) .in-num { left:24px; }
.prod-sco2-power-system3 .in-subj { display:block; line-height:26px; font-weight:var(--fontWg3); margin-bottom:12px; }
.prod-sco2-power-system3 .in-des { line-height:24px; font-weight:var(--fontWg3); color:var(--contC9); }

.prod-sco2-power-system4 { display:flex; justify-content:space-between; align-items:center; background-color:var(--contC5); padding:70px 160px 70px 80px; margin-top:40px; }
.prod-sco2-power-system4 .in-title { font-size:var(--fontSz5); line-height:40px; font-weight:var(--fontWg3); }
.prod-sco2-power-system4 .in-des { margin-top:40px; line-height:30px; }
.prod-sco2-power-system4 .in-small { font-size:var(--fontSz1); color:var(--fontC8); line-height:22px; margin-top:40px; text-indent:-0.5rem; margin-left:0.5rem; }

.prod-sco2-power-system5 { background-color:var(--contC5); padding:24px 24px; }
.prod-sco2-power-system5 table { border-spacing:24px; font-weight:var(--fontWg3); }
.prod-sco2-power-system5 th { font-size:var(--fontSz5); color:var(--pointC1); line-height:32px; text-align:center; font-weight:var(--fontWg3); }
.prod-sco2-power-system5 td { line-height:30px; padding:30px 40px; }
.prod-sco2-power-system5 .bg1 { background-color:rgba(234, 182, 0, 0.05); }
.prod-sco2-power-system5 .bg2 { background-color:rgba(243, 115, 33, 0.05); }
.prod-sco2-power-system5 td dl + dl { margin-top:24px; }
.prod-sco2-power-system5 td dd { color:var(--fontC2); }

.prod-nh3-gas-turbine-propulsion-system1 { display:flex; justify-content:space-between; }
.prod-nh3-gas-turbine-propulsion-system1 .in-item:first-child { width:703px; }
.prod-nh3-gas-turbine-propulsion-system1 .in-item:first-child .in-img { margin-top:60px; }
.prod-nh3-gas-turbine-propulsion-system1 .in-item:last-child { width:421px; }
.prod-nh3-gas-turbine-propulsion-system1 .in-item:last-child .in-img { margin-top:40px; }

.prod-h2-gas-turbine-retrofit-upgrade1 { display:grid; gap:16px; grid-template-columns:repeat(3, 1fr); text-align:center; }
.prod-h2-gas-turbine-retrofit-upgrade1 .in-item { height:460px; background-color:var(--contC5); font-weight:var(--fontWg3); line-height:30px; padding-top:42px; }
.prod-h2-gas-turbine-retrofit-upgrade1 .in-img:first-child { margin-top:30px; }
.prod-h2-gas-turbine-retrofit-upgrade1 .in-txt1 { font-size:var(--fontSz2); }
.prod-h2-gas-turbine-retrofit-upgrade1 .in-txt2 { display:block; font-size:var(--fontSz5); margin-top:52px; }

.prod-h2-gas-turbine-retrofit-upgrade2 { display:grid; gap:16px; grid-template-columns:repeat(2, 1fr); font-weight:var(--fontWg3); }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item { display:flex; flex-direction:column; height:420px; background-color:var(--contC5); padding:32px 40px; }
.prod-h2-gas-turbine-retrofit-upgrade2 .prod-title5 { display:flex; justify-content:space-between; margin:0; padding:8px 0 24px; border-bottom:solid 1px var(--contC1); align-items:end; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-cont { display:flex; justify-content:space-between; padding:36px 0 0 0;}
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-img { padding-top:14px; margin-right:56px; }
html[lang="en"] .prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-img { margin-right:24px; text-align:center; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-txt { flex:1; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-def div { display:flex; justify-content:space-between; line-height:26px; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-def div dd { flex-shrink:0; padding-left:0.8rem; text-align:right; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-def div + div { margin-top:24px; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-subj { display:block; height:40px; background-color:var(--pointC1); color:var(--fontC5); line-height:40px; border-radius:40px; text-align:center; margin-top:30px; padding:0 16px; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty2 .in-cont { padding:36px 0 0 54px; line-height:22px; }
html[lang="en"] .prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty2 .in-cont { padding-top:24px;  }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty2 .in-img { position:relative; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty2 .in-pos1 { position:absolute; bottom:-48px; left:54px; left:50%; transform:translateX(-50%); }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty2 .in-pos2 { position:absolute; width:172px; height:44px; transform:rotate(-90deg); left:-49px; bottom:-21px; transform-origin:left top; }
html[lang="en"] .prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty2 .in-pos2 { text-align:center; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty3 .in-cont { display:flex; flex:1; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty3 .in-box { width:50%; padding:40px 20px 0 0; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty3 .in-box + .in-box { border-left:solid 1px var(--contC1); padding-left:20px; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty3 dl { margin-top:40px; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty3 dd { color:var(--fontC2); line-height:24px; margin-top:16px; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty4 .in-cont { padding:36px 0 0 55px; line-height:22px; }
html[lang="en"] .prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty4 .in-cont { padding-top:12px; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty4 .in-img { position:relative; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty4 .in-pos1 { position:absolute; bottom:-48px; left:50px; left:50%; transform:translateX(-50%); }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty4 .in-pos2 { position:absolute; height:44px; transform:rotate(-90deg); left:-50px; bottom:20px; transform-origin:left top; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty4 .in-pos3 { position:absolute; font-size:var(--fontSz1); line-height:18px; left:456px; top:80px; }

.prod-h2-gas-turbine-retrofit-upgrade3 { background-color:var(--contC5); margin-top:40px; padding:48px; }
.prod-h2-gas-turbine-retrofit-upgrade3 .in-grid { display:flex; align-items:center; }
.prod-h2-gas-turbine-retrofit-upgrade3 .in-grid .in-txt { align-items:center; }
.prod-h2-gas-turbine-retrofit-upgrade3 .in-grid .in-img { padding:0 96px 0 20px; }
.prod-h2-gas-turbine-retrofit-upgrade3 .in-grid .in-des { margin-top:20px; line-height:26px; font-weight:var(--fontWg3); }

.prod-teg1  { position:relative; }
.prod-teg1 .in-pos { position:absolute; right:0; bottom:0; margin-bottom:-153px; }

.prod-teg2 { position:relative; margin-top:24px; }
.prod-teg2 .in-img { position:relative; z-index:2; }
.prod-teg2 .in-txt { position:absolute; width:100%; height:100%; top:0; left:0; }
.prod-teg2 .in-txt .in-ty1 { position:absolute; left:969px; }
.prod-teg2 .in-txt .in-ty2 { position:absolute; left:64px; top:330px; }
.prod-teg2 .in-txt .in-item { display:flex; align-items:center; }
.prod-teg2 .in-txt .in-item +.in-item { margin-top:65px; }
.prod-teg2 .in-txt .in-def { margin-left:20px; line-height:26px; }
.prod-teg2 .in-txt .in-def dt { font-size:var(--fontSz5); }
.prod-teg2 .in-txt .in-def dd { color:var(--fontC2); margin-top:16px; font-weight:var(--fontWg3); }

.prod-teg3 { margin-top:40px; }
.prod-teg3 .in-box { position:relative; display:flex; align-items:center; justify-content:space-between; background-color:var(--contC5); padding:70px 60px 60px 72px; margin:-34px 50px 0; z-index:2; }

.prod-nrs-package1 { display:flex; padding:0 48px; flex-wrap:wrap; }
.prod-nrs-package1 li { width:50%; border-bottom:solid 1px var(--contC12); padding:48px 0 24px; }
.prod-nrs-package1 .info-def1 dt .in-num { display:inline-block; width:32px; height:32px; font-family:var(--fontF2); font-size:var(--fontSz2); color:var(--fontC5); line-height:32px; background-color:var(--contC1); border-radius:100%; text-align:center; margin-right:12px; }
.prod-nrs-package1 .info-def1 dt { margin-bottom:6px; }
.prod-nrs-package1 .info-def1 dd { margin-left:44px; }
.prod-nrs-package1 .info-def1 dd + dd { margin-top:2px; }

.prod-nrs-package2 { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:16px; }
.prod-nrs-package2 .in-graph { padding:48px; }
.prod-nrs-package2 .in-data { }
.prod-nrs-package2 .in-graph ul { position:relative; padding:16px 0; }
.prod-nrs-package2 .in-graph ul::before { position:absolute; content:''; display:block; left:96px; top:0; border-left:solid 1px #a1a1a1; height:100%; }
.prod-nrs-package2 .in-graph li { display:flex; }
.prod-nrs-package2 .in-graph li + li { margin-top:24px; }
.prod-nrs-package2 .in-graph li .in-nrs { width:96px; font-size:var(--fontSz3); line-height:48px; color:var(--fontC1); padding-left:6px; }
.prod-nrs-package2 .in-graph li .in-bog { position:relative; height:48px; line-height:49px; color:var(--fontC5); border-radius:0 48px 48px 0; text-align:right; padding-right:16px; }
.prod-nrs-package2 .in-graph li .in-bog::after { content:''; display:inline-block; width:12px; height:12px; background-color:var(--contC6); border-radius:100%; margin-left:12px; }
.prod-nrs-package2 .in-graph li:nth-child(1) .in-bog { background:#F9BF99; width:183px; }
.prod-nrs-package2 .in-graph li:nth-child(2) .in-bog { background:#F7A16A; width:235px; }
.prod-nrs-package2 .in-graph li:nth-child(3) .in-bog { background:#F58F4D; width:338px; }
.prod-nrs-package2 .in-graph li:nth-child(4) .in-bog { background:#F37321; width:423px; }
.prod-nrs-package2 .in-graph li:nth-child(5) .in-bog { background:#F0650C; width:500px; }
.prod-nrs-package2 .in-graph .in-total { text-align:right; margin:8px 0 0 0; }
.prod-nrs-package2 .in-data table { margin:0; }
.prod-nrs-package2 .in-data table th, .prod-nrs-package2 .in-data table td { padding-left:0; padding-right:0; text-align:center; }

.prod-ship-detail-point { display:flex; position:relative; margin:64px 0 0; --left:0; --top:0; }
.prod-ship-detail-point .ir-b { position:absolute; --bg:#000; left:calc(var(--left) * 1%); top:calc(var(--top) * 1%); z-index:5; transform:translate(-50%,-50%); padding:15px; border-radius:100%; background-color:var(--bg); }
.prod-ship-detail-point .ir-b:hover + .hover-only { opacity:1; }
.prod-ship-detail-point .dropdown-opend .hover-only { opacity:1; z-index:2; }
.prod-ship-detail-point .hover-only { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; opacity:0; transition:opacity var(--time-ani-base); }
.prod-ship-detail-point .ir-b:hover,
.prod-ship-detail-point .dropdown-opend .ir-b { --bg:#F37321; }
.prod-ship-detail-point .ir-b::before { --size:34px; width:var(--size); height:var(--size); background-size:contain; }
.prod-ship-detail-point .ir-b::after { content:''; position:absolute; left:-8px; top:-8px; right:-8px; bottom:-8px; border-radius:100%; background-color:var(--bg); opacity:0.2; }
.prod-ship-detail-point .in-detail { position:absolute; left:50%; top:50%; z-index:6; padding:64px 40px 40px; background-color:var(--contC6); transform:translate(var(--translate-x, -50%), var(--translate-y, -50%)); width:480px; }
.prod-ship-detail-point .in-detail .close { position:absolute; right:24px; top:24px; }
.prod-ship-detail-point .in-detail dl { font-weight:var(--fontWg3); margin-top:32px; }
.prod-ship-detail-point .in-detail dl dt { font-size:var(--fontSz6); line-height:34px; margin:0 0 8px 0; }
.prod-ship-detail-point .in-detail dd { color:var(--fontC2); line-height:26px; }
.prod-ship-detail-point > img { display:block; max-width:100%; margin-left:auto; margin-right:auto; }

/* .prod-product-range { position:relative; }
.prod-product-range .mes-txt1 { margin:40px 0 -16px; }
.prod-product-range table { font-size:var(--fontSz5); line-height:1.5; --top-line-color:var(--contC9); border-top:solid 1px var(--top-line-color); border-collapse:collapse; border-bottom:solid 1px var(--top-line-color); clip-path:polygon(1.6px 0%, 100% 0%, 100% 100%, 1.6px 100%); }
.prod-product-range table.fix-h { height:420px; }
.prod-product-range table thead th { padding-top:17px; padding-bottom:16px; color:var(--fontC1); font-weight:var(--fontWg4); background:var(--contC4); }
.prod-product-range table tbody th { color:var(--fontC2); font-weight:var(--fontWg3); background:var(--contC4); }
.prod-product-range table th, .prod-product-range table td { font-size:inherit; line-height:inherit; padding:10px 14px; border-left:solid 1px var(--contC12); border-top:solid 1px var(--contC12); }
.prod-product-range table caption.show { position:relative; top:1px; padding:0 16px 20px; text-align:center; font-size:var(--fontSz6); font-weight:var(--fontWg7); line-height:normal; border-bottom:solid 1px var(--top-line-color); }
.prod-product-range table { font-size:var(--fontSz2); line-height:1.571; --top-line-color:var(--contC12); }
.prod-product-range table .sub-th { text-align:left; }
.prod-product-range .in-tab { position:absolute; right:0; }
.prod-product-range .in-tab ul { display:flex; white-space:nowrap; gap:40px; }
.prod-product-range .in-tab ul .tab-item a { display:block; padding-bottom:4px; border-bottom:solid 2px transparent; height:34px; font-size:var(--fontSz5); line-height:30px; color:var(--fontC3); }
.prod-product-range .in-tab ul .tab-item.active a { border-color:var(--pointC1); color:var(--pointC1); }
.prod-product-range .bar-chart { position:relative; padding:88px 119px 130px 183px;font-size:var(--fontSz3); line-height:1.625; text-align:center; }
.prod-product-range .bar-chart .chart-area { position:relative; display:inline-flex; padding:32px 74px 48px 48px; border-left:1.5px solid #000; border-bottom:1.5px solid #000; }
.prod-product-range .bar-chart .chart-area::before { content:''; position:absolute; left:0; top:0; width:10px; height:10px; border-left:1.5px solid #000; border-top:1.5px solid #000; transform:rotate(45deg) translate(-34%, 45%); }
.prod-product-range .bar-chart .chart-area::after { content:''; position:absolute; right:0; bottom:0; width:10px; height:10px; border-right:1.5px solid #000; border-top:1.5px solid #000; transform:rotate(45deg) translate(38%, 38%); }
.prod-product-range .bar-chart .y-axis { position:absolute; right:100%; top:0; white-space:nowrap; transform:translateX(-20px); }
.prod-product-range .bar-chart .x-axis { position:absolute; right:0; top:100%; white-space:nowrap; transform:translateY(14px); }
.prod-product-range .bar-chart .data { display:inline-flex; gap:8px; min-width:489px; height:292px; align-items:end; justify-content:center; }
.prod-product-range .bar-chart .data .x1 { width:94px; }
.prod-product-range .bar-chart .data .x2 { width:140px; }
.prod-product-range .bar-chart .data .x3 { width:160px; }
.prod-product-range .bar-chart .data .x4 { width:200px; }
.prod-product-range .bar-chart .data .x5 { width:300px; }
.prod-product-range .bar-chart .data > :not(.y1) { height:100%; }
.prod-product-range .bar-chart .data .y1 { height:100%; }
.prod-product-range .bar-chart .data .val { position:relative; display:inline-flex; width:100%; height:100%; font-size:var(--fontSz5); background-color:#a1a1a1; color:#fff; align-items:end; justify-content:center; }
.prod-product-range .bar-chart .data .val::before { content:''; position:absolute; left:50%; top:0; transform:translate(-50%, -50%); background:url('../img/common/i-more-04.svg') 0 0 / contain no-repeat; width:24px; height:24px; }
.prod-product-range .bar-chart .data .label { display:inline-block; padding-left:18px; transform:rotate(-90deg) translateX(50%); }
.prod-product-range .bar-chart .data .val:hover, .bar-chart .data .dropdown-opend .val { background-color:var(--pointC1); }
.prod-product-range .bar-chart .data .val:hover::before, .bar-chart .data .dropdown-opend .val::before { background-image:url('../img/common/i-more-05.svg'); }
.prod-product-range .bar-chart [data-dropdown] > .target { display:none; position:absolute; left:50%; top:0; z-index:3; width:480px; padding:64px 40px 40px; transform:translateX(-50%); background:rgba(255, 255, 255, 1); }
.prod-product-range .bar-chart [data-dropdown] > .target .close { position:absolute; right:20px; top:20px; }
.prod-product-range .bar-chart > .btns { position:absolute; left:0; right:0; bottom:16px; text-align:center; } */

.prod-product-range { position:relative; }
.prod-product-range .mes-txt1 { margin:40px 0 -16px; }
.prod-product-range table { border-collapse:collapse; border-top:solid 1px var(--top-line-color); border-bottom:solid 1px var(--top-line-color); font-size:var(--fontSz5); line-height:1.5; --top-line-color:var(--contC9); clip-path:polygon(1.6px 0%, 100% 0%, 100% 100%, 1.6px 100%); }
.prod-product-range table.fix-h { height:420px; }
.prod-product-range table thead th { padding-top:17px; padding-bottom:16px; background:var(--contC4); font-weight:var(--fontWg4); color:var(--fontC1); }
.prod-product-range table tbody th { background:var(--contC4); font-weight:var(--fontWg3); color:var(--fontC2); }
.prod-product-range table th, .prod-product-range table td { padding:10px 14px; border-top:solid 1px var(--contC12); border-left:solid 1px var(--contC12); font-size:inherit; line-height:inherit; }
.prod-product-range table caption.show { position:relative; top:1px; padding:0 16px 20px; border-bottom:solid 1px var(--top-line-color); text-align:center; font-size:var(--fontSz6); font-weight:var(--fontWg7); line-height:normal; }
.prod-product-range table { font-size:var(--fontSz2); line-height:1.571; --top-line-color:var(--contC12); }
.prod-product-range table .sub-th { text-align:left; }
.prod-product-range .in-tab { position:absolute; right:0; }
.prod-product-range .in-tab ul { display:flex; white-space:nowrap; gap:40px; }
.prod-product-range .in-tab ul .tab-item a { display:block; padding-bottom:4px; height:34px; border-bottom:solid 2px transparent; font-size:var(--fontSz5); line-height:30px; color:var(--fontC3); }
.prod-product-range .in-tab ul .tab-item.active a { border-color:var(--pointC1); color:var(--pointC1); }
.prod-product-range .bar-chart { position:relative; padding:40px 71px 16px 131px; text-align:center; font-size:var(--fontSz3); line-height:1.625; }
.prod-product-range .bar-chart .chart-area { position:relative; display:inline-flex; margin-bottom:58px; padding:32px 74px 48px 48px; border-bottom:1.5px solid #000; border-left:1.5px solid #000; }
.prod-product-range .bar-chart .chart-area::before { content:''; position:absolute; top:0; left:0; width:10px; height:10px; border-top:1.5px solid #000; border-left:1.5px solid #000; transform:rotate(45deg) translate(-34%, 45%); }
.prod-product-range .bar-chart .chart-area::after { content:''; position:absolute; right:0; bottom:0; width:10px; height:10px; border-top:1.5px solid #000; border-right:1.5px solid #000; transform:rotate(45deg) translate(38%, 38%); }
.prod-product-range .bar-chart .y-axis { position:absolute; top:0; left:-80px; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:space-between; width:60px; height:100%; text-align:right; font-weight:300; }
.prod-product-range .bar-chart .x-axis { position:absolute; top:102%; left:0; display:flex; justify-content:space-between; width:99%; font-weight:300; }
.prod-product-range .bar-chart .x-axis span { min-width:64px; text-align:right; }

.prod-product-range .bar-chart .data { position:relative; display:flex; height:330px; min-width:880px; }
.prod-product-range .bar-chart .data .val { position:relative; display:inline-flex; align-items:center; justify-content:center; width:100%; height:100%; background-color:#a1a1a1; font-size:var(--fontSz5); color:#fff; z-index:2; }
.prod-product-range .bar-chart .data .val::before { content:''; position:absolute; top:0; left:50%; width:24px; height:24px; background:url('../img/common/i-more-04.svg') 0 0 / contain no-repeat; transform:translate(-50%, -50%); }
.prod-product-range .bar-chart .data .val:hover::before, .bar-chart .data .dropdown-opend .val::before { background-image:url('../img/common/i-more-05.svg'); }
.prod-product-range .bar-chart [data-dropdown] > .target { position:absolute; top:0; left:50%; display:none; padding:64px 40px 40px; width:480px; background:rgba(255, 255, 255, 1); transform:translateX(-50%); z-index:9; }
.prod-product-range .bar-chart .pos2.dropdown-opend > .target { margin-left:278px; top:-270px; }
.prod-product-range .bar-chart .pos1.dropdown-opend > .target { margin-left:278px; top:-270px; }
.prod-product-range .bar-chart .pos3.dropdown-opend > .target { margin-left:95px; top:-74px; }
.prod-product-range .bar-chart .pos4.dropdown-opend > .target { margin-left:43px; top:-222px; }
.prod-product-range .bar-chart .pos5.dropdown-opend > .target { margin-left:-298px; top:-262px; }

.prod-product-range .bar-chart [data-dropdown] > .target.ty-2 { width:980px; }
.prod-product-range .bar-chart [data-dropdown] > .target .close { position:absolute; top:20px; right:20px; }
.prod-product-range .bar-chart > .btns { position:relative; text-align:center; }
.prod-product-range .bar-chart .data > li { position:absolute; }
.prod-product-range .bar-chart .data .pos1 { bottom:60px; left:93px; width:178px; height:76px; }
.prod-product-range .bar-chart .data .pos1 .val { background-color:#727272; z-index:5; }
.prod-product-range .bar-chart .data .pos2 { bottom:-2px; left:42px; width:279px; height:138px; }
.prod-product-range .bar-chart .data .pos2 .val { z-index:4; }
.prod-product-range .bar-chart .data .pos2 .val::before { top:auto; bottom:-25px; }
.prod-product-range .bar-chart .data .pos3 { bottom:-2px; left:220px; width:270px; height:306px; }
.prod-product-range .bar-chart .data .pos3 .val { z-index:1; }
.prod-product-range .bar-chart .data .pos3:hover .val { z-index:3; }
.prod-product-range .bar-chart .data .pos4 { bottom:-12px; left:220px; width:375px; height:168px; }
.prod-product-range .bar-chart .data .pos4 .val { background-color:rgba(114, 114, 114, .80); }
.prod-product-range .bar-chart .data .pos5 { bottom:54px; left:595px; width:327px; height:90px; }
.prod-product-range .bar-chart .data .pos1 .val:hover, .bar-chart .data .pos1 .dropdown-opend .val { background-color:#af8577; }
.prod-product-range .bar-chart .data .pos2 .val:hover, .bar-chart .data .pos2 .dropdown-opend .val { background-color:#a7bd96; }
.prod-product-range .bar-chart .data .pos3 .val:hover, .bar-chart .data .pos3 .dropdown-opend .val { background-color:#d6aa8a; }
.prod-product-range .bar-chart .data .pos4 .val:hover, .bar-chart .data .pos4 .dropdown-opend .val { background-color:#728394; }
.prod-product-range .bar-chart .data .pos5 .val:hover, .bar-chart .data .pos5 .dropdown-opend .val { background-color:#74adbb; }
.prod-product-range .bar-chart .data .pos2 .label { margin-top:75px; }
.prod-product-range .bar-chart .data .pos3 .label { margin-top:-140px; }
.prod-product-range .bar-chart .data .pos4 .label { margin-right:-260px; width:65px; }

.ch4-h2-fuel-gas-compressor1 { position:relative; height:600px; border:solid 1px var(--contC4); text-align:center; }
.ch4-h2-fuel-gas-compressor1 .tab9 { position:absolute; top:480px; left:0; right:0; }
.ch4-h2-fuel-gas-compressor1 .tab9 ul { justify-content:center; }

@page {
	size: A4;
	width: auto;
	height: 297mm;
	margin:0;
}
@media print {
	body {
		width: 1420px;
		height: 2008px;
		zoom: 0.81;
	}
	.header, .aside, .footer, .location, .btn-area, .board-nav, .attach-list, .btn-print { display:none !important; }
	.wrap, .contents { min-width:auto !important; }
	.wrap:not(:has(.board-view)) { width:var(--size-warp-min); zoom:0.553; }
	.container { padding:40px 20px !important; }
	.board-head { min-height:auto; padding-bottom:20px; }
	.board-title { width:100%; font-size:var(--fontSz6); line-height:34px; margin-bottom:20px; min-height:auto; }
	.board-cont { padding-top:30px; }
	.board-date { position:static; margin-top:40px; }
	html.board-print-set .contents, html.board-print-set .sub-head { width:100%; }
}

/* SITEMAP */
[data-sitemap="all"] { display:flex; flex-direction:column; gap:120px; margin-top:65px; }
[data-sitemap="all"] .dep1 { display:flex; flex-direction:column; gap:120px; }
[data-sitemap="all"] .dep1.case1 { order:1; }
[data-sitemap="all"] .dep1 a:hover { color:var(--pointC1); }
[data-sitemap="all"] .dep1 > li:not(:first-child), [data-sitemap="all"] .dep1.case1 > li:first-child { padding-top:60px; border-top:1px solid #D0D0D0; }
[data-sitemap="all"] .dep2 { display:flex; flex-wrap:wrap; gap:82px 52px; margin-top:52px; letter-spacing:-0.002em; }
[data-sitemap="all"] .dep2 > li { width:418px; }
[data-sitemap="all"] .dep2 > li:nth-child(2) { width:460px; }
[data-sitemap="all"] .dep3, [data-sitemap="all"] .dep3-tab { display:flex; flex-direction:column; gap:32px; margin-top:52px; }
[data-sitemap="all"] .dep3-tab { display:none; }
[data-sitemap="all"] .dep2:has(.dep4) .dep3,
[data-sitemap="all"] .dep2:has(.dep4) .dep3-tab { gap:40px; }
[data-sitemap="all"] .dep4 { display:flex; flex-direction:column; gap:32px; margin:40px 0 0 20px; }
[data-sitemap="all"] .dep1 > li > a { font-weight:var(--fontWg3); font-size:var(--fontSz9); line-height:46px; }
[data-sitemap="all"] .dep2 > li > a { font-weight:var(--fontWg3); font-size:var(--fontSz6); line-height:28px; color:var(--fontC3); }
[data-sitemap="all"] .dep2:has(.dep4) .dep3 > li > a,
[data-sitemap="all"] .dep2:has(.dep4) .dep3-tab > li > a { font-weight:var(--fontWg3); font-size:var(--fontSz5); line-height:23px; }
[data-sitemap="all"] .dep2:not(:has(.dep4)) .dep3 > li > a,
[data-sitemap="all"] .dep2:not(:has(.dep4)) .dep3-tab > li > a,
[data-sitemap="all"] .dep4 a { font-weight:var(--fontWg3); font-size:var(--fontSz3); line-height:19px; color:var(--fontC9); }