@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; }

.fz2 { font-size:var(--fontSz2) !important; } 
.fz4 { font-size:var(--fontSz4) !important; } 
.fz9 { font-size:var(--fontSz9) !important; } 
.fw3 { font-weight:var(--fontWg3) !important; }

.corp-name { font-family:var(--fontF1) !important; }
.img-mix { mix-blend-mode:darken; }


/****************************** TEXT ******************************/
/********** TITLE **********/
.c-title1 { font-size:var(--fontSz12); line-height:4.6rem; font-weight:var(--fontWg3); } /* 3.2rem */
.c-title2 { font-size:var(--fontSz12); line-height:1.3125; font-weight:var(--fontWg3); margin-top:6rem; } /* 2.8rem */
.c-title2 .dot { display:inline-block; text-indent:-999px; width:0.5rem; height:0.5rem; background:var(--contC1); border-radius:100%; margin:0 0.4rem; vertical-align:middle; }
.c-title2 > strong:only-child{ display:block; font-weight:inherit; }
.c-title2.mgt { margin-top:-0.8rem; }
.c-title2 .num { display:block; font-size:var(--fontSz10); color:var(--pointC1); }
.c-title2 .ir-b.i-prev::before { display:block; margin-bottom:0.3rem; }
.c-title3 { font-size:var(--fontSz11); line-height:4.2rem; font-weight:var(--fontWg3); margin-top:6rem; } /* 2.8rem */
.c-title4 { font-size:var(--fontSz10); line-height:3.4rem; font-weight:var(--fontWg3); margin-top:6rem; } /* 2.4rem */
.contents .c-title4.ac { margin-left:-0.5rem; margin-right:-0.5rem; }
.c-title5 { font-size:var(--fontSz13); line-height:5rem; font-weight:var(--fontWg4); margin-top:6rem; } /* 4rem */
.c-title6 { font-size:var(--fontSz9); line-height:3.4rem; font-weight:var(--fontWg3); margin-top:4rem; } /* 2rem */
.c-title7 { font-size:var(--fontSz4); line-height:2.2rem; font-weight:var(--fontWg4); } /* 1.4rem */
.c-title8 { font-size:var(--fontSz8); line-height:2.8rem; font-weight:var(--fontWg4); } /* 1.8rem */
.c-title4.mgt { margin-top:4rem; }

/********** MESSAGE TEXT **********/
.mes-txt1 { font-size:var(--fontSz4); font-weight:var(--fontWg3); color:var(--fontC2); line-height:2.2rem; margin-top:0.8rem; }
.contents > .mes-txt1:first-child, .tab8 + .anchor-cont > .mes-txt1:first-child { margin-top:4.8rem; }
.sub-head + .contents:has(.tab8) > .mes-txt1:first-child { margin-top:1.6rem; }
.prod-title3 + .mes-txt1 { margin-top:-1.6rem; }
.prod-title4 + .mes-txt1 { margin-top:-1.6rem; }
.prod-img-grid + .mes-txt1 { margin-top:3.2rem; }
.x-scroll + .mes-txt1 { margin-top:2.4rem; }

.mes-txt3 { font-size:var(--fontSz4); line-height:2.2rem; margin-top:4rem; }
.c-title2 + .mes-txt3, .c-title4 + .mes-txt3 { margin-top:2.4rem; }
.mes-txt4 { font-size:var(--fontSz6); line-height:2.6rem; }
.c-title2 + .mes-txt4 { margin-top:2.4rem; }
.c-title3 + .mes-txt4 { margin-top:.8rem; }
.c-title4 + .mes-txt4 { margin-top:1.6rem; }
.mes-txt5 { font-size:var(--fontSz2); line-height:2rem; font-weight:var(--fontWg3); }
.mes-txt6 { font-size:var(--fontSz8); line-height:2.8rem; margin-top:3.2rem; }
.mes-txt8 { font-size:var(--fontSz12); line-height:4.2rem; font-weight:var(--fontWg4); margin-top:6rem; } /* 3.2rem */

/********** BUL TEXT **********/
.bul-txt4 > li, .bul-txt4 > dd { position:relative; display:block; padding-left:1.2rem; font-size:var(--fontSz0); line-height:2rem; --color:var(--fontC3); color:var(--color); margin-left:0.6rem; }
.bul-txt4 > li::before, .bul-txt4 > dd::before { content:''; display:inline-block; position:absolute; top:0.8rem; left:0.2rem; width:0.3rem; height:0.3rem; background:var(--color); border-radius:100%; line-height:2.2rem; }
.ios .bul-txt4 > li::before, .ios .bul-txt4 > dd::before { top:1rem; }

.bul-txt5 > dt { font-size:var(--fontSz9); line-height:3rem; margin-bottom:1.6rem; }
.bul-txt5 > li, .bul-txt5 > dd { position:relative; display:block; padding-left:1rem; font-size:var(--fontSz4); line-height:2.2rem; --color:var(--fontC1); color:var(--color); }
.bul-txt5 > li::before, .bul-txt5 > dd::before { content:''; display:block; position:absolute; top:0.8rem; left:0; width:0.3rem; height:0.3rem; background:var(--contC1); border-radius:100%; }
.ios .bul-txt5 > li::before, .ios .bul-txt5 > dd::before { top:1rem; }
.bul-txt5 > li + li, .bul-txt5 > dd + dd { margin-top:1.2rem; }
.bul-txt5 > li.none { padding-left:0; }
.bul-txt5 > li.none::before { display:none; }
.c-title2 + .bul-txt5 { margin-top:4rem; }
.c-title4 + .bul-txt5 { margin-top:2.4rem; }
.c-title6 + .bul-txt5 { margin-top:1.6rem; }

.bul-txt6 > dt { font-size:var(--fontSz4); color:var(--fontC2); margin-bottom:0.4rem; }
.bul-txt6 > li, .bul-txt6 > dd { position:relative; display:block; padding-left:0.8rem; font-size:var(--fontSz2); line-height:2rem; --color:var(--fontC3); color:var(--color); font-weight:var(--fontWg3); }
.bul-txt6 > li::before, .bul-txt6 > dd::before { content:''; display:inline-block; position:absolute; top:0.8rem; left:0; width:0.2rem; height:0.2rem; background:var(--color); border-radius:100%; line-height:2.2rem; }
.ios .bul-txt6 > li::before, .ios .bul-txt6 > dd::before { top:1rem; }
.bul-txt6 > li + li { margin-top:0.8rem; }

.ref-txt-box { background:var(--contC5); padding:2rem; margin-top:1.6rem; }
.ref-txt-box.ty2 { margin:1.6rem var(--size-wrap-pd-m) 0; margin-top:6rem; }
.ref-txt > li, .ref-txt > dd, p.ref-txt { position:relative; display:block; font-size:var(--fontSz2); line-height:2.2rem; color:var(--fontC2); font-weight:var(--fontWg3); padding-left:1.8rem; }
.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:0.5rem; left:0; width:1.2rem; height:1.2rem; }
.ref-txt > li + li, .ref-txt > dd + dd { margin-top:0.8rem; }
.ref-txt > li > ul { margin-top:0.8rem; }
.ref-txt > li > ul > li { font-size:var(--fontSz0); line-height:1.8rem; color:var(--fontC3); }
.ref-txt .bul-txt4 { margin-bottom:0.8rem; }

.ref-txt3 > dt { display:inline-flex; align-items:center; font-size:var(--fontSz10); }
.ref-txt3 > dt::before { content:''; display:inline-block; margin-right:.8rem; width:2.4rem; height:2.4rem; background:url('../img/common/i-mark-02.svg') 0 0 no-repeat; }
.ref-txt3 > dd { margin:0 0 0 1em; margin-top:1.6rem; text-indent:-1em; font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC2); }


/****************************** SUB LAYOUT ******************************/
.location { position:sticky; top:0; z-index:99; height:5.6rem; margin:0 var(--size-wrap-pd-m) 4.8rem; font-weight:var(--fontWg3); word-break:break-word; background-color:#F8F8F8; }
.location:empty { height:0; overflow:hidden; }
.location .path {
	display:flex; flex-wrap:nowrap; overflow-x:auto; --gap:1.8rem; --open:0; line-height:1.142; font-size:1.4rem; color:#a1a1a1; white-space:nowrap;
	scroll-snap-type:x mandatory;
	--img-arr:url('../img/common/i-arr-11.svg') center center / contain no-repeat;
	--img-more:url('../img/common/i-more-03.svg') center center / contain no-repeat;
	/* url("../img/common/i-more-03.svg") 100% 0 / contain no-repeat */
}
.location .path .dropdown-opend { --open:1; }
.location .path > li:only-child { display:none; }
.location .path > li { display:flex; flex-wrap:nowrap; align-items:center; flex-shrink:0; scroll-snap-align:start; padding-left:var(--gap); }
.location .path > li:first-child { padding-left:var(--size-wrap-pd); }
.location .path > li:last-child { padding-right:var(--size-wrap-pd); }
.location .path > li:not(:first-child)::before { content:''; display:inline-block; width:2rem; aspect-ratio:11/7; margin:0 var(--gap) 0.3rem 0; transform:rotate(90deg); background-color:currentColor; -webkit-mask:var(--img-arr); mask:var(--img-arr); }
html.ios .location .path > li:not(:first-child)::before { margin-bottom:0; }
.location .path > li > a { flex:1; position:relative; display:inline-block; padding:2rem 0 2rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.location .path > li:not(.dropdown-trigger) { pointer-events:none; }
.location .path > li.dropdown-trigger:nth-child(3) { max-width:100vw; }
.location .path > li.dropdown-trigger { position:relative; }
.location .path > li.dropdown-trigger > a { padding-right:1.9rem; color:var(--pointC1); }
.location .path > li.dropdown-trigger > a::before { content:''; position:absolute; right:0; top:50%; width:0.8rem; height:0.15rem; transform:translateY(-50%); background-color:currentColor; box-sizing:border-box; }
.location .path > li.dropdown-trigger > a::after { content:''; position:absolute; right:0.4rem; top:50%; width:0.15rem; height:calc(0.8rem * (1 - var(--open))); transform:translate(50%, -50%); background-color:currentColor; box-sizing:border-box; }
.location .path-expend { position:absolute; left:0; right:0; top:100%; padding:0 4.4rem 0 2.4rem; overflow:hidden; transform:translateY(-1px); font-weight:var(--fontWg3); font-size:1.4rem; color:var(--contC9); background-color:#fff; box-shadow:0px 0px 2rem rgba(0, 0, 0, 0.1); transition:height 0ms, opacity var(--time-ani-base); }
.location .path-expend::before { content:''; display:block; height:3.2rem; }
.location .path-expend::after { content:''; display:block; height:4.4rem; margin:0 -4.4rem 0 -2.4rem; border-bottom:1px solid var(--pointC1); }
.location .path-expend li + li { margin-top:2.8rem; }
.location:has(+ .sub-vis) { margin-bottom:0; }

.sub-vis { position:relative; margin:3.2rem var(--size-wrap-pd-m) 0; overflow:hidden; word-break:break-word; }
.location + .sub-vis { margin-top:0; margin-bottom:4.8rem; }
.sub-vis img { width:100%; vertical-align:top; }
.sub-vis .txt { position:absolute; left:0; top:50%; z-index:2; width:100%; padding: 0 1rem; font-size:2rem; line-height:1.5; font-weight:var(--fontWg3); color:var(--fontC5); transform:translateY(-50%); text-align:center; }

.c-img { margin:3.2rem 0 0; }
.c-img img { width:100%; height:100%; vertical-align:top; }


/****************************** BUTTON ******************************/
[class*="btn-cm"] { display:inline-block; box-sizing:border-box; border:solid 1px transparent; }
[class*="btn-cm"] .ir-b::before { margin-right:0.8rem; }

.btn-cma { display:block; width:100%; height:6rem; border-radius:6rem; font-size:var(--fontSz6); line-height:5.7rem; padding:0 3.2rem; } /* H:6rem */
.btn-cma.btn-w1 { width:auto; margin:0 7.5rem; }
.btn-cma.btn-w2 { width:fit-content; margin:0 auto; }
.btn-cma .ir-a::after { margin-left:2.2rem; }
html[lang="en"] .btn-cma, html[lang="zh"] .btn-cma { display:block; padding:0 1.8rem; }

.btn-cmb { display:block; width:100%; height:4.8rem; border-radius:4.8rem; font-size:var(--fontSz4); line-height:4.5rem; margin:0 auto; padding:0 2.4rem; text-align:center; }
.btn-cmb.btn-w1 { width:auto; margin:0 4rem; }
.btn-cmb.btn-w2 { width:fit-content; padding:0 2.4rem; }
.btn-cmb.btn-w1 .ir-a { display:flex; justify-content:space-between; align-items:center; }
.btn-cmb.btn-w1 .ir-a::after { margin-left:auto; }
.btn-cmb .ir-a::after { margin-left:6rem; }
.btn-cmb.btn-w3 { flex:none !important; width:auto; }

.btn-cmc { display:block; width:100%; height:5.4rem; border-radius:5.4rem; font-size:var(--fontSz4); line-height:5.4rem; margin:0 auto; padding:0 2.4rem; text-align:center; }
.btn-cmc.btn-w1 { width:auto; }
.btn-cmc.btn-w1 .ir-a { display:flex; justify-content:space-between; align-items:center; }
.btn-cmc.btn-w1 .ir-a::after { margin-left:auto; }

.btn-cmd { height:4rem; border-radius:4rem; font-size:var(--fontSz4); line-height:3.8rem; font-weight:var(--fontWg3); padding:0 2.4rem 0 2.4rem; }
.btn-cmd .btn-in::after { margin-left:1.6rem; }
.btn-cmd .btn-in { margin-right:-0.8rem; }

.btn-cmf { height:5.6rem; border-radius:5.6rem; font-size:var(--fontSz6); line-height:5.4rem; font-weight:var(--fontWg3); padding:0 3.2rem 0 3.2rem; }
.btn-cmf .btn-in::after { margin-left:2.8rem; margin-right:-0.8rem; }

.btn-c1 { background:var(--pointC1); border-color:var(--pointC1); color:var(--fontC5); }
.btn-c2 { background:var(--contC1); color:var(--fontC5); }
.btn-c3 { border:solid 1px var(--fontC1); color:var(--fontC1); }
.btn-c4 { border:solid 1px var(--pointC1); color:var(--pointC1); }
.btn-c5 { border:solid 1px var(--contC7); color:var(--fontC2); }
.btn-c6 { background:var(--contC6); border-color:var(--contC6); color:var(--fontC1); }
.btn-c7 { border:solid 1px var(--contC6); color:var(--fontC5); }

.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); }

.btn-area { display:flex; margin-top:4rem; text-align:center; }
.btn-area.mgt { margin-top:2.4rem; }
.btn-area.mgt2 { margin-top:7.4rem; }
.btn-area [class*="btn-cm"] + [class*="btn-cm"] { margin-left:1rem; }
.btn-area [class*="btn-cm"] { flex:1; }

.btn-sch { display:inline-block; width:4rem; height:4rem; background-color:var(--pointC1); line-height:4rem; }
.btn-sch2 { display:inline-block; width:8rem; height:8rem; background-color:var(--pointC1); line-height:8rem; }
 
.btn-paging-more { display:block; width:10rem; font-size:var(--fontSz9); line-height:3rem; margin:8rem auto 0; }
.btn-paging-more .i-more::before { margin-bottom:2rem; }


/********** pag-fixed **********/
.pag-fixed { position:sticky; bottom:9.6rem; z-index:99; margin-bottom:calc(var(--size-foot-margin-m) + 7.6rem); padding-bottom:var(--size-foot-margin); }
.pag-fixed .btn-write { position:absolute; bottom:0; right:0; z-index:99; width:6rem; height:6rem; display:block; opacity:0; transform:translateY(8rem); transition:all var(--time-ani-base); }
.header.min ~ .container .pag-fixed .btn-write { opacity:1; transform:translateY(0); }


/****************************** NO DATA ******************************/
.list-nodata { font-size:var(--fontSz6); line-height:2.6rem; text-align:center; padding:15.2rem 0; }


/****************************** BOARD ******************************/
.board-list { border-top:solid 1px var(--contC1); border-bottom:solid 1px var(--contC7); margin-top:1.6rem; }
.board-list .subj { text-align:left; }
.board-list .item { font-size:0; padding:1.6rem 0; }
.board-list .item + .item { border-top:solid 1px var(--contC7); }
.board-list .subj { display:inline-block; width:calc(100% - 4rem); font-size:var(--fontSz6); line-height:2.4rem; font-weight:var(--fontWg3); vertical-align:top; }
.board-list .subj .subj-in { display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:calc(100% - 3rem); vertical-align:middle; }
.board-list .attach { display:inline-block; width:4rem; vertical-align:top; text-align:center; margin-top:0.2rem; }
.board-list .date { display:block; font-size:var(--fontSz2);line-height:2rem;  font-weight:var(--fontWg3); color:var(--fontC3); margin-top:0.4rem; }
.board-list .i-new { margin-left:0.4rem; vertical-align:middle; }
.ios .board-list .i-new { margin-top:0.4rem; }
.ios .board-list .attach { margin-top:0.6rem; }
.board-list td.nodata { padding:14rem 0 13rem; }

.board-head { position:relative; padding-bottom:1.8rem; }
.board-title { font-size:var(--fontSz10); line-height:3.4rem; font-weight:var(--fontWg3); margin-bottom:4rem; }
.board-info { display:flex; justify-content:space-between; margin-top:-0.8rem; }
.board-data { width:19.2rem; display:flex; flex-wrap:wrap; font-size:var(--fontSz4); line-height:2.2rem; }
.board-data dt { width:6rem; margin-top:0.8rem; }
.board-data dd { width:13.2rem; color:var(--fontC2); margin-top:0.8rem; }
.board-cont { border-top:solid 1px var(--contC7); padding:4rem 0 0 0; line-height:2.6rem; }
.board-img { overflow:hidden; margin:0 auto 3.2rem; line-height:0; text-align:center; }
.board-cont img, .board-cont table { max-width:100%; }
.board-attach { align-self:self-end; }

.board-nav { margin-top:6rem; border-top:solid 1px var(--contC1); }
.board-nav dl { display:flex; flex-direction:column; justify-content:center; position:relative; min-height:9.2rem; font-size:var(--fontSz4); line-height:2.2rem; font-weight:var(--fontWg3); border-bottom:solid 1px var(--contC4); padding:2.4rem 2.4rem 2.4rem 6rem; }
.board-nav dl dt { position:absolute; left:1rem; top:3.4rem; }
.board-nav dl .subj { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.board-nav dl.board-nav-next dt { 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; font-size:var(--fontSz4); line-height:2.2rem; }
.attach-list .i-attach::before { margin-right:0.8rem; }
.attach-items { font-size:var(--fontSz4); color:var(--fontC1); padding:0 0 0 0; }
.attach-items li { position:relative; background:var(--contC5); line-height:2.4rem; border-radius:0.8rem; }
.attach-items li + li { margin-top:0.8rem; }
.attach-items .item { display:block; padding:1.6rem; }
.attach-items .txt-in { display:inline-block; max-width:calc(100% - 8rem); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.attach-items .i-down::after { position:absolute; right:1.6rem; }


/****************************** INFO DATA ******************************/
.info-data1 { border-top:solid 1px var(--contC1); }
.c-title2 + .info-data1, .c-title4 + .info-data1, .mes-txt5 + .info-data1 { margin-top:2.4rem; }
.info-data1 .tb-bg { background:var(--contC5); }
.info-data1 thead th { font-size:var(--fontSz6); line-height:2.6rem; font-weight:var(--fontWg4); border-top:solid 1px var(--contC1); border-bottom:solid 1px var(--contC1); padding:1.2rem 1.2rem; }
.info-data1 td { font-size:var(--fontSz6); color:var(--fontC9); line-height:2.6rem; font-weight:var(--fontWg3); border-bottom:solid 1px var(--contC4); padding:2.2rem 0.6rem; }
.info-data1 .tb-ty1 { padding:1.6rem 1.6rem; border-bottom:solid 1px var(--contC4); }
.info-data1 .tb-ty2 { padding:1.6rem 1.6rem; border-top:none; }
.info-data1.small thead th { font-size:var(--fontSz4); line-height:2.6rem; padding:1.2rem 0.6rem; }
.info-data1.small td { font-size:var(--fontSz2); line-height:1.8rem; padding:1.6rem 0.6rem; }
.info-data1.tb-h-fix td { height:9.6rem; padding-top:0; padding-bottom:0; }
.info-data1.pd-small td { padding:2rem 0.8rem; }
html[lang="en"] .info-data1.pd-small td, html[lang="zh"] .info-data1.pd-small td { padding:2.4rem 0.4rem; }

.tb-help { font-size:var(--fontSz2); line-height:2rem; font-weight:var(--fontWg3); text-align:center; margin-top:2.4rem; }
.tb-help .tb-tip { margin:0 1.2rem; }
.tb-help .tb-tip::before { content:''; display:inline-block; width:0.8rem; height:0.8rem; background:var(--pointC1); font-size:0; margin-right:0.5rem; }
.tb-help .tb-tip.ty2::before { background:var(--pointC3); }

.info-data10 { font-size:var(--fontSz4); line-height:2.2rem; }
.info-data10 dt { margin-top:1.2rem; }
.info-data10 .inline dt { display:inline-block; margin-right:0.8rem; }
.info-data10 .inline dd { display:inline-block; }
.c-title4 + .info-data10 { margin-top:2.4rem; }

.list-total { font-size:var(--fontSz4); line-height:2.2rem; margin-top:4rem; }
.list-total em { margin-left:0.8rem; }
.list-total2 { font-size:var(--fontSz8); line-height:2.8rem; margin-top:4rem; text-align:center; }

/****************************** VIDEO ******************************/
.video-in { position:relative; }
.video-in > video, .video-in > img { vertical-align:top; width:100%; height:100%; object-fit:cover; }
.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); transition:all var(--time-ani-base); }
.video-in .video-control img { width:2.6rem; }
.video-in .video-control .btn { display:block; width:fit-content; height:fit-content; margin:0 auto; padding:2rem; background-color:#F37321; border-radius:100%; }
.video-in .playing ~ .video-control + .title,
.video-in .playing ~ .video-control { opacity:0; }

/****************************** TAB ******************************/ 
.tab1 { position:relative; margin:0 var(--size-wrap-pd-m) 0; color:var(--fontC5); }
.tab1.sticky { position:sticky; top:0; z-index:90; }
.tab1 .handle { width:100%; height:5.6rem; background:var(--contC8); text-align:left; padding:0 2.4rem; }
.tab1 .ir-a:after { position:absolute; top:2rem; right:2rem; }
.tab1 .target { background:var(--contC8); position:absolute; left:0; right:0; padding-bottom:1.2rem; }
.tab1 .target a { display:block; width:100%; text-align:left; padding:1.2rem 2.4rem; }
.tab1 .active { display:none; }

.tab2 { margin-top:4.8rem; margin-left:var(--size-wrap-pd-m); margin-right:var(--size-wrap-pd-m); }
.tab2 ul { display:flex; gap:0.8rem; white-space:nowrap; overflow-x:auto; padding:0 var(--size-wrap-pd); }
.tab2 ul .tab-item a, .tab2 ul .tab-item button { display:block; border:solid 1px var(--pointC1); height:4rem; overflow:hidden; padding:1.2rem 1.9rem 1.2rem; font-size:var(--fontSz4); font-weight:var(--fontWg3); line-height:1.4rem; color:var(--pointC1); border-radius:4rem; text-align:center; }
.ios .tab2 ul .tab-item a, .ios .tab2 ul .tab-item button { padding:1rem 2rem 1.4rem; }
.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(--fontSz0); line-height:2.6rem; color:var(--fontC1); height:2.6rem; padding:0 1.2rem; border-radius:2.6rem; margin:-0.6rem 0 0 0.8rem; vertical-align:top; }
.ios .tab2 ul .tab-item .count { margin-top:-0.4rem; line-height:2.4rem; }
.tab2 .tab-prev, .tab2 .tab-next { display:none; }
.tab2 ul .tab-item.active .count { color:var(--pointC1); }
.tab2.sc-none ul { flex-wrap:wrap; white-space:inherit; overflow-x:visible; }

.tab4 { }
.tab4 ul { display:flex; flex-wrap:nowrap; white-space:nowrap; overflow-x:auto; scrollbar-width:none; }
.tab4 ul li + li { margin-left:2.4rem; }
.tab4 ul .tab-item a, .tab4 ul .tab-item button { display:block; border-bottom:solid 2px var(--contC6); font-weight:var(--fontWg3); line-height:2.6rem; color:var(--fontC3); }
.tab4 ul .tab-item.active a, .tab4 ul .tab-item.active button { color:var(--pointC1); border-color:var(--pointC1); }
.tab4 ul, .tab4 ul a { user-select:none; -webkit-user-drag:none; }
.tab4 .tab-prev, .tab4 .tab-next { display:none; }

.tab5 { margin-top:4rem; margin-left:var(--size-wrap-pd-m); margin-right:var(--size-wrap-pd-m); }
.tab5 ul { display:flex; white-space:nowrap; overflow-x:auto; padding:0 var(--size-wrap-pd); }
.tab5 ul .tab-item a, .tab5 ul .tab-item button { display:block; border:solid 1px var(--contC3); height:4.8rem; overflow:hidden; padding:1rem 2rem 1rem; font-size:var(--fontSz8); line-height:2.8rem; color:var(--fontC2); border-radius:4rem; text-align:center; }
.ios .tab5 ul .tab-item a, .ios .tab5 ul .tab-item button { padding:0.8rem 2rem 1.2rem; }
.tab5 ul .tab-item + .tab-item { margin-left:0.8rem; }
.tab5 ul .tab-item.active a, .tab5 ul .tab-item.active button { background-color:var(--pointC1); border-color:var(--pointC1); color:var(--fontC5); }
.tab5 .tab-prev, .tab5 .tab-next { display:none; }

.tab6 { position:relative; margin:0 var(--size-wrap-pd-m) 0; padding:1.7rem var(--size-wrap-pd) 1.6rem; background-color:var(--contC6); border-bottom:1px solid var(--contC15); }
.tab6.sticky { position:sticky; top:0; z-index:90; }
.tab6 ul { display:flex; white-space:nowrap; overflow-x:auto; }
.tab6 ul .tab-item + .tab-item { margin-left:1.6rem; }
.tab6 ul .tab-item a { display:block; position:relative; font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC2); font-weight:var(--fontWg4); }
.tab6 ul .tab-item.active a { color:var(--fontC1); font-weight:var(--fontWg7); }
.tab6 .tab-prev, .tab6 .tab-next { position:absolute; left:var(--size-wrap-pd); top:50%; z-index:2; transform:translateY(-50%); }
.tab6 .tab-prev::before, .tab6 .tab-next::before { content:''; position:absolute; left:0; top:-0.7rem; display:block; width:5rem; height:3.8rem; background:linear-gradient(90deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 100%); z-index:-1; pointer-events:none; }
.tab6 .tab-prev .i-tab-arr { transform:rotate(180deg) }
.tab6 .tab-next { left:auto; right:var(--size-wrap-pd); }
.tab6 .tab-next::before { left:auto; right:0; background:linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #F8F8F8 100%); }

.tab7 ul { display:flex; overflow-x:auto; margin:0 var(--size-wrap-pd-m); scroll-snap-type:x mandatory; scroll-padding:0 var(--size-wrap-pd); }
.tab7 ul::before, .tab7 ul::after { content:''; flex-shrink:0; width:var(--size-wrap-pd); }
.tab7 ul .tab-item { display:flex; flex-shrink:0; overflow:hidden; border:1px solid var(--contC8); border-radius:20rem; background:var(--contC6); scroll-snap-align:start; }
.tab7 ul .tab-item + .tab-item { margin-left:.8rem; }
.tab7 ul a { padding:1.2rem 2.2rem; font-size:var(--fontSz6); line-height:2.6rem; }
.tab7 ul .tab-item.active { background:var(--contC1); }
.tab7 ul .tab-item.active a { color:var(--fontC5); }
.tab7 .tab-prev, .tab7 .tab-next { display:none; }

.tab8 { margin-top:2.4rem; }
.tab8:not(:first-child) { margin-top:4.8rem; }
.tab8 ul { display:flex; gap:0.8rem; flex-wrap:nowrap; white-space:nowrap; overflow-x:auto; scrollbar-width:none; margin-left:var(--size-wrap-pd-m); margin-right:var(--size-wrap-pd-m); padding-left:var(--size-wrap-pd); padding-right:var(--size-wrap-pd); }
.tab8 .tab-item a { display:inline-block; font-size:var(--fontSz4); color:var(--fontC13); font-weight:var(--fontWg3); line-height:4rem; border:1px solid var(--contC13); border-radius:4rem; padding:0 2.4rem; 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:4.8rem; }

.tab9 ul { display:flex; gap:1.6rem; }
.tab9 .tab-item a { display:inline-block; min-width:16rem; color:var(--fontC10); font-weight:var(--fontWg3); line-height:5.4rem; border:1px solid var(--contC13); border-radius:10rem; padding:0 3.2rem 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:3.6rem; margin-left:var(--size-wrap-pd-m); margin-right:var(--size-wrap-pd-m); }
.tab10 ul { display:flex; gap:0.8rem; white-space:nowrap; overflow-x:auto; padding:0 var(--size-wrap-pd); }
.tab10 ul .tab-item a, .tab10 ul .tab-item button { display:block; border:solid 1px var(--contC3); height:4.2rem; overflow:hidden; padding:1.2rem 1.9rem 1.2rem; font-size:var(--fontSz6); font-weight:var(--fontWg3); line-height:1.4rem; color:var(--fontC1); border-radius:4.2rem; text-align:center; }
.ios .tab10 ul .tab-item a, .ios .tab10 ul .tab-item button { padding:1rem 2rem 1.4rem; }
.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(--fontSz4); line-height:2rem; color:var(--fontC1); height:2rem; padding:0 0.8rem; border-radius:2rem; margin:-0.2rem 0 0 0.8rem; vertical-align:top; }
.ios .tab10 ul .tab-item .count { margin-top:0; line-height:1.7rem; }
.tab10 .tab-prev, .tab10 .tab-next { display:none; }
.tab10 ul .tab-item.active .count {  background-color:var(--contC6); color:var(--pointC1); }
.tab10.sc-none ul { flex-wrap:wrap; white-space:inherit; overflow-x:visible; }

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

/****************************** FORM ******************************/
button, input, select, textarea { outline:0; }

.fm-label { font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC1); margin-bottom:0.8rem; }
.fm-label2 { font-size:var(--fontSz8); line-height:2.8rem; color:var(--pointC1); margin:2.4rem 0 1.6rem; }
.fm-label3 { font-size:var(--fontSz9); line-height:3rem; margin:4rem 0 2.4rem; }
.fm-row + .fm-row { margin-top:2.4rem; }
.i-required { display:inline-block; font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC1); }
.i-required::after { content:'*'; font-size:var(--fontSz3); color:var(--pointC1); margin-left:0.4rem; }
.c-title2 + .i-required { display:block; margin-top:-2.6rem; text-align:right; padding-bottom:0.4rem; }

.fm-ipt { width:100%; height:5rem; font-size:var(--fontSz6); color:var(--contC1); background:var(--contC6); border:solid 1px var(--contC1); padding:0 1.6rem 0 1.6rem; text-align:left; }
.fm-ipt2 { width:100%; height:4.8rem; font-size:var(--fontSz6); line-height:3.2rem; background:transparent; border-bottom:solid 2px var(--contC1); border-width:0 0 2px 0; padding:0 4rem 1.6rem 0; }
.fm-ipt5 { width:100%; height:6rem; font-size:var(--fontSz8); color:var(--contC1); background:var(--contC6); border:solid 1px var(--contC7); border-radius:6rem; padding:0 5.4rem 0 2rem; text-align:left; }
input.fm-ipt5 { box-shadow:0 0.8rem 3rem 0 rgba(0, 0, 0, 0.03) !important; }
.fm-item2 + .fm-item2 { margin-top:4rem; }

.fm-sel { width:100%; height:5rem; font-size:var(--fontSz4); color:var(--contC1); border:solid 1px var(--contC1); padding:0 5.2rem 0 1.6rem; background:var(--contC6) url("../img/common/fm-sel.svg") right 1.4rem center no-repeat; }

.fm-btn { width:100%; height:100%; position:absolute; left:0; top:0; }
.fm-btn-refresh { width:5.6rem; height:5.6rem; background-color:var(--contC1); margin-left:-0.4rem; }

.fm-txt1 { font-size:var(--fontSz4); color:var(--fontC3); line-height:2.2rem; font-weight:var(--fontWg3); margin-top:0.8rem; }
.fm-txt2 { font-size:var(--fontSz4); line-height:2.2rem; color:var(--contC9); font-weight:var(--fontWg3); margin-top:1.6rem; }

.fm-ta { width:100%; color:var(--contC1); line-height:2.2rem; border:solid 1px var(--contC1); padding:1.6rem; text-align:left; resize:none; }
.fm-captcha { display:block; width:calc(100% - 5.6rem); height:5.6rem; background:var(--contC6); border:solid 1px var(--contC10); line-height:5.6rem; text-align:center; margin-top:0.8rem; }
.fm-captcha img { max-width:100%; max-height:100%; vertical-align:middle; }
.fm-captcha ~ .fm-btn-refresh { float:right; margin-top:-5.6rem; }

.fm-txt-in { font-size:var(--fontSz4); line-height:2.2rem; }

.fm-field { margin-top:4rem; }
.fm-field.mgt { margin-top:2.4rem; }
/* .fm-unit-wrap { margin-top:-0.4rem; }인풋 여러개 */
/* .fm-unit-wrap .fm-sel, .fm-unit-wrap .fm-ipt { margin-top:0.4rem; } */
.fm-unit-wrap { display:flex; gap:0.4rem; }
.fm-unit-wrap .fm-sel, .fm-unit-wrap .fm-ipt { flex:1; min-width:0; }
.fm-unit-wrap .fm-sel:nth-last-child(1):nth-child(2) { flex:none; width:50%; }
.fm-unit-txt { position:relative; }/* 인풋 + text */
.fm-unit-txt .fm-ipt { padding-right:8rem; }
.fm-unit-txt .fm-txt-in { position:absolute; right:1.7rem; top:1.7rem; }

.fm-bul-list { margin-top:1.6rem; }
.fm-bul-list > li, .fm-bul-list > dd { position:relative; display:block; padding-left:2.4rem; font-size:var(--fontSz6); line-height:2.6rem; color:var(--fontC1); }
.fm-bul-list > li::before, .fm-bul-list > dd::before { content:''; display:inline-block; position:absolute; top:1.1rem; left:1rem; width:0.4rem; height:0.4rem; border-radius:100%; background:var(--contC8); }
.fm-bul-list > li + li, .fm-bul-list > dd + dd { margin-top:1.2rem; }

/********** FILE **********/
.fm-file { display:flex; flex-direction:column; }
.fm-file .file-label { position:relative; flex:none; width:100%; height:5rem; text-align:center; background-color:var(--contC8); color:var(--fontC5); font-size:var(--fontSz6); line-height:5rem; }
.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-direction:column; margin-top:1.6rem; font-size:var(--fontSz6); line-height:2.6rem; font-weight:var(--fontWg4); }
.fm-file .file-list:empty { display:none; }
.fm-file .file-list > button + button { margin-top:0.8rem; }
.fm-file .file-list > button { position:relative; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:1.5rem 5rem 1.5rem 1.6rem; text-align:left; line-height:inherit; background-color:var(--fontC4); }
.fm-file .file-list > button .size { display:none; color:var(--fontC3); }
.fm-file .file-list > .i-del::before { position:absolute; right:1.6rem; }
.fm-ps { display:block; margin-top:1.6rem; font-size:var(--fontSz4); line-height:2.2rem; font-weight:var(--fontWg3); color:#A1A1A1; }

/********** CHECKBOX/RADIO **********/
.fm-chk1 .fm-chk-lb::before, .fm-chk1 .fm-chk-lb::after { content:''; width:2.8rem; height:2.8rem; position:absolute; left:0; top:-0.1rem; transition:.2s opacity; }
.fm-chk1 .fm-chk-lb::before { background-image:url("../img/common/i-chk.svg"); }
.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; min-height:2.8rem; } /* 기본 체크박스 */
.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(--fontSz6); line-height:2.6rem; word-break:keep-all; word-wrap:break-word; padding-left:3.6rem; }
.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-chk-list li + li { margin-top:2.4rem; }

.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(--fontSz5); line-height:3.2rem; word-break:keep-all; word-wrap:break-word; padding-left:3.2rem; }
.fm-chk2 .fm-chk-lb:before { position:absolute; top:0.3rem; left:0; width:2.4rem; height:2.4rem; border:solid 1px var(--contC1); border-radius:2.4rem; }
.fm-chk2 .fm-chk-lb:after { position:absolute; top:0.8rem; left:0.5rem; width:1.4rem; height:1.4rem; border-radius:1.4rem; }
.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:3.2rem; }

.fm-chk3 { display:flex; position:relative; vertical-align:top; line-height:1; text-align:center; width:100%; aspect-ratio:1/0.731707; 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; transition:all 0.1s; }
.fm-chk3 .fm-chk-lb { display:block; width:100%; font-size:var(--fontSz10); line-height:3.4rem; font-weight:var(--fontWg3); color:var(--fontC5); 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 0.8rem 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-chk-lb .i-prod1::before { display:block; width:8rem; height:8rem; background-image:url("../img/common/i-prod-01.svg"); }
.fm-chk-lb .i-prod2::before { display:block; width:8rem; height:8rem; background-image:url("../img/common/i-prod-02.svg"); }
.fm-chk-lb .i-prod3::before { display:block; width:8rem; height:8rem; background-image:url("../img/common/i-prod-03.svg"); }
.fm-chk3 input[disabled] + .fm-chk-lb { opacity:0.5; color:var(--fontC3); }

.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 .fm-chk3 + .fm-chk3 { margin-top:0.8rem; }

.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 2rem; height:4rem; font-size:var(--fontSz4); line-height:3.7rem; color:var(--pointC1); border-radius:4rem; text-align:center; }
.fm-chk4 input:checked + .fm-chk-lb { background-color:var(--pointC1); color:var(--fontC5); }
.fm-chk4-g { background:var(--contC5); padding:2.8rem 1.6rem; margin-top:2.4rem; }
.fm-chk4-g .fm-chk4 { margin:0.4rem; }
.fm-chk4 input[disabled] + .fm-chk-lb { opacity:0.5; }

.fm-chk5 .fm-chk-lb::before, .fm-chk5 .fm-chk-lb::after { content:''; width:2rem; height:2rem; position:absolute; left:0; transition:.2s opacity; background-size:cover; }
.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:2.2rem; word-break:keep-all; word-wrap:break-word; padding-left:2.6rem; 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 { margin-top:3.2rem; }
.list-sch-field .fm-sch-in { position:relative; }
.list-sch-field .fm-ipt { padding-right:5.6rem; }
.list-sch-field .fm-btn-sch { position:absolute; right:0; top:0; width:5.6rem; height:5rem; text-align:center; line-height:5rem; }
.list-sch-field.mgt { margin-top:4rem; }

.total-sch-field .fm-sch-in { position:relative; }
.total-sch-field .fm-btn-sch3 { position:absolute; right:0; top:0; height:100%; padding:0 2.2rem 0 0; }


/****************************** CONTENTS ******************************/
/******************** COMPANY ********************/
/********** 개요 **********/
.intro-conts2 .title { margin:4.8rem 0 3.2rem; font-size:2.4rem; line-height:1.416; font-weight:var(--fontWg3); letter-spacing:-0.025em; }
.intro-conts2 .img img { vertical-align:middle; }
.intro-conts3 { position:relative; display:flex; flex-direction:column; justify-content:center; padding:0 3.4rem; margin:4.8rem var(--cont-full); color:var(--fontC5); aspect-ratio:3.6/4; }
.intro-conts3 .title { font-size:2rem; line-height:1.5; font-weight:var(--fontWg3); }
.intro-conts3 .txt { margin-top:0.8rem; font-size:1.4rem; line-height:1.571; font-weight:var(--fontWg3); }
.intro-conts3 .img { position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; object-fit:cover; }
.intro-conts3 .line { display:inline-block; text-decoration:underline; text-underline-offset:12px; }
.intro-conts3 .img img { width:100%; height:100%; object-fit:cover;}

.intro-summary { display:flex; flex-direction:column; gap:2.5rem; margin-top:2.4rem; }
.intro-summary dl { font-size:var(--fontSz8); line-height:2.8rem; font-weight:var(--fontWg3); border-top:solid 1px var(--contC2); padding:2.4rem 0 0; }
.intro-summary dt { color:var(--contC9); }
.intro-summary dd { margin-top:1.6rem; }
.intro-summary dd .txt1 { font-size:var(--fontSz4); margin-right:0.8rem; }

.info-business { margin:4.8rem 0 0; overflow:hidden; }
.info-business .item { position:relative; font-size:1.4rem; line-height:1.571; font-weight:var(--fontWg3); }
.info-business .img img { width:100%; }
.info-business .title { display:block; margin:2.4rem 0; font-size:3.2rem; line-height:1.4375; font-weight:var(--fontWg3); }
.info-business .s-title { display:block; margin:0 0 0.8rem; font-size:2rem; line-height:1.5; font-weight:var(--fontWg3); }
.info-business dd { color:var(--fontC2); }
.info-business .swiper-controls { margin-top:3.2rem; }

/********** 비전 **********/
.vision-detail { position:relative; margin:3.2rem 0 0; text-align:center; }
.vision-our { position:relative; margin:4.8rem auto 0; text-align:center; }

.vision-graph { position:relative; max-width:32.8rem; color:var(--contC1); margin:4rem auto 4.8rem; padding:6.7rem 5.2rem 2.5rem; }
.vision-graph::before { content:''; display:block; width:100%; aspect-ratio:1/1; background:url("../img/company/vision-03.svg") center center / contain no-repeat; }
.vision-graph ul { display:flex; align-items:start; font-size:1.2rem; line-height:1.6667; text-align:center; }
.vision-graph li { position:absolute; z-index:2; display:flex; align-items:center; justify-content:center; width:12rem; 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:0.12rem dashed #D0D0D0; border-radius:100%; box-shadow:0px 0px 1.82222rem rgba(0, 0, 0, 0.04); }
.vision-graph li .in::before { content:''; position:absolute; left:-0.8rem; right:-0.8rem; top:-0.8rem; bottom:-0.8rem; z-index:-2; border:1px ; background:rgba(255,255,255,.3); outline:1px dashed #A1A1A1; border-radius:100%; }
.vision-graph li:nth-child(1) { left:50%; top:0; margin-left:-6rem; }
.vision-graph li:nth-child(2) { left:0.8rem; bottom:0; }
.vision-graph li:nth-child(3) { right:0.8rem; bottom:0; }
.vision-graph strong { display:block; font-size:2rem; font-weight:var(--fontWg3); zoom:0.65; }
.vision-graph .small { display:block; margin-top:-0.4rem; font-size:1rem; zoom:0.65; }

.vision-graph2 { position:relative; max-width:28rem; color:var(--contC1); margin:3.2rem auto 0; }
.vision-graph2 ul { display:flex; flex-direction:column; }
.vision-graph2 li { position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:1/1; 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% 0%, 50% 0%, 50% 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(50% 0%, 101% 0%, 101% 101%, 50% 101%); }
.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:rotateY(180deg); }
.vision-graph2 li .txt1 { display:block; margin-bottom:1.2rem; font-size:2rem; line-height:1.5; font-weight:var(--fontWg3); }
.vision-graph2 li .txt2 { display:block; font-size:1.4rem; line-height:1.571; font-weight:var(--fontWg3); color:var(--fontC9); }


/********** 핵심가치 **********/
.value-conts + .value-conts { margin-top:6rem; }
.value-conts .des { font-size:var(--fontSz8); line-height:2.4rem; color:var(--fontC3); font-weight:var(--fontWg3); margin-top:7.2rem; }
.value-conts .img img { width:100%; }
.value-graph { position:relative; aspect-ratio:1 / 1; color:var(--fontC5); background:url("../img/company/value-01.svg") 0 0 no-repeat; background-size:100% 100%; margin:16.666666vw 5.625% 0; }
.value-graph .core { display:flex; align-items:center; justify-content:center;position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:45.774647%; aspect-ratio:1 / 1; background:var(--pointC1); font-size:var(--fontSz6); line-height:2.6rem; color:var(--fontC5); border-radius:100%; text-align:center; }
.value-graph li { display:flex; align-items:center; justify-content:center; position:absolute; width:33.098591%; aspect-ratio:1 / 1; background:var(--contC3); text-align:center; border-radius:100%; outline:dashed 1px var(--contC3); outline-offset:0.3rem; }
.value-graph li .txt1 { font-size:var(--fontSz9); line-height:2rem; }
html[lang="en"] .value-graph li .txt1 { font-size:var(--fontSz8); }

.value-graph li .txt2 { display:block; font-size:var(--fontSz2); line-height:1.2rem; font-weight:var(--fontWg3); margin:0 auto; margin-top:0.4rem; }
.value-graph ul li:nth-child(1) { left:50%; top:-8.333333vw; transform:translateX(-50%); }
.value-graph ul li:nth-child(2) { bottom:9.444444vw; right:-5vw; }
.value-graph ul li:nth-child(3) { bottom:9.444444vw; left:-5vw; }
.value-graph ul li.active { background:var(--contC1); }
.value-info { border:solid 1px var(--contC10); border-width:1px 0; margin:6rem 0; padding-bottom:4rem; }
.value-info dl { margin-top:4rem; }
.value-info dt { font-size:var(--fontSz4); line-height:2rem; color:var(--contC9); }
.value-info dd { font-size:var(--fontSz8); line-height:2.8rem; margin-top:0.8rem; }
.value-box { background:var(--contC5); border-radius:3.2rem; padding:4rem 2rem; margin-top:2.4rem; }
.value-def dt { font-size:var(--fontSz9); line-height:3rem; color:var(--pointC1); border-bottom:solid 1px var(--contC7); padding-bottom:1rem; margin-bottom:1.6rem; }
.value-def dd { font-size:var(--fontSz4); line-height:2.2rem; font-weight:var(--fontWg3);  }
.value-def dd p + p { margin-top:2.4rem; }

/********** 연혁 **********/
.history-conts { margin-top:6rem; }
.history + .history, .history .group + .group { margin-top:6rem; }
.history .group { display:flex; flex-direction:column; align-items:flex-start; color:var(--fontC1); }
.history .group dt { margin-bottom:2.4rem; font-size:var(--fontSz10); line-height:3.4rem; }
.history .group dd { font-size:1.6rem; line-height:1.625; font-weight:var(--fontWg3); }
.history .group dd.des { font-size:1.8rem; line-height:1.556; font-weight:var(--fontWg4); }
.history .group dd:not(.des) { position:relative; padding-left:0.95em; color:var(--fontC2); }
.history .group dd:not(.des)::before { content:'?'; position:absolute; left:0; }
.history .group .month { display:none; }
.history .history-img2 { display:block; margin:0 0 1.6rem; }
.history .history-img2 img { vertical-align:top; }
.history .history-img2:not(:only-child):not(:first-child):last-child { margin-top:1.6rem; }

/********** 위치정보 **********/
.location-conts { margin-top:2.4rem; }
.location-conts .c-title6 { margin-top:0; }
.location-map { overflow:hidden; margin:2rem 0 2.4rem; }
.location-map img { width:100%; }
.location-info dl { border-bottom:solid 1px var(--contC1); padding-bottom:1.6rem; }
.location-info dl + dl { margin-top:4.8rem; }
.location-info dt { overflow:hidden; margin-bottom:1.6rem; font-size:var(--fontSz4); line-height:2.4rem; color:var(--fontC2); }
.location-info dt.ir-a::after { content:''; float:right; width:2.4rem; height:2.4rem; }
.location-info dd { font-size:var(--fontSz8); line-height:2.8rem; }
.location-global-conts { border-bottom:solid 1px var(--contC1); }
.location-global-conts .c-title2 { margin:6rem 0 0; }
.location-global-conts .c-title4 { margin-top:4rem; }
.location-global-conts .c-title2 + .c-title4 { margin-top:2.4rem; }
.location-global-info { padding:4rem 0 4rem; }
.location-global-info + .c-title4 { border-top:solid 1px var(--contC1); padding:4rem 0 0; margin-top:0; }
.location-global-info dl { font-size:var(--fontSz4); line-height:2.8rem; }
.location-global-info dl + dl { margin-top:1.2rem; border-top:solid 1px var(--contC10); padding-top:2.4rem; }
.location-global-info dt { margin-bottom:1.6rem; color:var(--fontC2); }
.location-global-info dd { font-size:var(--fontSz8); line-height:2.8rem; }
.location-global-map .map { position:relative; margin:0 var(--size-wrap-pd-m); overflow-x:hidden; text-align:center; }
.location-global-map .map img { width:95.2rem; max-width:none; vertical-align:top; }
.location-global-map .list { display:flex; overflow-x:auto; margin:0 var(--size-wrap-pd-m); scroll-snap-type:x mandatory; scroll-padding:0 var(--size-wrap-pd); }
.location-global-map .list::before, .location-global-map .list::after { content:''; flex-shrink:0; width:var(--size-wrap-pd); }
.location-global-map .list > li { scroll-snap-align:start; display:flex; width:23.4rem; height:11.2rem; overflow:hidden; flex-shrink:0; border-radius:0.8rem; border:0.2rem solid var(--contC8); background:var(--contC6); }
.location-global-map .list > li + li { margin-left:0.8rem; }
.location-global-map .list > li dl { display:flex; flex-direction:column; flex:1; padding:1.3rem 1.6rem 1.6rem; font-size:var(--fontSz0); line-height:1.8; }
.location-global-map .list > li dt { margin-bottom:auto; font-size:var(--fontSz2); line-height:normal; text-transform:uppercase; }
.location-global-map .list > li dd { color:var(--fontC2); font-weight:var(--fontWg3); }
.location-global-map .list > li > img { flex:none; width:10.8rem; }
.location-global-map .list > li.point { width:min(32rem, calc(100vw - 4rem)); border-color:var(--pointC1); }
.location-global-map .list > li.head-office { background:url("../img/company/location-global-05.jpg") center center / cover no-repeat; }
.location-global-map .list > li.head-office dt { margin:auto 0 0; font-size:var(--fontSz9); color:var(--fontC5); }
.location-global-map .list > li.head-office strong { font-weight:var(--fontWg4); }
.location-global-map .list > li.head-office dd { font-size:var(--fontSz2); line-height:2rem; color:var(--fontC5); }
.location-global-map .total { display:flex; margin-top:2.4rem; font-size:var(--fontSz2); }
.location-global-map .total li + li::before { content:''; display:inline-block; width:1px; height:1.25rem; margin:0 0.8rem; background-color:var(--contC7); vertical-align:-0.1em; }
html[lang="en"] .location-global-map .total { font-size:var(--fontSz1); }
html[lang="en"] .location-global-map .total li + li::before {  height:1rem; }

/******************** ESG ********************/
/********** INTRO **********/
.esg-main-visual { position:relative; height:100vh; margin:calc((4rem + var(--size-header)) * -1) var(--size-wrap-pd-m) 0; padding:0 var(--size-wrap-pd); display:flex; align-items:center; }
.esg-main-visual .bg { position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; object-fit:cover; }
.esg-main-visual .txt { display:flex; flex-direction:column; width:100%; font-weight:var(--fontWg3); font-size:var(--fontSz12); line-height:3.68rem; color:var(--fontC5); }
.esg-main-visual .txt span { display:block; }
.esg-main-visual .txt span:nth-child(2) { padding-left:1.2em; }
.esg-main-visual .txt span:nth-child(4),
.esg-main-visual .txt span:nth-child(6) { align-self:center; }

.esg-main-competitive { color:var(--fontC5); }
.esg-main-competitive::before { content:''; position:sticky; top:0; z-index:-1; display:block; margin:0 var(--size-wrap-pd-m); height:max(100vh, 50rem); background:url("../img/esg/esg-main-01.jpg") center center / cover no-repeat; }
.esg-main-competitive .msg { display:flex; flex-direction:column; justify-content:center; width:fit-content; padding-right:3rem; margin:calc(max(100vh, 50rem) * -1) auto 0; height:max(100vh, 50rem); font-weight:var(--fontWg3); font-size:var(--fontSz12); line-height:3.68rem; }
.esg-main-competitive .msg2 { overflow:hidden; padding-bottom:2.4rem; font-size:var(--fontSz9); line-height:3rem; }
.esg-main-competitive .msg2 .in { padding:4rem 0; border-top:1px solid var(--contC5); }
.esg-main-competitive .msg2 img { display:block; margin-bottom:4rem; width:4.6rem; }
.esg-main-competitive .msg > span,
.esg-main-competitive .msg2 .in { transition:all var(--time-ani-base) calc(var(--delay, 0) * 30ms); }
.esg-main-competitive .msg:not(.visible-ani) > span,
.esg-main-competitive .msg2 li:not(.visible-ani) .in { opacity:0; transform:translateY(10vh); }
.esg-main-sec.esg-main-mission { height:max(200vh, 100rem); color:var(--fontC5); font-weight:var(--fontWg3); font-size:var(--fontSz8); line-height:3rem; }
.esg-main-sec.esg-main-mission::before { content:''; position:sticky; top:0; z-index:-1; display:block; margin:0 var(--size-wrap-pd-m); height:max(100vh, 50rem); background:url("../img/esg/esg-main-06.jpg") center center / cover no-repeat; }
.esg-main-sec.esg-main-mission ul { margin:calc(max(100vh, 50rem) * -1) var(--size-wrap-pd-m) 0; }
.esg-main-sec.esg-main-mission ul > li { width:100%; height:max(100vh, 50rem); padding:0 var(--size-wrap-pd); transition:all var(--time-ani-base); }
.esg-main-sec.esg-main-mission dl { display:flex; flex-direction:column; justify-content:center; height:100%; width:fit-content; margin:0 auto; padding:0; }
.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 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 dt { margin-bottom:4rem; font-weight:var(--fontWg3); font-size:var(--fontSz12); line-height:4.8rem; text-transform:capitalize; }

.esg-main-slide { height:33rem; margin:0 var(--size-wrap-pd-m); }
.esg-main-slide .swiper-slide { position:relative; width:100%; height:33rem; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.esg-main-slide .swiper-slide .txt1 { width:100%; padding:0 var(--size-wrap-pd); margin-top:-1rem; font-weight:var(--fontWg3); font-size:var(--fontSz10); line-height:1.2; color:var(--fontC5); }
.esg-main-slide .swiper-slide .txt2 { width:100%; padding:0 var(--size-wrap-pd); margin-top:1.8rem; font-size:var(--fontSz4); line-height:2rem; color:var(--fontC5); font-weight:var(--fontWg4); }
.esg-main-slide .swiper-slide .img { position:absolute; left:50%; top:50%; z-index:-1; width:100%; aspect-ratio:1.09/1; 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:0; right:0; bottom:5rem; z-index:2; display:flex; justify-content:center; }
.esg-main-slide .swiper-button-autoplay { display:none; }

/********** 안전환경경영 **********/
.safety-flow { border-top:solid 1px var(--contC1); border-bottom:solid 1px var(--contC1); margin-top:1.6rem; padding:2.4rem 0; }
.safety-flow dl { display:flex; flex-direction:column-reverse; }
.safety-flow dl + dl { margin-top:2.4rem; padding-top:2.4rem; border-top:solid 1px var(--contC1); }
.safety-flow .ico { display:block; text-align:right; margin-top:1.6rem; line-height:0; }
.safety-flow dt { font-size:var(--fontSz10); line-height:3.4rem; margin-top:0.8rem; }
.safety-flow dd { font-size:var(--fontSz8); line-height:2.8rem; color:var(--fontC2); }

.safety-improvement { position:relative; margin:25vw 0.5rem 0; aspect-ratio:1 / 1; background:url("../img/esg/safety-09.svg") 0 0 no-repeat; background-size:100% 100%; }
.safety-improvement ol li { position:absolute; display:flex; justify-content:center; align-items:center; text-align:center; width:25vw; aspect-ratio:1 / 1; border-radius:100%; background:#eee; }
.safety-improvement ol li .txt1 { display:block; font-size:var(--fontSz4); line-height:2rem; color:var(--fontC1); }
.safety-improvement ol li .no { display:block; margin-bottom:0.4rem; font-size:var(--fontSz2); line-height:2rem; color:var(--fontC1); }
.safety-improvement ol li .txt2 { position:absolute; left:-0.5rem; right:-0.5rem; top:100%; padding-top:0.3rem; font-size:var(--fontSz2); line-height:1.6rem; color:var(--fontC3); font-weight:var(--fontWg3); }
html[lang="en"] .safety-improvement ol li .txt1 { font-size:var(--fontSz3); }
.safety-improvement ol li:nth-child(1) { left:35%; bottom:88%; }
.safety-improvement ol li:nth-child(2) { left:75%; bottom:55%; }
.safety-improvement ol li:nth-child(3) { left:63%; bottom:0; }
.safety-improvement ol li:nth-child(4) { right:63%; bottom:0; }
.safety-improvement ol li:nth-child(5) { right:75%; bottom:53%; }
.safety-improvement .core { display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:31vw; aspect-ratio:1 / 1; color:var(--fontC5); background:var(--pointC1); outline:1px dashed var(--pointC1); outline-offset:0.8rem; box-shadow:0 0 0 1.4rem var(--contC6), 0 0 0 2.4rem rgba(251, 181, 132, 0.15); border-radius:100%; text-align:center; }
.safety-improvement .core .txt1 { display:block; font-size:var(--fontSz6); line-height:2.4rem; }
.safety-improvement .core .txt2 { display:block; margin-top:0.3rem; font-size:var(--fontSz1); line-height:1; font-weight:var(--fontWg4); }
html[lang="en"] .safety-improvement .core .txt1 { font-size:var(--fontSz6); }

.safety-policy { position:relative; margin-top:10rem; padding:2rem 0 6.6rem; }
.safety-policy .c-title4 { margin-top:0; }
.safety-policy::before { content:''; position:absolute; top:0; background:url("../img/esg/safety-04.jpg") 0 0 no-repeat; background-size:cover; width:100vw; height:100%; margin:0 var(--size-wrap-pd-m); z-index:-1; }
.safety-policy .mes-txt6 { margin-top:6rem; }
.safety-policy .sign { margin-top:4rem; text-align:right; }
.safety-policy .sign .img { display:block; margin-bottom:0.8; height:4.9rem; mix-blend-mode:darken; }
.safety-policy .sign .txt { font-size:var(--fontSz6); line-height:2.6rem; }
html[lang="en"] .safety-policy .sign .txt { font-size:var(--fontSz5); }
.safety-policy .sign .img img { height:100%; }
.safety-policy .list { font-weight:var(--fontWg3); margin-top:4rem; }
.safety-policy .list li {display:block; font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC1); text-indent:-1em; margin-left:1em; }
.safety-policy .list li + li { margin-top:1.6rem; }

.chart-wrap { margin:2.4rem var(--size-wrap-pd-m) 0; }

.safety-photo-slide { width:100%; margin-top:4rem; }
.safety-photo-slide .swiper-slide { height:auto; background-color:#fff; }
.safety-photo-slide .swiper-slide .text { margin-top:1.6rem; font-size:var(--fontSz9); line-height:3rem; }
html[lang="en"] .safety-photo-slide .swiper-slide .text { font-size:var(--fontSz6); line-height:2.6rem; }
.safety-photo-slide .swiper-slide .img { width:100%; aspect-ratio:1 / 1; border-radius:0.8rem; overflow:hidden; }
.safety-photo-slide .swiper-slide img { width:100%; height:100%; vertical-align:top; }
.safety-photo-slide .swiper-controls { position:absolute; left:0; right:0; top:calc(calc(100vw - (var(--size-wrap-pd) * 2) - 2.6rem)); z-index:2; }
.safety-photo-slide .swiper-button-autoplay { display:none; }
.safety-photo-slide .swiper-pagination-bullet { background-color:var(--contC5); }
.safety-photo-slide .swiper-pagination-bullet-active { background-color:var(--swiper-dot-active-color); }

/********** CP프로그램 개요 **********/
.cp-program { border:solid 1px var(--contC10); border-width:1px 0; padding:4rem 0; margin-top:1.6rem; }
.cp-program dl + dl { margin-top:2.4rem; }
.cp-program dl { position:relative; padding-bottom:9.6rem; }
.cp-program .ico { position:absolute; right:0; bottom:0; margin-top:1.6rem; line-height:0; }
.cp-program dt { font-size:var(--fontSz10); line-height:3.4rem; margin-bottom:1.6rem; }
.cp-program dd { font-size:var(--fontSz4); color:var(--fontC2); line-height:2.2rem; margin-top:1.2rem; }
.cp-program-graph { color:var(--fontC5); width:65.625%; margin:8.2rem auto 0; }
.cp-program-graph .core { display:flex; align-items:center; justify-content:center; font-size:var(--fontSz9); line-height:3rem; font-weight:var(--fontWg4); top:0.3rem; width:100%; aspect-ratio:1 / 1; background:var(--pointC1); outline:1px dashed var(--pointC1); outline-offset:1.2rem; box-shadow:0 0 0 2.5rem var(--contC6), 0 0 0 3.5rem rgba(251, 181, 132, 0.15); border-radius:100%; text-align:center; margin:0 auto; }
.cp-program-graph ul { margin:0 auto; text-align:center; }
.cp-program-graph li { position:relative; display:flex; align-items:center; justify-content:center; text-align:center; width:100%; aspect-ratio:1 / 1; background:var(--contC1); margin-top:var(--item); border-radius:100%; outline:1px dashed var(--pointC1); outline-offset:1.2rem; }
.cp-program-graph li::before { content:''; position:absolute; left:50%; top:calc((var(--item) * -1) + 1.3rem); height:calc(var(--item) - 2.6rem);display:block; width:1px; border-left:dashed 1px var(--pointC1); }
.cp-program-graph li::after { content:''; position:absolute; left:50%; margin-left:-0.5rem; display:block; top:calc((var(--item) * -1) + 0.8rem); width:1rem; height:1rem; border-radius:100%; background:var(--pointC1); }
.cp-program-graph li .txt1 { font-size:var(--fontSz10); line-height:3.4rem; }
.cp-program-graph li .txt2 { display:block; font-size:var(--fontSz6); line-height:2.6rem; color:var(--fontC4); margin-top:0.8rem; }
.cp-program-graph ul li:nth-child(1) { --item:37.142857%; }
.cp-program-graph ul li:nth-child(2) { --item:26.666666%; }

/********** CP운영방향	 **********/
.cp-proper { margin-top:10rem; }
.cp-proper > li { position:relative; }
.cp-proper > li:nth-child(2)::before, .cp-proper > li:nth-child(3)::before { content:''; position:absolute; top:0; left:50%; width:2.8rem; height:1.2rem; margin:-3.6rem 0 0 -1.4rem; background:url("../../static/img/esg/arrow-02.svg") 0 0 no-repeat; }
.cp-proper > li:nth-child(2) { margin-top:9rem; }
.cp-proper > li:nth-child(3) { margin-top:6rem; }
.cp-proper .core { display:flex; align-items:center; justify-content:center; font-size:var(--fontSz9); line-height:3rem; color:var(--fontC5); width:56.25%; aspect-ratio:1 / 1; background:var(--pointC1); outline:1px dashed var(--pointC1); outline-offset:0.9rem; box-shadow:0 0 0 2rem var(--contC6), 0 0 0 3rem rgba(251, 181, 132, 0.15); border-radius:100%; text-align:center; margin:0 auto; }
.cp-proper .title { display:block; width:fit-content; height:4.6rem; background:var(--contC5); border-radius:0.8rem; font-size:var(--fontSz6); line-height:4.6rem; font-weight:var(--fontWg3); padding:0 1.6rem; margin:0 auto; }
.cp-proper .cp-precision { display:flex; align-items:center; justify-content:center; margin-top:1.4rem; }
.cp-proper .cp-precision li { display:flex; align-items:center; justify-content:center; width:37.5%; aspect-ratio:1 / 1; background:rgba(248, 155, 108, 0.3); border:solid 1px var(--pointC1); border-radius:100%; }
.cp-proper .cp-precision li + li { margin-left:-6.25%; }
.cp-proper .cp-precision .in { font-size:var(--fontSz4); line-height:1.8rem; text-align:center; }
.cp-proper .cp-rule-manage { margin-top:2.4rem; }
.cp-proper .cp-rule-manage li { display:flex; align-items:center; justify-content:center; width:50%; aspect-ratio:1 / 1; border:1px solid #fbb584; border-radius:100%; margin:0 auto; text-align:center; }
.cp-proper .cp-rule-manage li + li { margin-top:-6.25%; }
.cp-proper .cp-rule-manage dt { font-size:var(--fontSz4); line-height:1.8rem; margin-bottom:1.2rem; }
.cp-proper .cp-rule-manage dd { font-size:var(--fontSz2); line-height:1.8rem; color:var(--fontC2); }

.cp-op-step { margin-top:1.6rem; border-top:solid 1px var(--contC10); border-bottom:solid 1px var(--contC10); padding-bottom:4rem; }
.cp-op-step dl { padding-top:4rem; }
.cp-op-step dl dt { margin-bottom:1.6rem; }
.cp-op-step dl dt .txt1 { display:block; font-size:var(--fontSz9); line-height:3rem; color:var(--pointC1); }
.cp-op-step dl dt .txt2 { display:block; font-size:var(--fontSz10); line-height:3.4rem; margin-top:0.6rem; }
.cp-op-step dl dd { position:relative; display:block; padding-left:2.2rem; font-size:var(--fontSz4); color:var(--fontC2); line-height:2.2rem; margin-top:0.8rem; }
.cp-op-step dl dd::before { content:''; display:block; position:absolute; top:1rem; left:1rem; width:0.3rem; height:0.3rem; background:var(--contC9); border-radius:100%; }

/********** 운영조직 **********/
.cp-group { position:relative; margin:10rem auto 0; }
.cp-group::after { position:absolute; content:''; width:1px; height:100%; border-left:1px dotted var(--pointC1); left:50%; bottom:0; z-index:-1; }
.cp-group .core { display:flex; align-items:center; justify-content:center; font-size:var(--fontSz9); color:var(--fontC5); margin:0 auto; width:56.25%; aspect-ratio:1 / 1; background:var(--pointC1); outline:1px dotted var(--pointC1); outline-offset:1.5rem; box-shadow:0 0 0 0.8rem var(--contC6), 0 0 0 3.9rem var(--contC6), 0 0 0 4rem #fbb584; border-radius:100%; text-align:center; }
.cp-group .group1 { position:relative; display:flex; justify-content:space-between; margin-top:23.125%; }
.cp-group .group1 li { display:flex; align-items:center; justify-content:center; font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC5); width:37.5%; aspect-ratio:1 / 1; background:var(--contC1); box-shadow:0 0 0 0.8rem var(--contC6); outline:1px dotted var(--pointC1); outline-offset:0.8rem; border-radius:100%; text-align:center; margin:0 1rem; }
.cp-group .group2 { position:relative; margin:13.125% 1rem 0; }
.cp-group .group2 li { position:relative; display:flex; align-items:center; justify-content:center; font-size:var(--fontSz4); line-height:6.2rem; box-shadow:0 0 0 0.8rem var(--contC6); height:6.2rem; background:#eee; z-index:2; outline:1px dotted var(--pointC1); outline-offset:0.7rem; border-radius:100px; text-align:center; }
.cp-group .group2 li + li { margin-top:4rem; }
.cp-group .group1::after { position:absolute; content:''; width:50%; height:1px; border-bottom:1px dotted var(--pointC1); left:50%; top:50%; transform:translateX(-50%); z-index:-1; }

/********** 준법지원인 **********/
.assistant { margin-top:3.2rem; }
.assistant dl + dl { margin-top:4rem; }
.assistant dt { font-size:var(--fontSz9); line-height:3rem; font-weight:var(--fontWg7); padding-bottom:1.6rem; border-bottom:solid 1px var(--contC7); margin-bottom:4rem; }
.assistant dd { position:relative; display:block; padding-left:2.2rem; font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC2); }
.assistant dd::before { content:''; display:inline-block; position:absolute; top:1rem; left:1rem; width:0.3rem; height:0.3rem; background:var(--contC9); border-radius:100%; line-height:2.2rem; }
.assistant dd + dd { margin-top:1.2rem; }

/********** 관련규정 **********/
.regulations { position:relative; margin-top:4rem; }
.regulations + .regulations { margin-top:12rem; }
.regulations dt { font-size:var(--fontSz11); line-height:1.2857; font-weight:var(--fontWg3); padding-bottom:1rem; border-bottom:solid 1px var(--contC7); }
.regulations dd:not(.attach) { font-size:var(--fontSz5); line-height:2.2rem; color:var(--fontC2); font-weight:var(--fontWg3); margin-top:4rem; }
.regulations .attach-list { position:absolute; top:0rem; }
.regulations .ir.i-attach { width:2.4rem; height:2.4rem; background-size:100%; }

/********** Mission **********/
.mission { margin:6rem auto 0; }
.mission dl { position:relative; display:flex; align-items:center; justify-content:center; flex-flow:column; width:fit-content; padding-top:92.777777vw; margin:0 auto; }
.mission dt::after { content:''; position:absolute; bottom:0; width:1px; height:20.689655%; border-left:solid 2px var(--contC1); transform:translateY(50%); }
.mission dt { position:absolute; top:0; left:50%; transform:translateX(-50%);  display:flex; align-items:center; justify-content:center; text-align:center; width:80.555555vw; aspect-ratio:1 / 1; font-size:var(--fontSz9); line-height:3rem; border:solid 2px var(--contC1); border-radius:100%; margin-bottom:15.172413%; }
.mission dt .txt1 { display:block; color:var(--pointC1); font-weight:var(--fontWg7); }
.mission dt .txt2 { display:block; margin-top:0.4rem; } 
.mission dd { position:relative; font-size:var(--fontSz4); line-height:2rem; --color:var(--fontC1); font-weight:var(--fontWg3); padding-left:1.2rem; }
.mission dd::before { content:''; display:inline-block; position:absolute; top:0.6rem; left:0; width:0.3rem; height:0.3rem; background:var(--color); border-radius:100%; }
.ios .mission dd::before { top:1rem }
.mission li + li { margin-top:16.666666vw; }

/********** 윤리규범 실천지침 / 제보하기 **********/
.ethical-title { display:flex; align-items:center; justify-content:center; padding-bottom:15%; /*padding-top:34.375%;*/ position:relative; background:url("../img/esg/ethical-01.jpg") 50% 50% no-repeat; width:100%; aspect-ratio:1 / 1; color:var(--fontC5); background-size:cover; overflow:hidden; margin:6rem 0 6rem; text-align:center; }
.ethical-title .c-title7 { color:var(--fontC5); margin:0 auto; }
.report-title { display:flex; flex-direction:column; justify-content:center; background:url("../img/esg/report-01.jpg") 50% 50% no-repeat; background-size:cover; height:32rem; margin-top:6rem; padding:4rem var(--size-wrap-pd); }
.report-title .c-title8 { color:var(--fontC5); margin:0 auto; }

.report-step { margin:2.4rem var(--size-wrap-pd-m) 3.2rem; }
.report-step ul { display:flex; justify-content:space-between; position:relative; }
.report-step ul li { display:flex; flex-direction:column; align-items:center; justify-content:center; width:8.4rem; }
.report-step ul li::after { content:''; position:absolute; top:50%; width:1.6rem; height:1.6rem; background:url(../../static/img/esg/report-ico-arr.svg) 0 0 no-repeat; margin-top:-2rem; }
.report-step ul li:nth-child(1)::after { left:calc(25% - 4.2vw); }
.report-step ul li:nth-child(2)::after { left:calc(50% - 0.8rem); }
.report-step ul li:nth-child(3)::after { left:calc(75%); }
.report-step ul li:last-child::after { display:none; }
.report-step ul .txt { font-size:var(--fontSz4); margin-top:0.8rem; }


/****************************** CAREER ******************************/
.hrsystem-intro { margin-bottom:6rem; }
.hrsystem-intro .intro-row { margin-top:6rem; }
.hrsystem-intro .intro-txt dt { margin-top:2.4rem; font-size:var(--fontSz10); line-height:3.4rem; }
.hrsystem-intro .intro-txt dd { margin-top:1.6rem; font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC3); }
.hrsystem-intro .intro-img img { width:100%; }
.hrsystem-intro .intro3 .intro-img { margin:0 var(--size-wrap-pd-m); }

/********** 인사제도 **********/
.hrs-img { margin-top:4rem; text-align:center; }
.hrs-bul-txt + .hrs-img { margin-top:2.4rem; }
.hrs-bul-txt { margin-top:2.4rem; margin-left:.6rem; }
.hrs-bul-txt > li { position:relative; display:block; padding-left:1.6rem; font-size:var(--fontSz6); line-height:2.6rem; --color:var(--fontC1); color:var(--color); }
.hrs-bul-txt > li::before { content:''; display:inline-block; position:absolute; top:0.8rem; left:0.5rem; width:0.3rem; height:0.3rem; background:var(--color); border-radius:100%; line-height:2.2rem; }
.ios .hrs-bul-txt > li::before { top:1rem; }
.hrs-bul-txt > li + li { margin-top:.2rem; }
.hrs-support { margin-top:2.4rem; }
.hrs-support li { position:relative; display:flex; align-items:center; justify-content:center; height:6rem; border-radius:3rem; background:var(--contC5); text-align:center; font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC1); }
.hrs-support li::after { content:''; position:absolute; bottom:-3.4rem; display:block; width:1.6rem; height:1.6rem; background:url('../../static/img/career/hrsystem-02-ico-arr.svg') 0 0 no-repeat; transform:translateY(-50%); }
.hrs-support li:last-of-type::after { display:none; }
.hrs-support li + li { margin-top:3.2rem; }
.hrs-support .des { display:flex; align-items:center; text-align:left; width:calc(100% - 5.8rem); }
.hrs-support .des dt { min-width:10.2rem; }
.hrs-support .des dd { position:relative; margin-left:1.4rem; font-size:var(--fontSz2); font-weight:var(--fontWg3); line-height:2rem; color:var(--fontC2); }
.hrs-support .des dd em { font-size:var(--fontSz0); line-height:1.8rem; }
.hrs-support .ico { display:block; margin-bottom:.8rem; width:2.4rem; height:2.4rem; }
.hrs-support .total { border:1px solid var(--pointC1); background:var(--contC6); }
.hrs-support .total2 { margin-bottom:8rem; height:13rem; border-radius:9.5rem; background:var(--pointC1); color:var(--fontC5); }
.hrs-support .total2 dl { display:flex; flex-wrap:wrap; justify-content:center; }
.hrs-support .total2 dt { margin-bottom:1.6rem; width:100%; }
.hrs-support .total2 dd { width:11.2rem; height:5.6rem; border-radius:8rem; background:rgba(251, 181, 132, .5); font-size:var(--fontSz2); font-weight:var(--fontWg3); line-height:5.6rem; }
.hrs-support .total2 dd + dd { margin-left:-1.3rem; }
.hrs-evaluation { font-size:var(--fontSz6); line-height:2.6rem; }
.hrs-evaluation li { margin-top:2.4rem; }
.hrs-evaluation dt { margin-bottom:.8rem; color:var(--fontC1); }
.hrs-evaluation dd { position:relative; margin-left:3.6rem; color:var(--pointC1); }
.hrs-evaluation dd::before { content:''; position:absolute; top:.3rem; left:-3.6rem; width:2rem; height:2rem; background:url('../../static/img/career/hrsystem-02-ico-arr-02.svg') 0 0 /contain no-repeat; }

/********** 복리후생 **********/
.hrs-benefits-top { margin-top:6rem; }
.hrs-benefits-top .hrs-rank { position:relative; display:block; overflow:hidden; padding:2.4rem; width:100%; height:29rem; }
.hrs-benefits-top .hrs-rank + .hrs-rank { margin-top:1.6rem; }
.hrs-rank .img { position:absolute; top:0; right:0; left:0; height:100%; z-index:-1; }
.hrs-rank .img img { position:absolute; top:50%; left:0; width:100%; aspect-ratio:32/29; transform:translateY(-50%); }
.hrs-rank .num { position:absolute; right:2.4rem; bottom:2rem; width:3.6rem; height:3.6rem; border-radius:.8rem; background:#a1aaad; text-align:center; font-size:var(--fontSz4); line-height:3.6rem; color:var(--fontC5); }
.hrs-rank.top .num { background:var(--pointC1); }
.hrs-rank .title { display:block; font-size:var(--fontSz10); line-height:3.4rem; }
.hrs-rank .text { display:block; margin-top:.2rem; font-size:var(--fontSz4); line-height:3.4rem; }
.hrs-rank .ico { display:block; margin-top:.6rem; }
.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); opacity:0; transition:.2s opacity; backdrop-filter:blur(1rem); -webkit-backdrop-filter:blur(2rem); }
.hrs-rank .reviews .cap { display:inline-block; margin-bottom:.8rem; padding:1rem 1.6rem; border-radius:3.6rem; background:var(--contC1); font-size:var(--fontSz2); color:var(--fontC5); }
.hrs-rank .reviews .txt { font-size:var(--fontSz9); line-height:3rem; }
.hrs-rank .reviews .txt em { display:block; margin-bottom:.4rem; font-size:var(--fontSz4); line-height:2.2rem; }
.hrs-rank .reviews .name { position:absolute; bottom:2.4rem; left:2.4rem; font-size:var(--fontSz2); font-weight:var(--fontWg3); line-height:2rem; color:var(--fontC2); }
.hrs-rank .reviews:not([data-swiper]), .hrs-rank [data-swiper] .item { padding:2.4rem; }
.hrs-rank .swiper-controls { position:absolute; right:2.4rem; bottom:2.4rem; width:4.8rem; height:2.4rem; border-radius:20rem; 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-next { transform:translateY(-50%) rotate(180deg); }
.hrs-rank .swiper-pagination-fraction { text-align:center; line-height:2.4rem; }
.hrs-benefits-des { margin-top:6rem; }
.hrs-benefits-cont { margin-top:1.6rem; }
.hrs-benefits-cont .item { display:flex; align-items:center; padding:2.4rem 0; border-bottom:1px solid #a1a1a1; }
.hrs-benefits-cont .item .ico { margin-right:2.4rem; width:4rem; height:4rem; }
.hrs-benefits-cont .item dt { font-size:var(--fontSz8); line-height:2.8rem; }
.hrs-benefits-cont .item dd { margin-top:.2rem; font-size:var(--fontSz4); line-height:2.2rem; }
.hrs-amenities { margin-top:3.2rem; }
.hrs-amenities li { background:#fff; }
.hrs-amenities .txt { font-size:var(--fontSz10); line-height:3.4rem; }
.hrs-amenities .thumb { overflow:hidden; margin-top:1.6rem; aspect-ratio:1; }
.hrs-amenities .thumb img { width:100%; height:100%; }
.hrs-amenities .swiper-controls { margin-top:3.2rem; }

.crr-step { display:flex; flex-wrap:wrap; justify-content:center; margin-top:2rem; }
.crr-step li { position:relative; display:flex; flex-direction:column; align-items:center; width:9rem; height:9rem; font-size:var(--fontSz4); line-height:2.2rem; color:#272727; }
.crr-step li::before { content:''; position:absolute; bottom:calc(50% + 0.6rem); left:-0.7rem; display:block; width:1.6rem; height:1.6rem; background:url('../../static/img/career/hrsystem-02-ico-arr.svg') 0 0 no-repeat; transform:rotate(-90deg) translateY(-50%); }
.crr-step li:first-of-type::before { display:none; }
.crr-step li + li { margin:0 0 0 2.4rem; }
.crr-step .ico { margin-bottom:.8rem; width:4rem; height:4rem; }
.crr-step.ty-hrs { flex-wrap:nowrap; justify-content:space-between; margin:4rem 0 9.5rem; }
.crr-step.ty-hrs li { width:33.33333%; height:auto; }
.crr-step.ty-hrs li::before { bottom:calc(50% + -.7rem); }
.crr-step.ty-hrs li:first-child { width:7.2rem; }
.crr-step.ty-hrs .ico { margin-bottom:.8rem; width:2.4rem; height:2.4rem; }

/********** 채용안내 **********/
.recruit-notice { position:relative; margin:6rem var(--size-wrap-pd-m) 0; padding:6rem var(--size-wrap-pd); }
.recruit-notice::before { content:''; position:absolute; top:0; left:0; margin:0 var(--cont-full); width:100vw; height:100%; background:var(--contC5); z-index:-1; }
.recruit-notice .recruit-list-nodata { margin-top:4rem; text-align:center; font-size:var(--fontSz6); line-height:2.6rem; }
.recruit-notice .recruit-list-nodata em { display:block; margin-top:.8rem; font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC2); }
.recruit-notice .recruit-list-nodata .i-nodata::before { width:4.8rem; height:4.8rem; background-size:4.8rem; filter:contrast(.928); }
.recruit-notice .c-title2 { margin-top:0; }
.recruit-notice .c-title2 + .mes-txt3 { margin-top:4rem; }
.recruit-notice .recruit-list { margin-top:4rem; border-top:1px solid var(--contC1); }
.recruit-notice .recruit-list li { padding:2.4rem 0; border-bottom:1px solid var(--contC1); color:var(--fontC1); }
.recruit-notice .recruit-list .subj { font-size:var(--fontSz8); line-height:2.8rem; }
.recruit-notice .recruit-list .subj .opt { display:block; margin-bottom:.8rem; font-size:var(--fontSz6); line-height:2.6rem; color:var(--pointC1); }
.recruit-notice .recruit-list .date { display:block; margin-top:1rem; font-size:var(--fontSz4); line-height:2.2rem; }
.recruit-notice .recruit-list .date .count { margin-left:.8rem; color:var(--pointC1); }
.recruit-db { margin-top:6rem; }
.recruit-db .ref-txt-box { margin:4rem var(--size-wrap-pd-m) 0; padding:4rem var(--size-wrap-pd); }
.recruit-db .db-img { margin-top:4rem; text-align:center; }

/********** 직무소개 **********/
.job-cont { margin-top:6rem; }
.job-cont .tab2 ul .tab-item + .tab-item { margin-left:.8rem; }
.job-cont .info { position:relative; overflow:hidden; margin-top:2.4rem; }
.job-cont .item img { width:100%; }
.job-cont .swiper-button-prev, .job-cont .swiper-button-next { position:absolute; top:50%; left:0; width:2.4rem; height:2.4rem; transform:translateY(-50%); background-image:url('../img/common/i-prev-03.svg'); }
.job-cont .swiper-button-next { right:0; left:auto; transform:translateY(-50%) rotate(180deg); }
.job-cont .swiper-pagination:not(.swiper-pagination-fraction) { margin-top:1.9rem; --swiper-dot-active-width:2.4rem; }

/********** 인재상 **********/
.hri-graphic { display:flex; flex-direction:column; gap:4rem; margin:6rem 0; }
.hri-graphic > li:has(> img) { border:1px solid #d0d0d0; text-align:center; }
.hri-graphic > li > img { vertical-align:top; }
.hri-def { display:flex; flex-direction:column; gap:4rem; font-weight:var(--fontWg3); color:var(--fontC2); }
.hri-def > .group { padding:4rem 0 0; border-top:1px solid #d0d0d0; }
.hri-def dt { display:flex; flex-direction:column; gap:3.2rem; margin-bottom:3.2rem; font-size:2rem; line-height:1.5; color:var(--fontC1); }
.hri-def dt .ico { width:8rem; }
.hri-def dd strong { font-weight:inherit; color:var(--fontC1); }
.hri-def dd { font-size:1.6rem; line-height:1.625; }
.hri-def dd + dd { margin-top:1.6rem; padding-top:1.6rem; border-top:1px solid #d0d0d0; }
.hri-def dd .block { margin-bottom:0.8rem;}


/******************** MEDIA ********************/
.news-list { border-top:solid 1px var(--contC1); border-bottom:solid 1px var(--contC1); margin-top:1.6rem; }
.news-list ul { padding:4rem 0; }
.news-list .img { width:100%; aspect-ratio:1 / 0.665625; overflow:hidden; border:solid 1px var(--contC10);}
.news-list .item-in .img img { width:100%; }
.news-list .subj { display:block; font-size:var(--fontSz8); line-height:2.8rem; color:var(--fontC1); margin-top:2.4rem; 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:2rem; font-weight:var(--fontWg3); color:var(--fontC2); margin-top:1.6rem; }
.news-list .item + .item { margin-top:4rem; }
.news-list .nodata { padding:14rem 0 13rem; }

.certification-list { margin-top:2.6rem; border-top:solid 1px var(--contC15); }
.certification-list .item { border-bottom:solid 1px var(--contC15); padding:6rem 0; align-items:center; }
.certification-list .img { width:20rem; height:28rem; overflow:hidden; margin:0 auto; }
.certification-list .img img { width:100%; height:100%; }
.certification-list dl { margin-top:4rem; }
.certification-list dt { font-size:var(--fontSz9); line-height:3rem; margin-bottom:2.4rem; }
.certification-list dd { font-size:var(--fontSz4); line-height:2.2rem; }
.certification-list dd.des { color:var(--fontC3); margin-top:1.6rem; }

.ci-list { margin-top:2.4rem; line-height:0; }
.ci-list li { margin-top:0.8rem; }
.ci-list img { width:100%; }


/****************************** FOOTER ******************************/
.terms { font-size:var(--fontSz4); font-weight:var(--fontWg3); line-height:2.8rem; color:var(--fontC2); }
.terms .terms-head { margin:3.2rem 0 0 0; }
.terms .terms-title { font-size:var(--fontSz10); line-height:3.2rem; color:var(--pointC1); font-weight:var(--fontWg3); margin:3.2rem 0 2.4rem; }
.terms .terms-txt + .terms-title { margin-top:6rem; }
.terms .terms-title2 { margin:6rem 0 0.8rem; font-size:var(--fontSz8); line-height:2.8rem; color:var(--fontC1); font-weight:var(--fontWg7); }
.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:2.8rem; }
.terms .terms-list2 .terms-list { margin-top:0; margin-bottom:2.8rem; }
.terms .btn-cmd { font-weight:var(--fontWg4); }
.terms .terms-anchor { margin-top:1.6rem; color:var(--fontC1); }
.terms .terms-anchor li { text-indent:-1.5em; margin-left:1.5em; }
.terms .terms-anchor li + li { margin-top:0.4rem; }
.terms .terms-table { margin:2.4rem 0 2.4rem; border-top:solid 1px var(--contC1); text-align:center; font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC1); }
.terms .terms-table thead { border-bottom:solid 1px var(--contC1); font-weight:var(--fontWg4); }
.terms .terms-table thead th { padding:2.4rem 0.8rem; border-bottom:solid 1px var(--contC1); background:var(--contC5); }
.terms .terms-table td, .terms-table th { padding:2.4rem 0.8rem; border-bottom:solid 1px var(--contC7); }
.terms .terms-table th { font-weight:var(--fontWg7); }
.terms .terms-table .al { text-align:left; }
.terms .terms-postdate { display:flex; justify-content:flex-end; font-size:var(--fontSz3); margin-top:2.4rem; }
.terms .terms-postdate dt { min-width:6rem; color:var(--fontC1); font-weight:var(--fontWg4); }
.terms .terms-postdate dd { font-size:var(--fontSz3); color:var(--fontC2); }
.terms .terms-date { color:var(--fontC2); }
.terms .terms-report { margin-top:4rem; border:1px solid var(--contC7); border-width:1px 0; padding:6rem 0; }
.terms .terms-report .terms-title2:first-of-type { margin-top:0; }
.terms .terms-list .terms-list2 { margin-left:1.6rem; }
.terms .terms-refer { margin-top:4rem; text-align:center; font-size:var(--fontSz6); font-weight:var(--fontWg4); line-height:2.6rem; color:var(--fontC1); }
.terms .terms-refer .terms-date { margin-bottom:1.6rem; }
.terms .btn-area { margin-top:8rem; }
.terms .btn-area .btn-cmb { font-size:var(--fontSz2); text-align:center; color:var(--fontC1); }
.terms .btn-area .btn-cmb .ir-a::after { margin-left:1.9rem; }

/****************************** ETC ******************************/
.error-wrap { margin-top:6rem; }
.error-wrap .error-msg { text-align:center; }
.error-wrap .error-title { font-size:var(--fontSz11); line-height:3.4rem; font-weight:var(--fontWg4); margin-bottom:4rem; }
.error-wrap .error-title img { display:block; margin:0 auto 1.2rem; }
.error-wrap .error-title em { display:block; font-size:6rem; line-height:7.2rem; }
.error-wrap .error-title2 { font-size:var(--fontSz10); line-height:3.2rem; margin-bottom:1.6rem; }
.error-wrap .error-title2 img { display:block; margin:0 auto 3rem; }
.error-wrap .error-txt { font-size:var(--fontSz4); line-height:2.2rem; color:var(--fontC3); font-weight:var(--fontWg3); }
.error-wrap .error-txt + .btn-cma { margin-top:8rem; }
.error-wrap .error-refer { margin:4rem 0 4rem; border-radius:0.6rem; background:var(--contC5); text-align:left; font-size:var(--fontSz4); padding:0.8rem 3.5rem 2.4rem; }
.error-wrap .error-refer dl { display:flex; flex-wrap:wrap; font-size:var(--fontSz4); line-height:2.2rem; }
.error-wrap .error-refer dt { margin-top:1.6rem; width:10rem; font-weight:var(--fontWg7); }
.error-wrap .error-refer dd { margin-top:1.6rem; width:calc(100% - 10rem); }
[lang="zh"] .error-wrap .error-refer dt { width:9rem; }
[lang="zh"] .error-wrap .error-refer dd { width:calc(100% - 9rem); }

/******************** SEARCH ********************/
.total-sch-list { margin-top:4.8rem; }
.total-sch-list:empty, .total-sch-list:not(:has(li)) { display: none !important; }
.total-sch-list .title { margin-bottom:1.6rem; font-size:var(--fontSz8); line-height:2.8rem; font-weight:var(--fontWg3); }
.total-sch-list ul { border-top:solid 1px var(--contC1); }
.total-sch-list .item { padding:2.4rem 0; border-bottom:solid 1px var(--contC14); }
.total-sch-list .list-nodata { padding:2.4rem 0; text-align:center; font-size:var(--fontSz6); color:var(--fontC3); font-weight:var(--fontWg3); border-top:solid 1px var(--contC1); border-bottom:solid 1px var(--contC4); }
.total-sch-list .item-in { display:flex; flex-direction:column; }
.total-sch-list .item-in .subj { display:block; font-size:var(--fontSz10); font-weight:var(--fontWg7); line-height:3.4rem; margin-bottom:1.6rem; }
.total-sch-list .item-in .path { display:block; font-size:var(--fontSz6); line-height:2.2rem; font-weight:var(--fontWg3); color:var(--fontC3); }
.total-sch-list .item-in .img { margin:0; width: 100%; aspect-ratio:1.5/1; overflow:hidden; border:1px solid var(--contC10); border-radius:0.6rem; margin-bottom:2.4rem; }
.total-sch-list .item-in .img:empty { display:none; }
.total-sch-list .item-in .img img { width:100%; height:100%; object-fit:cover; }


/****************************** PRODUCT/SUPPORT 추가 ******************************/
.prod-title2 { font-size:var(--fontSz11); line-height:3.6rem; font-weight:var(--fontWg3); margin-top:4.8rem; } /* 2.8rem */
.prod-title2::before { content:''; display:block; width:8px; height:8px; border-radius:100%; background-color:var(--pointC1); margin-bottom:0.5rem; }
.prod-title3 { font-size:var(--fontSz10); line-height:3.4rem; font-weight:var(--fontWg3); margin:4.8rem 0 2.4rem; } /* 2.4rem */
.prod-title2 + .prod-title3 { margin-top:3.2rem; }
.prod-title4 { font-size:var(--fontSz9); line-height:3rem; font-weight:var(--fontWg3); margin:3.2rem 0 2.4rem; } /* 2.0rem */
.contents > .prod-title4:first-child { margin-top:4.8rem; }
.cont-box > .prod-title4:first-child { margin-top:0; }
.prod-title5 { font-size:var(--fontSz8); line-height:2.8rem; font-weight:var(--fontWg3); margin-bottom:1.2rem; } /* 1.8rem */

/* 라인형 */
.info-data3 .item { padding:2.4rem 0.8rem; border-top:solid 1px var(--contC1); }
.info-data3.inverse { border-color:var(--contC6) }
.info-data3.inverse .item { border-color:var(--contC6) }
.mes-txt1 + .info-data3 { margin-top:2.4rem; }
.cont-box + .info-data3, .prod-img-grid + .info-data3 { margin-top:3.2rem; }

/* bg박스형 */
.info-data4 { display:flex; flex-flow:column; gap:0.8rem; }
.info-data4 .item { background-color:var(--contC5); padding:2.4rem 1.6rem; }
.info-def1 + .info-data4 { margin-top:2.4rem; }
.cont-box > .info-data4:first-child { margin-top:0; }
.cont-box .info-data4 .item { background-color:var(--contC6); }

/* 카드형 */
.info-data5 { margin-top:2.4rem; }
.info-data5 .item { background-color:var(--contC5); padding:2.4rem 2.4rem; }
.info-data5 .item + .item { margin-top:0.8rem; }
.info-data5 .txt-box { font-weight:var(--fontWg3); line-height:2.6rem; }
.info-data5 .img img { width:100%; vertical-align:top; }
.info-data5 .txt-box::before { content:''; display:block; width:8px; height:8px; border-radius:100%; background-color:var(--pointC1); margin-bottom:1.2rem; }
.mes-txt1 + .info-data5 { margin-top:2.4rem; }

/* 설명, 재품이미지 */
.info-data6 .item { background-color:var(--contC5); padding:2.4rem; }
.info-data6 .item + .item { margin-top:0.8rem; }
.info-data6 .img { margin-top:2.4rem; }
.info-data6 img { width:100%; }

/* 재품이미지, 설명 */
.info-data7 .img img { width:100%; vertical-align:top; }
.info-data7 .txt { margin-top:2.4rem; }
.info-data7 + .info-data7 { margin-top:2.4rem; }
.prod-title3 + .info-data7 { margin-top:2.4rem; }
.info-data7 .info-def5 { margin-top:2.4rem; }
.cont-box .info-data7 { padding:0 0.8rem; }

/* 라인박스 회색bg 타이틀 */
.info-data8 { border:solid 1px var(--contC4); padding:2.4rem; }
.info-data8 + .info-data8 { margin-top:0.8rem; }
.info-data8 .title { background-color:var(--contC5); font-weight:var(--fontWg3); padding:2.4rem; text-align:center; margin-bottom:2.4rem; }
.info-data8 .title .txt1 { display:block; line-height:2.6rem; color:var(--fontC9); }
.info-data8 .title .txt2 { display:block; font-size:var(--fontSz10); line-height:3.4rem; }
.info-data8 .title .txt3 { display:block; font-size:var(--fontSz4); color:var(--pointC1); line-height:2.2rem; margin-top:0.8rem; }
.info-data8 .info-def1 + .info-def1 { margin-top:1.6rem; }

/* 테이블 */
.info-data9 { border-collapse:collapse; font-weight:var(--fontWg3); }
.info-data9 .tb-bg { background:var(--contC5); }
.info-data9 thead { line-height:2.6rem; font-weight:var(--fontWg4); }
.info-data9 thead th { line-height:2.6rem; font-weight:var(--fontWg4); border:solid 1px var(--contC14); padding:2.4rem; }
.info-data9 th, .info-data9 td { line-height:2.6rem; border:solid 1px var(--contC14); border-width:0 1px 1px 1px; }
.info-data9 th:first-child, .info-data9 td:first-child { border-left:0; }
.info-data9 th:last-child, .info-data9 td:last-child { border-right:0; }
.info-data9 td { color:var(--fontC9); font-weight:inherit; padding:2.4rem; }

/* dt:18, dd:16(434343) */
.info-def1 dt { font-size:var(--fontSz6); line-height:2.6rem; font-weight:var(--fontWg3); margin-bottom:0.8rem; }
.info-def1.ty2 dt { display:flex; justify-content:space-between; align-items:center; font-size:var(--fontSz8); line-height:2.8rem; font-weight:var(--fontWg3); margin-bottom:1.2rem; } /* size:20px */
.info-def1.ty2 dt.line { border-bottom:solid 1px var(--contC12); margin-bottom:1.6rem; padding-bottom:1.2rem; }
.info-def1.ty2 dt .icon { flex:none; margin-left:0.8rem; }
.info-def1.ty2 dt .icon img { vertical-align:top; }
.info-def1.ty2 dt .point { font-size:var(--fontSz10); font-weight:var(--fontWg4); color:var(--pointC1); }
.info-def1.ty2 dt .point em { font-size:3.2rem; line-height:4.6rem; }
.info-def1.ty3 dt { font-size:var(--fontSz9); line-height:3rem; margin-bottom:1.2rem; }
.info-def1.ty4 dt { font-size:var(--fontSz6); line-height:3.4rem; margin-bottom:2.4rem; }
.info-def1.ty2:has(.icon) dd { padding-right:5.6rem; }
.info-def1 dd::before, .info-def1 li::before { content:''; position:absolute; display:block; width:0.3rem; height:0.3rem; background-color:var(--contC9); left:0; top:0.65em; border-radius:100%; }
.info-def1 dd, .info-def1 li { position:relative; line-height:2.6rem; color:var(--fontC9); font-weight:var(--fontWg3); padding-left:1.2rem; }
.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:0.4rem; }
.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:0.4rem; }
.info-def1.col2 dt { width:100%; }
.info-def1.col2 dd, .info-def1.col2 li { width:50%; margin-top:0; }
.info-def1 + .info-def1, .prod-title3 + .info-def1 { margin-top:2.4rem; }
.cont-box .prod-title5 + .info-def1 { margin-top:1.2rem; }
.cont-box > .prod-img-grid + .info-def1 { margin-top:4.8rem; }

.info-def4 { line-height:2.6rem; font-weight:var(--fontWg3); } /* 제품 썸네일 */
.info-def4 dt { color:var(--fontC3); }
.info-def4 dt + dd { margin-top:0.4rem; }
.info-def4 dd + dt { margin-top:1.6rem; padding-top:1.6rem; border-top:solid 1px var(--contC4); }
.info-data9 + .info-def4 { margin-top:2.4rem; }

.info-def5 { font-size:var(--fontSz8); line-height:2.8rem; font-weight:var(--fontWg3); } /* 제품 설명 */
.info-def5 .subj { margin-right:0.6rem; vertical-align:top; }
.info-def5 > dt { margin-bottom:1.6rem; }
.info-def5 > dd, .info-def5 > li { position:relative; padding-left:1.1rem; }
.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:0.3rem; height:0.3rem; background-color:var(--contC9); left:0; top:0.6em; border-radius:100%; }
.info-def5 dd + dd, .info-def5 li + li { margin-top:0.4rem; }

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

[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:2.6rem; color:var(--fontC9); font-weight:var(--fontWg3); }
.txt-small { display:block; font-family:var(--fontF2); font-size:var(--fontSz4); color:var(--fontC2); line-height:2.2rem; font-weight:var(--fontWg3); margin-top:0.4rem; }/* font-size:14px */
.txt-icon { display:flex; justify-content:space-between; align-items:center; }
.txt-icon .txt { font-size:var(--fontSz8); line-height:2.8rem; font-weight:var(--fontWg3); }
.txt-icon .icon { flex:none; margin-left:1.2rem; }
.prod-title5 + .txt-single { margin-top:1.2rem; }

.cont-box { position:relative; background-color:var(--contC5); padding:2.4rem 1.6rem; }
.cont-box .prod-title3 { margin-top:0; }
.cont-box .img-pos { position:absolute; right:2.4rem; top:2.4rem; }
.cont-box .img-pos img { width:6.6rem; }
.cont-box .img-pos2 { position:absolute; right:2.4rem; top:2.4rem; }
html[lang="en"] .cont-box .img-pos2 { top:5.4rem; }
html[lang="zh"] .cont-box .img-pos2 { top:0.4rem; }
.cont-box .img-pos2 img { width:10.8rem; }
.cont-box .in-grid-col { display:flex; justify-content:space-between; }
.mes-txt1 + .cont-box { margin-top:2.4rem; }
.prod-img-grid + .cont-box, .prod-img-full + .cont-box, .cont-box + .cont-box, .box-btm + .cont-box, .info-data3 + .cont-box { margin-top:3.2rem; }

.prod-links { margin-top:1.6rem; padding-top:2.4rem; border-top:solid 1px var(--contC1); }
.prod-links .btn + .btn { margin-top:0.8rem; }
.prod-links .btn { border:solid 1px var(--contC1); border-radius:8px; display:flex; align-items:center; justify-content:center; height:5.6rem; font-size:var(--fontSz4); font-weight:var(--fontWg3); line-height:2.2rem; text-align:center; padding:1rem 0; }
.prod-links .btn .btn-in { display:block; position:relative; padding-right:2.4rem; }
.prod-links .btn .btn-in.ir-a::after { position:absolute; top:50%; right:0; margin:-0.8rem 0 0 0; }

.prod-links2 { display:flex; flex-flow:column; align-items:center; justify-content:center; background:url('../img/product/prod-links2.jpg') 0 0 no-repeat; background-size:cover; aspect-ratio:360/280; margin:4.8rem var(--cont-full) 0; padding:0 2rem; font-weight:var(--fontWg3); text-align:center; }
.prod-links2 .txt { display:block; font-size:var(--fontSz11); line-height:3.6rem; color:var(--fontC5); margin-bottom:2.4rem; }

.prod-img-grid.bg > .item { background-color:var(--contC5); }
.prod-img-grid .img img { width:100%; max-width:none; vertical-align:top; }
.prod-img-grid .img { text-align:center; }
.prod-img-grid:not(.col2) .item + .item, .prod-img-grid:not(.col2) .img + .img { margin-top:0.8rem; }
.info-data3 + .prod-img-grid, .box-btm + .prod-img-grid { margin-top:3.2rem; }
.mes-txt1 + .prod-img-grid, .cont-box + .prod-img-grid, .prod-img-grid + .prod-img-grid { margin-top:4rem; }
.cont-box > .prod-img-grid:first-child { margin-top:0; }
.txt-single + .prod-img-grid, .info-def1 + .prod-img-grid { margin-top:2.4rem; }
.prod-img-grid.col2:has(>.item, >.img) { display:flex; flex-wrap:wrap; gap:0.8rem; }
.prod-img-grid.col2 > .item, .prod-img-grid.col2 > .img { width:calc(50% - 0.4rem); }

.prod-img-grid.mgt2 { margin-top:2.4rem; }

.x-scroll { overflow-x:auto; margin:0 var(--size-wrap-pd-m); padding-left:var(--size-wrap-pd); }
.x-scroll .prod-img-grid .img img { zoom:0.5; width:auto; }
.x-scroll .cont-box { width:fit-content; margin-left:auto; margin-right:auto; }
.mes-txt1 + .x-scroll, .prod-img-grid + .x-scroll { margin-top:4rem; }

.prod-img-grid3 { position:relative; }/* bg:이미지 타이틀, 리스트 */
.prod-img-grid3 .txt { position:absolute; bottom:0; left:0; right:0; width:100%; padding:2.4rem;  }
.prod-img-grid3 .title .prod-title3 { margin:0; }
.prod-img-grid3 .img img { width:100%; max-width:none; vertical-align:top; }
.info-data3 + .prod-img-grid3 { margin-top:4.8rem }

.prod-mov-full { position:relative; margin:0 var(--size-wrap-pd-m); aspect-ratio:16/9; }
.prod-mov-full .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-full > video, .prod-mov-full > img { vertical-align:top; width:100%; height:100%; object-fit:cover; }
.prod-mov-full .video-control img { width:2.8rem; }
.prod-mov-full .video-control .btn { display:block; width:fit-content; height:fit-content; margin:0 auto; padding:2.6rem; border-radius:100%; background-color:rgba(0, 0, 0, 0.3); transition:all var(--time-ani-base); }
.prod-mov-full .playing ~ .video-control { opacity:0; }
.mes-txt1 + .prod-mov-full, .info-data3 + .prod-mov-full { margin-top:2.4rem; }
.contents > .prod-mov-full:first-child,
.prod-img-grid + .prod-mov-full, .cont-box + .prod-mov-full, .x-scroll + .prod-mov-full,
.prod-title2 + .mes-txt1 + .prod-mov-full { margin-top:4.8rem; }

.prod-img-full { margin:0 var(--size-wrap-pd-m); }
.prod-img-full img { width:100%; max-width:none; }
.x-scroll + .prod-img-full { margin-top:3.2rem; }
.mes-txt1 + .prod-img-full { margin-top:4rem; }

.prod-img-ty1 { text-align:center; padding:4.8rem 0; } /* 타이틀/이미지/다운로드 */
.prod-img-ty1 .subj { font-size:var(--fontSz8); line-height:2.8rem; font-weight:var(--fontWg3); }
.prod-img-ty1 .img { margin:2.4rem 0; }

.prod-img-ty2 { text-align:center; padding:3.2rem 0; } /* 회색 bg 이미지/타이틀 */
.prod-img-ty2 .subj { display:block; line-height:2.6rem; font-weight:var(--fontWg3); margin-top:3.2rem; }

.prod-img-ty3 { margin-bottom:3.2rem; } /* 이미지/타이틀 */
.prod-img-ty3 .subj { display:flex; justify-content:space-between; line-height:2.6rem; font-weight:var(--fontWg3); margin-top:1.6rem; }
.prod-img-ty3 .subj span:last-child { flex-shrink:0; }

.prod-img-ty4 { position:relative; }
.prod-img-ty4 .subj { position:absolute; bottom:1.6rem; left:1.6rem; right:1.6rem; line-height:2.6rem; color:var(--fontC5); font-weight:var(--fontWg3); }

.prod-img-ty5 + .prod-img-ty5 { margin-top:3.2rem; }
.prod-img-ty5 .img { margin-bottom:2.4rem; }

.prod-sch-field { margin-top:4.8rem; }

.terms-box { height:49rem; overflow-y:auto; font-size:var(--fontSz3); line-height:2.6rem; color:var(--fontC2); border:solid 1px var(--contC1); background-color:var(--contC6); padding:2.4rem; margin-top:1.6rem; }
.terms-box .terms-title { margin-top:2.6rem; }
.terms-box .terms-txt + .terms-txt { margin-top:2.4rem; }
.terms-box .terms-txt + .terms-list { margin-top:2.4rem; }
.terms-box .terms-list3 { margin-top:1.6rem; }
.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-list2 { text-indent:0; }

.box-btm { font-size:var(--fontSz4); color:var(--fontC2); line-height:2.2rem; font-weight:var(--fontWg3); margin-top:1.6rem; }
ul.box-btm em { display:inline-block; text-indent:0; width:4.8rem; text-align:center; font-size:var(--fontSz2); line-height:1.8rem; color:var(--pointC1); border:solid 1px var(--pointC1); margin-right:0.8rem; vertical-align:top; }
ul.box-btm li { text-indent:-6rem; margin-left:6rem; }
html[lang="en"] ul.box-btm em { width:5.6rem; }
html[lang="en"] ul.box-btm li { text-indent:-6.8rem; margin-left:6.8rem; }
html[lang="zh"] ul.box-btm em { width:6.8rem; }
html[lang="zh"] ul.box-btm li { text-indent:-8rem; margin-left:8rem; }
ul.box-btm li + li { margin-top:0.8rem; }
.box-btm.ty2 { font-size:var(--fontSz6); font-weight:var(--fontWg3); color:var(--fontC2); line-height:2.6rem; margin-top:1.6rem; }

.prod-applications { margin:3.2rem 0 4.8rem; }
.prod-applications .in-item + .in-item { margin-top:3.2rem; }
.prod-applications .in-item .in-img {  }
.prod-applications .in-item .in-img img { width:100% }
.prod-applications .in-item .in-txt { font-weight:var(--fontWg3); margin-top:2.4rem; }
.prod-applications .in-item .in-txt .in-subj { font-size:var(--fontSz9); line-height:3rem; }
.prod-applications .in-item .in-txt .in-des { font-size:var(--fontSz4); font-weight:var(--fontWg3); color:var(--fontC2); line-height:2.2rem; margin-top:0.8rem; }

.prod-field-service1 li + li { margin-top:2.4rem; }
.prod-field-service1 li dt { color:var(--fontC5); line-height:4.8rem; padding:0 0 0 3.2rem; margin-bottom:1.2rem; }
.prod-field-service1 li dd::before { content:''; position:absolute; display:block; width:3px; height:3px; background-color:var(--contC9); left:0; top:1.1rem; border-radius:100%; }
.prod-field-service1 li dd { position:relative; line-height:2.6rem; color:var(--fontC9); padding-left:1.2rem; margin-left:2.4rem; font-weight:var(--fontWg3); }
.prod-field-service1 li dd + dd { margin-top:0.4rem; }
.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 .in-item { position:relative; font-weight:var(--fontWg3); }
.prod-performance-upgrade1 .in-item dl { width:100%; }
.prod-performance-upgrade1 .in-item dt { display:flex; align-items:center; justify-content:center; height:6.4rem; text-align:center; line-height:2.6rem; margin-bottom:1.2rem; background:var(--contC6); padding:0 1.2rem; }
.prod-performance-upgrade1 .in-item::after { content:''; display:block; background:url('../img/product/performance-upgrade-01.svg') 0 0 no-repeat; height:3.6rem; width:8rem; margin:3.2rem auto; }
.prod-performance-upgrade1 .in-item:last-child::after { display:none; }
.prod-performance-upgrade1 .in-item .in-txt { display:block; margin-top:1.6rem; text-align:center; }
.prod-performance-upgrade1 .in-item dd { text-align:center; mix-blend-mode:darken; }
.prod-performance-upgrade1 .in-item dd img { max-width:none; width:100%; vertical-align:top; }
.prod-performance-upgrade1 .in-item li + li { margin-top:2.4rem; }

.prod-performance-upgrade3 { margin-top:3.2rem; }
.prod-performance-upgrade3 .in-box { background-color:var(--contC6); text-align:center; }
.prod-performance-upgrade3 .in-box .in-title { background-color:var(--pointC1); height:5.6rem; color:var(--fontC5); font-weight:var(--fontWg3); line-height:5.6rem; text-align:center; }
.prod-performance-upgrade3 .in-box dt { font-weight:var(--fontWg3); line-height:2.6rem; padding:2.4rem 0 2.4rem; }
.prod-performance-upgrade3 .in-txt { text-align:center; padding-top:1.2rem; margin-top:-1.2rem; border-top:solid 1px var(--contC12); }
.prod-performance-upgrade3 .in-txt li { position:relative; padding:0 2.4rem; font-weight:var(--fontWg3); color:var(--fontC9); line-height:2.6rem; }
.prod-performance-upgrade3 .in-txt { margin:-1.2rem 1.6rem 0; }
.prod-performance-upgrade3 .in-txt + .in-img { padding:2.4rem 0; }
.prod-performance-upgrade3 .in-box + .in-box { margin-top:2.4rem; }

.prod-performance-upgrade4 .prod-title5 { text-align:center; }
.prod-performance-upgrade4 img { vertical-align:top; }
.prod-performance-upgrade4 .in-arr { margin:3.2rem 0; text-align:center; }
.prod-performance-upgrade4 .in-item .in-img { position:relative; }
.prod-performance-upgrade4 .info-def1.inverse { position:absolute; bottom:10rem; left:1.6rem; right:1.6rem; border-top:solid 1px var(--contC6); padding-top:1.6rem; }
.prod-performance-upgrade4 .in-box { position:relative; background-color:var(--contC6); margin:-8.4rem 1.6rem 0; padding:2.4rem; }

.prod-sco2-power-system3 { padding:0 1.6rem 0; }
.prod-sco2-power-system3 ol { border-bottom:solid 1px var(--contC12); }
.prod-sco2-power-system3 li { position:relative; padding:1.2rem 0 2rem 4.4rem; border-bottom:solid 1px var(--contC12); margin-bottom:-1px; }
.prod-sco2-power-system3 .in-num { position:absolute; left:0; margin-top:1.2rem; width:3.2rem; height:3.2rem; border-radius:100%; background:var(--contC1); font-size:var(--fontSz2); line-height:3.2rem; font-weight:var(--fontWg3); color:var(--fontC5); text-align:center; }
.prod-sco2-power-system3 .in-subj { display:block; line-height:2.6rem; font-weight:var(--fontWg3); margin-bottom:0.8rem; }
.prod-sco2-power-system3 .in-des { line-height:2.4rem; font-weight:var(--fontWg3); color:var(--contC9); }

.prod-sco2-power-system4 { background-color:var(--contC5); padding:2.4rem; margin-top:2.4rem; }
.prod-sco2-power-system4 .in-title { font-size:var(--fontSz9); font-weight:var(--fontWg3); line-height:3rem; }
.prod-sco2-power-system4 .in-des { margin-top:0.8rem; font-weight:var(--fontWg3); line-height:2.6rem; }
.prod-sco2-power-system4 .in-small { font-size:var(--fontSz2); color:var(--fontC8); line-height:2rem; font-weight:var(--fontWg3); margin:0.8rem 0 2.4rem 0.5rem; text-indent:-0.5rem; }

.prod-sco2-power-system5 { background-color:var(--contC5); padding:2.4rem 1.6rem; margin-top:2.4rem; font-weight:var(--fontWg3); }
.prod-sco2-power-system5 .in-txt1 { font-size:var(--fontSz9); color:var(--pointC1); line-height:3.2rem; text-align:center; font-weight:var(--fontWg3); margin-top:1.2rem; }
.prod-sco2-power-system5 .in-txt1:first-child { margin-top:0; }
.prod-sco2-power-system5 .in-txt2 { line-height:3rem; text-align:center; font-weight:var(--fontWg3); margin-bottom:1.2rem; }
.prod-sco2-power-system5 .bg1 { background-color:rgba(234, 182, 0, 0.05); padding:2.4rem 1.6rem; }
.prod-sco2-power-system5 .bg2 { background-color:rgba(243, 115, 33, 0.05); padding:2.4rem 1.6rem; }
.prod-sco2-power-system5 ul, .prod-sco2-power-system5 li + li { margin-top:1.2rem; }
.prod-sco2-power-system5 dl + dl { margin-top:2.4rem; }
.prod-sco2-power-system5 dl { line-height:3rem; }
.prod-sco2-power-system5 dd { color:var(--fontC2); }

.prod-h2-gas-turbine-retrofit-upgrade2 { font-weight:var(--fontWg3); margin-top:2.4rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item { background-color:var(--contC5); padding:2.4rem 1.6rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item .in-img img { width:100%; max-width:none; }
.prod-h2-gas-turbine-retrofit-upgrade2 .prod-title5 { font-size:var(--fontSz6); line-height:2.6rem; margin:0; padding:0 0 1.6rem; border-bottom:solid 1px var(--contC1); }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item + .in-item { margin-top:1.6rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-txt { margin-top:2rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-img { display:grid; grid-template-columns:repeat(2, 1fr); gap:3rem; align-items:center; margin-top:2.8rem; }
html[lang="en"] .prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-img { gap:2rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-def div { display:flex; justify-content:space-between; font-size:var(--fontSz2); line-height:2.2rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-def div dd { flex-shrink:0; padding-left:0.4rem; text-align:right; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-def div + div { margin-top:2.4rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-subj { display:block; height:4rem; background-color:var(--pointC1); font-size:var(--fontSz4);color:var(--fontC5); line-height:4rem; border-radius:2.4rem; text-align:center; }
html[lang="en"] .prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty1 .in-subj { font-size:var(--fontSz2) }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty2 .in-cont { font-size:var(--fontSz2); line-height:2.2rem; }
.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 { display:block; margin:1.2rem 0 0; text-align:center; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty2 .in-pos2 { display:block; margin:1.6rem 0 2.4rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty3 .in-box { position:relative; font-size:var(--fontSz4); font-weight:var(--fontWg3); line-height:2.4rem; padding:3.6rem 8rem 0 0; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty3 .in-box + .in-box { border-top:solid 1px var(--contC1); margin-top:2.4rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty3 dd { color:var(--fontC2); margin-top:1.6rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty3 .in-icon { position:absolute; right:0.2rem; top:2.4rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty4 .in-cont { font-size:var(--fontSz2); line-height:2.2rem; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty4 .in-txt { display:flex; justify-content:space-between; font-size:var(--fontSz2); margin:2.4rem 0; }
.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 { display:block; margin:1.2rem 0 0; text-align:center; }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty4 .in-pos2 { }
.prod-h2-gas-turbine-retrofit-upgrade2 .in-item.in-ty4 .in-pos3 { position:absolute; font-size:var(--fontSz0); line-height:1.6rem; left:73%; top:50%; white-space:nowrap; }

.prod-h2-gas-turbine-retrofit-upgrade3 { background-color:var(--contC5); margin-top:2.4rem; padding:2.4rem 1.6rem; }
.prod-h2-gas-turbine-retrofit-upgrade3 .in-grid .in-txt { text-align:center; margin:1.6rem 0 3.2rem; }
.prod-h2-gas-turbine-retrofit-upgrade3 .in-grid .in-des { margin-top:2rem; line-height:2.6rem; font-weight:var(--fontWg3); }
.prod-h2-gas-turbine-retrofit-upgrade3 .in-grid .in-title { line-height:3.2rem; font-weight:var(--fontWg3); margin-bottom:1.2rem; }

.prod-teg2 { position:relative; margin:4.8rem 0 6rem; }
.prod-teg2 img { width:100%; max-width:none; }
.prod-teg2 .in-item { position:relative; margin-left:2rem; display:flex; }
.prod-teg2 .in-item + .in-item { margin-top:3.2rem; }
.prod-teg2 .in-thumb { width:8rem; flex-shrink:0; margin-right:2.4rem; }
.prod-teg2 .in-num { position:absolute; left:-1.6rem; top:-1.6rem; display:inline-block; width:3.2rem; height:3.2rem; font-family:var(--fontF2); font-size:var(--fontSz2); color:var(--fontC5); line-height:3rem; background-color:var(--pointC1); border-radius:100%; text-align:center; margin-right:1.2rem; }
.prod-teg2 .in-img { margin:5rem 0 4rem; }
.prod-teg2 .in-def { line-height:2.6rem; }
.prod-teg2 .in-def dd { font-size:var(--fontSz4); color:var(--fontC2); line-height:2.4rem; margin-top:1.2rem; font-weight:var(--fontWg3); }

.prod-nrs-package1 { padding:0 1.6rem; margin:0.6rem 0 0; }
.prod-nrs-package1 li { border-bottom:solid 1px var(--contC12); padding:2.4rem 0 2rem; }
.prod-nrs-package1 .info-def1 dt .in-num { position:absolute; top:0; left:0; display:inline-block; width:3.2rem; height:3.2rem; font-family:var(--fontF2); font-size:var(--fontSz2); color:var(--fontC5); line-height:3.2rem; background-color:var(--contC1); border-radius:100%; text-align:center; margin-right:1.2rem; }
.prod-nrs-package1 .info-def1 dt { position:relative; margin-bottom:0.8rem; padding-left:4.4rem; }
.prod-nrs-package1 .info-def1 dd { margin-left:4.4rem; }
.prod-nrs-package1 .info-def1 dd + dd { margin-top:0.2rem; }

.prod-nrs-package2 { margin:0 0 2.4rem; --item-w:calc(100vw - 4.6rem); }
.prod-nrs-package2 .in-graph ul { position:relative; padding:0.6rem 0; }
.prod-nrs-package2 .in-graph ul::before { position:absolute; content:''; display:block; left:4.6rem; top:0; border-left:solid 1px var(--contC12); height:100%; }
.prod-nrs-package2 .in-graph li { display:flex; }
.prod-nrs-package2 .in-graph li + li { margin-top:1.2rem; }
.prod-nrs-package2 .in-graph li .in-nrs { flex-shrink:0; width:4.6rem; font-size:0.8rem; line-height:2.3rem; color:var(--fontC1); }
.prod-nrs-package2 .in-graph li .in-bog { position:relative; height:2.3rem; font-size:0.8rem; line-height:2.4rem; color:var(--fontC5); border-radius:0 2.3rem 2.3rem 0; text-align:right; padding-right:1.6rem; }
.prod-nrs-package2 .in-graph li .in-bog::after { content:''; display:inline-block; width:0.6rem; height:0.6rem; background-color:var(--contC6); border-radius:100%; margin-left:0.6rem; }
.prod-nrs-package2 .in-graph li:nth-child(1) .in-bog { background:#F9BF99; width:calc(var(--item-w) * 0.28); }
.prod-nrs-package2 .in-graph li:nth-child(2) .in-bog { background:#F7A16A; width:calc(var(--item-w) * 0.36); }
.prod-nrs-package2 .in-graph li:nth-child(3) .in-bog { background:#F58F4D; width:calc(var(--item-w) * 0.5); }
.prod-nrs-package2 .in-graph li:nth-child(4) .in-bog { background:#F37321; width:calc(var(--item-w) * 0.64); }
.prod-nrs-package2 .in-graph li:nth-child(5) .in-bog { background:#F0650C; width:calc(var(--item-w) * 0.9); }
.prod-nrs-package2 .in-graph .in-total { font-size:0.8rem; text-align:right; margin:0.8rem 0 0 0; }

.prod-ship-detail-point { display:flex; position:relative; margin:6.4rem var(--size-wrap-pd-m) 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; line-height:0; transform:translate(-50%,-50%); padding:1rem; 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:1.2rem; width:var(--size); height:var(--size); background-size:contain; }
.prod-ship-detail-point .ir-b::after { content:''; position:absolute; left:-0.8rem; top:-0.8rem; right:-0.8rem; bottom:-0.8rem; border-radius:100%; background-color:var(--bg); opacity:0.2; }
.prod-ship-detail-point .in-detail { position:fixed; left:0; bottom:0; width:100%; z-index:101; padding:1.6rem; background:rgba(20, 20, 20, 0.6); transition:all var(--time-ani-base); }
.prod-ship-detail-point .in-detail::before { content:''; position:fixed; left:0; bottom:0; width:100%; height:100%; z-index:-1; background:rgba(0, 0, 0, 0.4); }
.prod-ship-detail-point .in-detail .close { position:absolute; left:50%; bottom:100%; font-size:0; width:3.2rem; height:3.2rem; transform:rotate(45deg) translateX(-50%); z-index:5; border-radius:100%; background-color:#fff; outline:0.6rem solid rgba(255,255,255,.1); }
.prod-ship-detail-point .in-detail .close::before,
.prod-ship-detail-point .in-detail .close::after { content:''; position:absolute; left:50%; top:50%; width:1.2rem; height:0.15rem; border-radius:0.15rem; background-color:#141414; transform:translate(-50%,-50%); }
.prod-ship-detail-point .in-detail .close::after { transform:translate(-50%,-50%) rotate(90deg); }
.prod-ship-detail-point .in-detail dl { font-weight:var(--fontWg3); margin-top:1.6rem; color:var(--fontC5); }
.prod-ship-detail-point .in-detail dl dt { font-size:var(--fontSz8); line-height:2.8rem; margin:0 0 0.8rem 0; }
.prod-ship-detail-point .in-detail dd { font-size:var(--fontSz4); line-height:2.2rem; }
.prod-ship-detail-point .in-detail .in-img { display:block; box-shadow:0 0 0 1px #EFEFEF; }
.prod-ship-detail-point .in-detail .in-img img { vertical-align:top; }
.prod-ship-detail-point > img { display:block; max-width:100%; margin-left:auto; margin-right:auto; }

.prod-product-range { position:relative; }
.prod-product-range .in-txt { font-size:var(--fontSz4); line-height:2.2rem; font-weight:var(--fontWg3); margin:2.4rem 0; }
.prod-product-range .in-box { background-color:var(--contC5); padding:2.4rem; margin:0 var(--size-wrap-pd-m); }
.prod-product-range table { background-color:var(--contC6); 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:4.2rem; }
.prod-product-range table thead th { padding-top:1.7rem; padding-bottom:1.6rem; 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 1.6rem 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 { padding:2.4rem 0 2.8rem; text-align:center; font-size:var(--fontSz2); line-height:1; }
.prod-product-range .bar-chart .chart-area { position:relative; display:flex; padding:2.8rem 0.6rem 1rem; border-left:1px solid #000; border-bottom:1px solid #000; }
.prod-product-range .bar-chart .chart-area::before { content:''; position:absolute; left:0; top:0; width:0.6rem; height:0.6rem; border-left:1px solid #000; border-top:1px solid #000; transform:rotate(45deg) translate(-34%, 45%); }
.prod-product-range .bar-chart .chart-area::after { content:''; position:absolute; right:0; bottom:0; width:0.6rem; height:0.6rem; border-right:1px solid #000; border-top:1px solid #000; transform:rotate(45deg) translate(38%, 38%); }
.prod-product-range .bar-chart .y-axis { position:absolute; left:0.8rem; top:0; white-space:nowrap; transform:translate(-1.3rem, -100%); padding-bottom:0.3rem; font-size:var(--fontSz4); line-height:1.571; font-weight:var(--fontWg7); }
.prod-product-range .bar-chart .x-axis { position:absolute; right:0; top:100%; white-space:nowrap; transform:translateY(1.3rem); font-size:var(--fontSz4); line-height:1.571; font-weight:var(--fontWg7); }
.prod-product-range .bar-chart .data { display:flex; width:100%; gap:0.4rem; height:24rem; align-items:end; justify-content:center; }
.prod-product-range .bar-chart .data .x1 { width:calc(13% - 0.4rem); } /**/
.prod-product-range .bar-chart .data .x2 { width:calc(16% - 0.4rem); }
.prod-product-range .bar-chart .data .x3 { width:calc(18% - 0.4rem); } /**/
.prod-product-range .bar-chart .data .x4 { width:calc(22% - 0.4rem); }
.prod-product-range .bar-chart .data .x5 { width:calc(34.5% - 0.4rem); } /**/
.prod-product-range .bar-chart .data li { height:100%; }
.prod-product-range .bar-chart .data .val { position:relative; display:inline-flex; width:100%; height:100%; white-space:nowrap; 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:2.4rem; height:2.4rem; }
.prod-product-range .bar-chart .data .label { display:inline-block; padding-left:0.8rem; font-size:var(--fontSz9); font-weight:var(--fontWg3); 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 + .btns { margin-top:2rem; text-align:center; }

.prod-product-range .target { position:fixed; left:0; bottom:0; width:100%; z-index:101; padding:1.6rem; background:rgba(20, 20, 20, 0.6); transition:all var(--time-ani-base); }
.prod-product-range .target::before { content:''; position:fixed; left:0; bottom:0; width:100%; height:100%; z-index:-1; background:rgba(0, 0, 0, 0.4); }
.prod-product-range .target .close { position:absolute; left:50%; bottom:100%; font-size:0; width:3.2rem; height:3.2rem; transform:rotate(45deg) translateX(-50%); z-index:5; border-radius:100%; background-color:#fff; outline:0.6rem solid rgba(255,255,255,.1); }
.prod-product-range .target .close::before,
.prod-product-range .target .close::after { content:''; position:absolute; left:50%; top:50%; width:1.2rem; height:0.15rem; border-radius:0.15rem; background-color:#141414; transform:translate(-50%,-50%); }
.prod-product-range .target .close::after { transform:translate(-50%,-50%) rotate(90deg); }

.ch4-h2-fuel-gas-compressor1 { position:relative; text-align:center; margin-top:2.4rem; }
.ch4-h2-fuel-gas-compressor1 .tab9 { position:absolute; bottom:0; left:0; right:0; }
.ch4-h2-fuel-gas-compressor1 .tab9 ul { justify-content:center; }

.prod-sch-field { margin-top:4.8rem; }

.terms-box { height:54.4rem; overflow-y:auto; font-size:var(--fontSz2); line-height:2rem; color:var(--fontC2); border:solid 1px var(--contC1); background-color:var(--contC6); padding:1.6rem; margin-top:1.6rem; }
.terms-box .terms-title { font-weight:var(--fontWg4); margin-top:1.8rem; }
.terms-box .terms-txt + .terms-txt { margin-top:1.8rem; }
.terms-box .terms-txt + .terms-list { margin-top:1.8rem; }
.terms-box .terms-list3 { margin-top:1.6rem; }
.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-list2 { text-indent:0; }

.contact-global-cont .img-map-wrap { position:relative; margin:4rem var(--size-wrap-pd-m); overflow-x:auto; }
.contact-global-cont .img-map { position:absolute; left:0; top:0; padding:0 var(--size-wrap-pd); background:var(--contC6); }
.contact-global-cont .img-map img { max-width:none; height:71.2rem; max-height:calc(var(--vh-100) - var(--size-header)); vertical-align:top; }
.contact-global-cont .img-map.all { position:relative; z-index:3; opacity:0; }
.contact-global-cont .active { z-index:2; }
.contact-global-cont .active + .active ~ .all { opacity:1; }

.contact-info { margin-top:1.6rem; }
.contact-info dl { font-size:var(--fontSz4); line-height:2.2rem; border-bottom:solid 1px var(--contC10); padding-bottom:1.6rem; }
.contact-info dl + dl { margin-top:1.6rem; }
.contact-info dl dt { margin-bottom:0.4rem; color:var(--fontC2); }
.contact-info dl dd { font-size:var(--fontSz4); }

.prod-installation .installation-info { width:100%; margin-top:3.2rem; }
.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:-1.6rem; }
.prod-installation .installation-info dl div { display:flex; line-height:2.6rem; padding:1.6rem 0; border-bottom: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:100%; }
.prod-installation .installation-slide .swiper-slide { width:100%; overflow:hidden; }
.prod-installation .installation-slide .swiper-slide img { width:100%; }
.prod-installation .installation-slide .swiper-controls { position:absolute; left:0; right:0; bottom:14%; 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:3.2rem; }
.contact-conts .img-map-wrap { position:relative; margin:0 var(--cont-full); border-top:1px solid #efefef; border-bottom:1px solid #efefef; overflow-y:hidden; overflow-x:auto; scrollbar-width:none; text-align:center; }
.contact-conts .img-map-wrap::before { content:''; display:block; width:139.8rem; height:71rem; margin:0 auto; }
.contact-conts .img-map { position:absolute; background:#fff; left:0; right:0; bottom:0; top:0; width:139.8rem; min-width:100%; 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 .c-title3 { margin-top:0; }

.purchase-info { display:flex; flex-direction:column; }
.purchase-info .item ul { border-top:solid 1px var(--contC12); border-bottom:solid 1px var(--contC12); padding:2.4rem 0; margin-top:2.4rem; }
.purchase-info .item li + li { margin-top:1.6rem; }
.purchase-info .item { font-weight:var(--fontWg3); line-height:2.6rem; }
.purchase-info .item .subj { display:block; }
.purchase-info .item .des { display:block; color:var(--fontC9); margin-top:0.4rem; }

@media print {
	.header, .aside, .footer, .location, .btn-area, .board-nav, .attach-list { display:none !important; }
}

/* SITEMAP */
[data-sitemap="all"] { display:flex; flex-direction:column; gap:6.4rem; margin:6.4rem -0.4rem 0; }
[data-sitemap="all"] .dep1 { display:flex; flex-direction:column; gap:6.4rem; }
[data-sitemap="all"] .dep1.case1 { order:1; }
[data-sitemap="all"] .dep1 a { display:block; }
[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:4.1rem; border-top:1px solid #999; }
[data-sitemap="all"] .dep2 { display:flex; flex-direction:column; gap:5.6rem 5.6rem; margin-top:5.6rem; letter-spacing:-0.002em; }
[data-sitemap="all"] .dep3 { display:flex; flex-direction:column; gap:3.2rem; margin-top:4rem; }
[data-sitemap="all"] .dep2:has(.dep4) .dep3 { gap:3.2rem; }
[data-sitemap="all"] .dep4 { display:flex; flex-direction:column; gap:2.1rem; margin:3.2rem 0 0 2rem; }
[data-sitemap="all"] .dep1 > li > a { font-weight:var(--fontWg3); font-size:var(--fontSz10); line-height:4.6rem; }
[data-sitemap="all"] .dep2 > li > a { font-weight:var(--fontWg3); font-size:var(--fontSz10); line-height:2.8rem; color:var(--fontC3); }
[data-sitemap="all"] .dep2:has(.dep4) .dep3 > li > a { font-weight:var(--fontWg3); font-size:var(--fontSz6); line-height:1.9rem; }
[data-sitemap="all"] .dep2:not(:has(.dep4)) .dep3 > li > a,
[data-sitemap="all"] .dep4 a { font-weight:var(--fontWg3); font-size:var(--fontSz4); line-height:2rem; color:#434343; }

/* Certificate Found Popup */
.certification .info-result { position:relative; z-index:2; padding:2.5rem 0 2.2rem; margin:2.125rem 0 1.6rem; font-size:var(--fontSz3); font-weight:var(--fontWg3); line-height:1.57; letter-spacing:-0.02em; color:#727272; }
.certification .info-result::before { content:''; position:absolute; left:-1rem; right:-1rem; top:0; bottom:0; z-index:-1; background-color:#F8F8F8; }
.certification .info-result .item-title { margin-bottom:1.2rem; padding:0 0 2.2rem;font-size:var(--fontSz7); font-weight:var(--fontWg3); color:#F37321; text-align:center; border-bottom:1px solid #000; }
.certification .info-result .item-msg { margin:1rem 0; text-align:center; font-size:var(--fontSz4); }
.certification .info-result .item-result { display:flex; flex-wrap:wrap; gap:0.5rem 0; justify-content:space-between; margin:2rem 0 0; font-weight:var(--fontWg3); font-size:var(--fontSz3); line-height:2.166; }
.certification .info-result .item-result dt { width:46.6%; padding-right:0.7rem; text-transform:uppercase; letter-spacing:-0.025em; }
.certification .info-result .item-result dd { width:53.4%; color:#141414; margin-bottom:.5rem;}
.certification .info-notice { margin:2.75rem 0 0; font-size:var(--fontSz4); font-weight:var(--fontWg3); line-height:1.5; color:#F37321; letter-spacing:-0.02em; }
.certification .info-notice dt { margin-bottom:1rem; font-weight:var(--fontWg3); }
.certification .btn.btn-dark { color:#fff; background-color:#141414; border-color:transparent; box-shadow:none; }
.certification .btn.btn-rad { min-width:15rem; padding-top:0; padding-bottom:0; line-height:4.5rem; border-radius:3rem; text-align:center; margin:0.3125rem 1px;font-size:var(--fontSz3);font-weight:var(--fontWg3); }
.certification .iblock { display:inline-block; }
.certification .btns {display:flex; flex-wrap:wrap; align-items:center; justify-content:center !important; }