@charset "UTF-8";

/****************************** FONT ******************************/
@font-face { font-family:'HanwhaGothic'; font-style:normal; font-weight:300; src:local('☺'), url("../font/HanwhaGothicL.woff2") format("woff2"); }
@font-face { font-family:'HanwhaGothic'; font-style:normal; font-weight:400; src:local('☺'), url("../font/HanwhaGothicR.woff2") format("woff2"); }
@font-face { font-family:'HanwhaGothic'; font-style:normal; font-weight:700; src:local('☺'), url("../font/HanwhaGothicB.woff2") format("woff2"); }

@font-face { font-family:'Hanwha'; font-style:normal; font-weight:300; src:local('☺'), url("../font/HanwhaL.woff2") format("woff2"); }
@font-face { font-family:'Hanwha'; font-style:normal; font-weight:400; src:local('☺'), url("../font/HanwhaR.woff2") format("woff2"); }
@font-face { font-family:'Hanwha'; font-style:normal; font-weight:700; src:local('☺'), url("../font/HanwhaB.woff2") format("woff2"); }

@font-face { font-family:'NotoSansSC'; font-style:normal; font-weight:300; src:local('☺'), url("../font/NotoSansSC-Regular.woff2") format("woff2"); unicode-range:U+4E00-9FEA; }
@font-face { font-family:'NotoSansSC'; font-style:normal; font-weight:400; src:local('☺'), url("../font/NotoSansSC-Medium.woff2") format("woff2"); unicode-range:U+4E00-9FEA; }
@font-face { font-family:'NotoSansSC'; font-style:normal; font-weight:700; src:local('☺'), url("../font/NotoSansSC-Bold.woff2") format("woff2"); unicode-range:U+4E00-9FEA; }


/****************************** RESET ******************************/
html { -webkit-text-size-adjust:none; scrollbar-width:thin; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, a, span, main, figcaption, figure, label, footer, header { margin:0; padding:0; box-sizing:border-box; -webkit-text-size-adjust:none; }
body, input, select, textarea, button, table { font-family:'NotoSansSC','HanwhaGothic','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕', sans-serif; font-size:16px; font-weight:400; color:#141414; word-break:keep-all; word-wrap:break-word; -webkit-font-smoothing:antialiased; }
html[lang="zh"] body { word-break:break-all; word-wrap:normal; }
h1, h2, h3, h4, h5, h6 { font-weight:inherit; font-size:inherit; }
fieldset { border:0; }
img { border:0; vertical-align:middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
dl, ul, ol, menu, li { list-style:none; }
em, address { font-style:normal; }
a { color:inherit; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:none; }
input, select, textarea, button { vertical-align:middle; border-radius:0; -webkit-appearance:none; appearance:none; }
button { font-size:100%; font-weight:inherit; cursor:pointer; width:auto; overflow:visible; color:inherit; vertical-align:middle; background:transparent; border:none; box-sizing:border-box; }
button:focus:not(:focus-visible), a:focus:not(:focus-visible) { outline:none; }
button *, a * { pointer-events:none; }
div:focus { outline:none; }
sup { line-height:1; font-size:0.7em; color:var(--fontC2); }
table { /*border-collapse:collapse;*/ table-layout:fixed; border-spacing:0; width:100%; empty-cells:show; }
th, td { text-indent:0; word-break:keep-all; word-wrap:break-word; }
caption:not(.show), legend { text-indent:-9999px; width:0; height:0; font-size:1px; line-height:0; border:0; white-space:nowrap; overflow:hidden; }
input[type='text'], input[type='password'] { box-sizing:border-box; -webkit-appearance:none; appearance:none; resize:none; box-shadow:none !important; outline:none; }
input:checked[type='checkbox'] { -webkit-appearance:checkbox; appearance:checkbox; }
input[type='text']::-ms-clear, input[type='tel']::-ms-clear{ display:none; }
input[disabled], select[disabled], input[readonly], textarea[disabled], button[disabled] { cursor:default; }
input[disabled], select[disabled], input[readonly], textarea[disabled] { background-color:rgba(239, 239, 239, 0.3); color:#aaa; }
input, textarea { -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }
select { vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; outline:none; }
select::-ms-expand { display:none; }
::-webkit-input-placeholder { color:#a1a1a1 !important; font-weight:400 !important; }
::-moz-placeholder { color:#a1a1a1 !important; font-weight:400 !important; }
:-ms-input-placeholder { color:#a1a1a1 !important; font-weight:400 !important; }
select:not(:focus).placeholder { color:#a1a1a1 !important; font-weight:400 !important; }
textarea:focus, select:focus, button:focus, input[type='text']:focus, input[type='password']:focus, a:focus, span[contenteditable='true']:focus { outline:dotted 1px #aaa; }
/*div.scroll:focus { outline:dotted 1px #aaa; }*/
input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance:none; width:18px; height:18px; background:url("../img/common/i-del-02.svg") center center no-repeat; cursor:pointer;
}


/****************************** COMMON ******************************/
:root {
	--vh-100:100vh;
	--vh:1vh;
	--vw-100:100vw;
	--vw:1vw;

	/* layout common size */
	--size-warp-min:1420px;
	--size-warp-min-in:1400px;
	--size-wrap-pd:clamp(50px, 5.26vw, 100px);
	--size-wrap-pd-m:calc(var(--size-wrap-pd) * -1);
	--size-header-r1:62px;
	--size-header-r2:71px;
	--size-header:calc(var(--size-header-r1) + var(--size-header-r2));
	--size-foot-margin:265px;
	--size-foot-margin-m:calc((var(--size-foot-margin) + 40px) * -1);

	/*--cont-full:min(var(--size-wrap-pd-m), calc(((100vw - 1420px) / 2) * -1));*/
	--cont-full:min(calc(((var(--vw-100) - 1420px) / 2) * -1), 0px);
	--cont-in-full:min(calc(((var(--vw-100) - 1400px) / 2) * -1), -10px);

	/* animation time */
	--time-ani-fast:200ms;
	--time-ani-base:400ms;
	--time-ani-base-slow:800ms;

	/* bg/line 색상 */
	--contC1:#141414;
	--contC2:#434343;
	--contC3:#b9b9b9;
	--contC4:#efefef;
	--contC5:#f8f8f8;
	--contC6:#fff;
	--contC7:#c4c4c4;
	--contC8:#000;
	--contC9:#727272;
	--contC10:#e0e0e0;
	--contC11:#e1e1e1;
	--contC12:#d0d0d0;
	--contC13:#ccc;
	--contC14:#eee;

	/* 포인트 색상 */
	--pointC1:#F37321;/* 한화컬러 */
	--pointC2:#F89B6C;/* 한화컬러 연함 */
	--pointC3:#0BB15E;
	--errorC1:#F32121;

	/* font-family */
	--fontF1:'NotoSansSC','Hanwha','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕', sans-serif;
	--fontF2:'NotoSansSC','HanwhaGothic','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕', sans-serif;

	/* font-color */
	--fontC1:#141414;
	--fontC2:#727272;
	--fontC3:#a1a1a1;
	--fontC4:#d0d0d0;
	--fontC5:#fff;
	--fontC6:rgba(20,20,20,0.6);/* 141414 0.6 */
	--fontC7:#000;
	--fontC8:#797979;
	--fontC9:#434343;
	--fontC10:#b9b9b9;
	--fontC13:#ccc;

	/* font-size */
	--fontSz1:12px;
	--fontSz2:14px;
	--fontSz3:16px;
	--fontSz4:18px;
	--fontSz5:20px;
	--fontSz6:24px;
	--fontSz7:26px;
	--fontSz8:30px;
	--fontSz9:32px;
	--fontSz10:36px;
	--fontSz11:40px;
	--fontSz12:50px;
	--fontSz13:56px;
	--fontSz14:72px;
	--fontSz15:96px;
	--fontSz16:48px;

	/* font-weight */
	--fontWg3:300;
	--fontWg4:400;
	--fontWg7:700;
}


.blind { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; line-height:0; white-space:normal; word-wrap:break-word; word-break:break-all; clip:rect(0, 0, 0, 0); }
.skip { display:block; position:fixed; left:0; right:0; top:0; z-index:-1; font-size:1em; font-weight:400; line-height:0; color:#fff; background:#191919; text-align:center; opacity:0; overflow:hidden; }
.skip:focus { z-index:1000; line-height:50px; opacity:1; }
.scroll-disabled, .scroll-disabled body { overflow:clip; }
.ac { text-align:center; }
.al { text-align:left; }
.ar { text-align:right; }
.vm { vertical-align:middle; }
.iblock { display:inline-block; text-indent:0; }
.block { display:block; }
.tt-upper { text-transform:uppercase !important; }
.tt-lower { text-transform:lowercase !important; }
.tt-none { text-transform:none !important; }
.underline { text-decoration:underline; text-underline-offset:0.2rem; }

/****************************** LAYOUT ******************************/
.wrap { display:flex; flex-direction:column; min-height:var(--vh-100); min-width:var(--size-warp-min); overflow:clip; }
.container:not([data-page="main"]) { padding-top:var(--size-header); }
.contents, .sub-head { width:var(--size-warp-min-in); margin:0 auto; /*min-width:var(--size-warp-min); max-width:calc(var(--size-warp-min) + (var(--size-wrap-pd) * 2)); padding-left:var(--size-wrap-pd); padding-right:var(--size-wrap-pd);*/ }
.contents-bg { position:relative; padding-top:1px; margin-top:120px; }
.contents-bg::before { content:''; position:absolute; background:var(--contC5); width:max(100vw,var(--size-warp-min)); height:100%; margin:0 var(--cont-full) 0; z-index:-1; }
.contents-bg.last { margin-bottom:var(--size-foot-margin-m); padding-bottom:var(--size-foot-margin); }
/* .contents { width:var(--size-warp-min); margin:0 auto; flex:1; } */

/********** HEADER **********/
.header {
	--row-lh:28px;
	position:sticky; z-index:100; flex:none;
	height:var(--size-header); margin-bottom:calc(var(--size-header) * -1); padding:0 var(--size-wrap-pd); text-align:center;
	color:var(--color-fill); font-size:14px; font-weight:var(--fontWg3); line-height:var(--row-lh);
	background-color:var(--color-bg); backdrop-filter:blur(var(--bg-blur));
}
.header ::placeholder { color:var(--fontC10) !important; opacity:1; }
.header .logo-svg { width:auto; height:var(--row-lh); stroke-width:0; fill:var(--color-fill); vertical-align:top; }
[lang="ko"] .header .logo-svg { height:32px; margin:calc((var(--row-lh) - 32px) / 2) 0; }
.header .logo-svg .symbol3 { fill:#f7bb82; }
.header .logo-svg .symbol2 { fill:#f4a051; }
.header .logo-svg .symbol1 { fill:#ed7100; }
.header .logo { position:absolute; left:var(--size-wrap-pd); top:calc((var(--size-header-r1) - var(--row-lh)) / 2); z-index:4; }
.header .util { position:absolute; right:var(--size-wrap-pd); top:0; display:flex; gap:32px; align-items:center; font-size:12px; }
.header .lang { position:relative; z-index:4; padding:calc((var(--size-header-r1) - var(--row-lh)) / 2) 0; }
.header .lang > .handle::after { content:''; display:inline-block; width:10px; height:7px; margin-left:10px; background-color:currentColor; -webkit-mask:url("../img/common/i-arr-11.svg") 100% 0 / contain no-repeat; mask:url("../img/common/i-arr-10.svg") 100% 0 / contain no-repeat; }
.header .lang:hover > .handle::after,
.header .lang:focus-within > .handle::after { transform:rotateX(180deg); }
.header .lang .target { position:absolute; top:100%; width:112px; height:0; opacity:0; overflow:hidden; margin:-1px 0 0 -34px; line-height:1.2; color:#999; background:#FFFFFF; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1); }
.header .lang .target::after { content:''; display:block; height:14px; border-bottom:1px solid var(--pointC1); }
.header .lang .target strong { color:#000; }
.header .lang .target a, .header .lang .target strong { display:block; margin-top:16px; padding:0 32px 0 24px; }
.header .lang .target a:hover { color:var(--pointC1); }
.header .lang:hover > .target,
.header .lang:focus-within > .target { height:auto; opacity:1; transition-delay:0ms, 0ms; }
.header::before { content: ''; position:fixed; left:0; right:0; top:0; height:100vh; z-index:-1; opacity:var(--search-opend, 0); background-color:rgba(0, 0, 0, 0.8); pointer-events:none; transition:opacity var(--time-ani-fast); }
.header[data-opend="search"], [data-header-theme="white"] .header[data-opend="search"]:not(.min) { --color-fill:#000000; --color-bg:rgba(255,255,255,1); --case2-line:rgba(0, 0, 0, 0.06); --search-opend:1; }
.header[data-opend="search"] .search .close { transition-delay:var(--time-ani-base); }
.header[data-opend="search"] .main-menu { pointer-events:none; }
.header .search .send { position:absolute; right:50%; top:50%; transform:translate(480px, -50%); --color-fill:var(--pointC1); width:30px; height:88px; --svg:url("../img/common/header-search-send.svg"); background-color:var(--color-fill); -webkit-mask:var(--svg) center center / 30px 30px no-repeat; mask:var(--svg) center center / 30px 30px no-repeat; }
.header .search .send:disabled { --color-fill:var(--contC1); }
.header .search .close { position:absolute; left:50%; bottom:-56px; padding:0 32px; color:var(--fontC2); line-height:38px; border:1px solid var(--contC1); border-radius:20px; background-color:var(--contC6); transform:translateX(-50%); opacity:var(--search-opend, 0); transition:opacity var(--time-ani-fast); }
.header .search .handle { position:relative; z-index:3; width:20px; height:var(--row-lh); vertical-align:middle; --svg:url("../img/common/header-search.svg"); background-color:var(--color-fill); -webkit-mask:var(--svg) center center / contain no-repeat; mask:var(--svg) center center / contain no-repeat; }
.header .search .target { display:none; position:absolute; right:var(--size-wrap-pd-m); top:0; z-index:-1; width:var(--vw-100); min-width:var(--size-warp-min); z-index:-1; clip-path:polygon(0% 0%, 100% 0%, 100% calc(var(--search-opend, 0) * (100% + 56px)), 0% calc(var(--search-opend, 0) * (100% + 56px))); transition:clip-path var(--time-ani-base); }
.header .search .target::before { content:''; display:block; height:var(--size-header); background-color:var(--contC6); }
.header .search .target fieldset { position:relative; padding:80px 60px; background-color:#F8F8F8; text-align:center; justify-content:center; align-items:center; }
.header .search .target input:is([type="search"],[type="text"]) { width:1020px; padding:0 72px 0 40px; border:0; border-radius:44px; font-size:32px; line-height:88px; font-weight:400; font-weight:var(--fontWg4); color:var(--fontC1); background-color:#fff; }
.header .search .target input:is([type="search"],[type="text"]):focus-visible { outline:none; }
.header .main-menu { position:absolute; top:0; left:0; right:0; display:flex; flex-direction:column; }
.header .case1 { display:flex; justify-content:center; gap:72px; font-size:14px; }
.header .case1 > li { position:relative; padding:calc((var(--size-header-r1) - var(--row-lh)) / 2) 0; }
.header .case1 > li > a { display:block; line-height:var(--row-lh); opacity:var(--case1-op); }
.header .case1 > li > a::after { content:''; display:inline-block; width:10px; height:7px; margin-left:20px; background-color:currentColor; -webkit-mask:url("../img/common/i-arr-10.svg") 100% 0 / contain no-repeat; mask:url("../img/common/i-arr-10.svg") 100% 0 no-repeat; }
.header .case1 > li > .dep2 { position:absolute; top:100%; left:50%; transform:translateX(-50%); height:0; opacity:0; overflow:hidden; margin-top:-1px; line-height:1.2; color:#999; background:#FFFFFF; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.1); text-align:left; }
.header .case1 > li > .dep2::before { content:''; display:block; height:16px; }
.header .case1 > li > .dep2::after { content:''; display:block; height:44px; border-bottom:1px solid var(--pointC1); }
.header .case1 > li > .dep2 > li { margin-top:16px; padding:0 44px 0 24px; white-space:nowrap; }
.header .case1 > li > .dep2 a:hover { color:var(--pointC1); }
.header .case1 > li:focus-within > a::after,
.header .case1 > li:hover > a::after { transform:rotateX(180deg); }
.header .case1 > li:focus-within > .dep2,
.header .case1 > li:hover > .dep2 { z-index:3; height:auto; opacity:1; transition-delay:0ms, 0ms; }
.header .case1 .dep3, .header .case1 .dep3-tab { display:none; }
.header .case2 { display:flex; justify-content:center; gap:clamp(60px, 6.25vw, 120px); font-size:16px; border-top:1px solid var(--case2-line); border-bottom:1px solid var(--case2-line); }
.header .case2 > li { --dep2-pd:clamp(40px, 4.16vw, 80px); }
.header .case2 > li > a { position:relative; z-index:2; display:block; padding:21px 0 20px; }
.header .case2 > li > a::before { content:''; position:absolute; left:50%; right:50%; bottom:0; height:3px; background-color:var(--pointC1); }
.header .case2:not(:focus-within) > li:hover .dep2,
.header .case2:not(:focus-within) > li:has(.dep2:hover),
.header .case2 > li:focus-within .dep2 { height:auto; opacity:1; transition-delay:0ms, 0ms; }
.header .case2:not(:focus-within) > li:hover > a::before,
.header .case2:not(:focus-within) > li:has(.dep2:hover) > a::before,
.header .case2 > li:focus-within > a::before { left:0; right:0; }
.header .case2 .dep2 { display:flex; position:absolute; left:0; right:0; top:100%; height:0; opacity:0; overflow:hidden; margin-top:-1px; padding:0 var(--size-wrap-pd); font-size:14px; background-color:#fff; color:#000; text-align:left; }
.header .case2 .dep2::before { content:''; position:absolute; left:0; right:0; height:1px; background-color:var(--case2-line); }
.header .case2 .dep2::after { content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:var(--case2-line); }
/* .header .case2 .dep2:focus-within, .header .case2 .dep2:has(.dropdown-opend), .header .case2 .dep2:has(a:hover) { color:#666; } */
.header .case2 .dep2 > li { flex:1; padding:clamp(24px, 4.445vh, 48px) var(--dep2-pd) clamp(30px, 6.667vh, 72px); }
.header .case2 .dep2 > li + li { border-left:1px solid #EEE; }
.header .case2 .dep2 > li > a { font-size:20px; color:#CCC; pointer-events:none; }
.header .case2 .dep2 > li > a[href*="/support/"] { pointer-events:all; }
.header .case2 .dep2 > li > a[href*="/support/"]:hover { color:var(--pointC1); }
.header .case2 .dep3 { display:flex; flex-direction:column; --gap:clamp(12px, 1.851vh, 20px); gap:var(--gap); margin-top:calc(var(--gap) + 10px); }
.header .case2 .dep3 > li > a { position:relative; display:block; }
.header .case2 .dep3 > li:has(.dep4) > a { padding-right:20px; }
.header .case2 .dep3 > li:has(.dep4) > a::before { content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:16px; height:2px; background-color:currentColor; }
.header .case2 .dep3 > li:has(.dep4) > a::after { content:''; position:absolute; right:7px; top:50%; transform:translateY(-50%); width:2px; height:16px; background-color:currentColor; }
.header .case2 .dep3 > li:not([data-dropdown]) > a:hover,
.header .case2 .dep3 > li:not([data-dropdown]) > a:focus { color:var(--pointC1); }
.header .case2 .dep3 > li[data-dropdown] > a:hover,
.header .case2 .dep3 > li[data-dropdown] > a:focus { color:#000; }
.header .case2 .dep3 > li.dropdown-opend > a::after { height:0; }
.header .case2 .dep4 { color:#999; display:none; --gap:12px; padding-top:10px; }
.header .case2 .dep4 > li { margin-top:var(--gap); }
.header .case2 .dropdown-opend .dep4 { display:block; }
.header .case2 .dropdown-opend > a { color:#000; }
.header .case2 .dep4 a { display:inline-block; position:relative; transition:all var(--time-ani-base); }
.header .case2 .dep4 a::before { content:''; position:absolute; left:calc(var(--dep2-pd) * -1 - 2px); top:0; bottom:0; width:3px; background-color:var(--pointC1); opacity:0; }
.header .case2 .dep4 a:hover,
.header .case2 .dep4 a:focus { position:relative; padding-left:16px; color:var(--pointC1); }
.header .case2 .dep4 a:hover::before,
.header .case2 .dep4 a:focus::before { opacity:1; }


/* header - scroll, gnb theme/opend, transition */
.header,
[data-header-theme="white"] .header:has(.case2:hover),
[data-header-theme="white"] .header:has(.case2 .dep2:hover),
[data-header-theme="white"] .header:has(.case2:focus-within) { --color-fill:#000000; --color-bg:rgba(255,255,255,1); --bg-blur:0px; --case1-op:.54; --case2-line:rgba(0, 0, 0, 0.06); } /* [Default] bg:white, text:black */
[data-header-theme="white"] .header:not(.min) { --color-fill:#ffffff; --color-bg:rgba(0,0,0,0.2); --bg-blur:8px; --case1-op:.62; --case2-line:rgba(255, 255, 255, 0.2); } /* bg:black, text:white */
.header { transition:all var(--time-ani-base); }
.header .case1 > li > .dep2, .header .lang .target, .header .case2 .dep2 { transition:height 0ms var(--time-ani-base), opacity var(--time-ani-base); }
.header.min.scroll-down:not(:hover):not(:focus-within) { top:0; transform:translateY(-100%); }
.header { top:0; transform:translateY(0); }

.container { display:flex; flex-direction:column; }
.container > .sub-head-full { order:-1; }


/********** ASIDE **********/
.aside { position:sticky; bottom:40px; z-index:99; margin-top:var(--size-foot-margin); }
.aside + .footer { margin-top:40px; }
.aside .page-top { position:absolute; bottom:0; right:40px; z-index:99; display:block; width:80px; aspect-ratio:1/1; opacity:0; transform:translateY(140px); border:1px solid #000; border-radius:100%; font-size:1px; color:transparent; white-space:nowrap; overflow:hidden; text-indent:-999px; background:var(--contC6) url("../img/common/footer-top.svg") center center / 40px auto no-repeat; transition:all var(--time-ani-base); }
.aside .fix-help { display:block; position:absolute; bottom:40px; right:60px; z-index:110; height:70px; padding:23px 36px; border-radius:50px; background-color:var(--contC6); color:#FF5800; font-family:var(--fontF2); font-size:21px; font-weight:var(--fontWg4); line-height:1.2; white-space:nowrap;
	--img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 19'%3E%3Cpath fill='%23fff' stroke-width='0' d='M9.499792,7.499792c1.104569,0,2,.895431,2,2s-.895431,2-2,2-2-.895431-2-2,.895431-2,2-2ZM19.499792,7.499792c1.10457,0,2,.895431,2,2s-.89543,2-2,2-2-.895431-2-2,.89543-2,2-2ZM29.499792,7.499792c1.10457,0,2,.895431,2,2s-.89543,2-2,2-2-.895431-2-2,.89543-2,2-2Z'/%3E%3C/svg%3E") center center / contain no-repeat;
	--clip-arr-full:polygon(0% 0%, 100% 0%, 100% 83.32%, 99.98758621% 84.33166667%, 99.96172414% 85.10666667%, 99.92931034% 85.74%, 99.8737931% 86.5375%, 99.81344828% 87.21666667%, 99.73655172% 87.93%, 99.64% 88.6825%, 99.51689655% 89.49416667%, 99.37413793% 90.30166667%, 99.21068966% 91.10333333%, 99.01344828% 91.9475%, 98.69137931% 93.11833333%, 98.37655172% 94.08666667%, 98.09689655% 94.83666667%, 97.77724138% 95.59416667%, 97.44724138% 96.28333333%, 97.09896552% 96.92166667%, 96.72241379% 97.525%, 96.32793103% 98.07166667%, 95.91137931% 98.5625%, 95.47793103% 98.98916667%, 95.09793103% 99.29666667%, 94.77034483% 99.515%, 94.40172414% 99.71083333%, 94.06896552% 99.84333333%, 93.68586207% 99.94583333%, 93.26137931% 100%, 92.81586207% 99.98083333%, 92.32862069% 99.8825%, 91.92896552% 99.73666667%, 91.46724138% 99.495%, 90.93344828% 99.115%, 90.93344828% 99.115%);
	--clip-arr-min:polygon(33% 0%, 100% 0%, 100% 83.32%, 99.98758621% 84.33166667%, 99.96172414% 85.10666667%, 99.92931034% 85.74%, 99.8737931% 86.5375%, 99.81344828% 87.21666667%, 99.73655172% 87.93%, 99.64% 88.6825%, 99.51689655% 89.49416667%, 99.37413793% 90.30166667%, 99.21068966% 91.10333333%, 99.01344828% 91.9475%, 98.69137931% 93.11833333%, 98.37655172% 94.08666667%, 98.09689655% 94.83666667%, 97.77724138% 95.59416667%, 97.44724138% 96.28333333%, 97.09896552% 96.92166667%, 96.72241379% 97.525%, 96.32793103% 98.07166667%, 95.91137931% 98.5625%, 95.47793103% 98.98916667%, 95.09793103% 99.29666667%, 94.77034483% 99.515%, 94.40172414% 99.71083333%, 94.06896552% 99.84333333%, 93.68586207% 99.94583333%, 93.26137931% 100%, 92.81586207% 99.98083333%, 92.32862069% 99.8825%, 91.92896552% 99.73666667%, 91.46724138% 99.495%, 90.93344828% 99.115%, 90.93344828% 99.115%);
	transition:background var(--time-ani-base), right var(--time-ani-base), bottom var(--time-ani-base);
	box-shadow:0 0 0 1px rgba(0,0,0,0.15);
}
[data-page="main"] ~ .aside .fix-help, .aside .fix-help.visible-help { display:block; }
.aside .fix-help::before { content:''; position:absolute; left:50%; bottom:-11.5px; z-index:-1; width:38px; height:12px; transform:translateX(-50%); background:#e8e8e8; transition:background var(--time-ani-base); clip-path:var(--clip-arr-full); }
.aside .fix-help::after { content:''; position:absolute; right:-4px; top:-5px; width:40px; height:20px; opacity:0; border:0.5px solid rgba(255, 88, 0, .3); border-radius:22px; backdrop-filter:blur(3px); background:rgba(255, 88, 0, .7) var(--img); box-sizing:border-box; transition:opacity var(--time-ani-base); }
.aside .fix-help .in { position:relative; display:inline-block; overflow:hidden; vertical-align:top; max-width:9.5em; box-sizing:border-box; transition:all var(--time-ani-base) var(--time-ani-base); }
.aside .fix-help .in::after { content:''; display:inline-block; width:10px; vertical-align:top; }
.aside .fix-help .i-face { transition:transform var(--time-ani-base); }
.header.min ~ .aside .page-top { opacity:1; transform:translateY(0); }
.header.min ~ .aside .fix-help { bottom:100px; right:32px; background-color:#FFE7DA; box-shadow:0 0 0 1px rgba(0,0,0,0); }
.header.min ~ .aside .fix-help::before { margin-left:-4px; background-color:#FFCCB0; clip-path:var(--clip-arr-min); }
.header.min ~ .aside .fix-help::after { opacity:1; transition-delay:var(--time-ani-base); }
.header.min ~ .aside .fix-help .in { max-width:0px; color:transparent; }
.header.min ~ .aside .fix-help .i-face { transform:scale(1.33); }

/********** FOOTER **********/
.footer { flex:none; margin-top:var(--size-foot-margin); }
.footer > .inner { display:flex; padding:0 var(--size-wrap-pd) 40px; font-weight:var(--fontWg3); font-size:14px; line-height:1.57; color:var(--fontC5); background-color:#191919; text-align:right; }
.footer .quick { position:relative; z-index:99; display:flex; flex-direction:column; width:32.6%; max-height:435px; aspect-ratio:112/87; padding:46px 40px 16px; background-color:var(--pointC1); text-align:left; transform:translateY(-120px); transition:all var(--time-ani-base-slow); }
.footer:not(.visible-ani) .quick { transform:translateY(120px); }
.footer .quick dt { margin-bottom:auto; }
.footer .quick dt strong { display:block; margin-bottom:2px; font-weight:var(--fontWg3); font-size:20px; line-height:1.5; letter-spacing:-0.02em; }
.footer .quick a { position:relative; display:block; padding:24px 32px 24px 0; font-weight:var(--fontWg3); font-size:24px; line-height:34px; }
.footer .quick a::after { content:''; position:absolute; right:0; top:50%; width:32px; height:32px; transform:translateY(-50%); background:url("../img/common/footer-go.svg") center center / contain no-repeat; }
.footer .quick a + a { border-top:2px solid rgba(255,255,255,.3); }
.footer .info { display:flex; flex-wrap:wrap; align-items:end; flex:1; margin-left:8.2%; padding:60px 0 120px; }
.footer .menu { display:flex; width:100%; margin-bottom:auto; white-space:nowrap; gap:60px; justify-content:flex-end; font-weight:var(--fontWg3); }
[lang="ko"] .footer .menu { gap:0; justify-content:space-between; }
.footer .menu .point { color:var(--pointC1); }
.footer .menu > a:first-child { font-weight:var(--fontWg7); }
.footer .menu:not(:has( + .msg )) { padding-bottom:80px; }
.footer .msg { margin:80px 0 20px; width:100%; font-size:20px; }
.footer .msg > span { display:block; }
.footer .sns { order:1; display:inline-flex; margin-left:auto; margin-right:48px; margin-bottom:7px; }
.footer .sns > a + a { margin-left:24px; }
.footer .sns-in { display:inline-block; width:79px; height:24px; overflow:hidden; background:url("../img/common/footer-in.svg") center center / contain no-repeat; }
/* .footer .sns-youtube { display:inline-block; width:24px; aspect-ratio:1/1; overflow:hidden; background-color:var(--contC6); }
.footer .sns-instagram { display:inline-block; width:24px; aspect-ratio:1/1; overflow:hidden; background-color:var(--contC6); } */
.footer .family { position:relative; order:1; width:270px; border-bottom:1px solid var(--contC9); text-align:left; }
.footer .family .handle { width:100%; text-align:left; padding:17px 0; color:var(--fontC2); }
.footer .family .handle::before { content:''; position:absolute; right:4px; top:50%; width:24px; height:24px; transform:translateY(-50%); background:url("../img/common/footer-plus.svg") center center / contain no-repeat; }
.footer .family .target { display:none; position:absolute; left:0; right:0; z-index:100; bottom:100%; padding:16px 0 0 16px; transform:translateY(-5px); border-radius:4px; background:#000; }
.footer .family .target strong { display:block; margin-bottom:12px; font-size:16px; font-weight:var(--fontWg4); }
.footer .family .target a { display:block; color:#A1A1A1; }
.footer .family .target a + a { margin-top:8px; }
.footer .family .target > ul { max-height:304px; overflow-y:auto; }
.footer .family .target > ul::after { content:''; display:block; height:16px; }
.footer .family .target > ul::-webkit-scrollbar-button:vertical:start:decrement { display:block; height:0; }
.footer .family .target > ul::-webkit-scrollbar-corner { background-color:transparent; }
.footer .family .target > ul::-webkit-scrollbar-track { background-color:transparent; }
.footer .family .target > ul::-webkit-scrollbar { width:12px; height:12px; }
.footer .family .target > ul::-webkit-scrollbar-thumb { border-radius:6px; border:4px solid #000; background-color:rgba(217,217,217,.2); }
.footer .family .target li + li { margin-top:24px; }
.footer address { max-width:335px; font-size:12px; line-height:20px; letter-spacing:0; text-align:left; }
.footer address::before { content:''; display:block; height:32px; margin-bottom:16px; background:url("../img/common/logo-default-en-02.svg") 0 0 / contain no-repeat; }
@media(max-width:1600px) {
	.footer .quick { width:28%; }
}

/****************************** ICON ******************************/
.ir-b:before, .ir-a:after { content:''; }
.ir, .ir-a::after, .ir-b::before { display:inline-block; /*background-image:var(--icon-url, url("../img/common/ir.png")); background-color:var(--icon-bg-color, transparent); background-position:var(--icon-position); background-size:500px 500px; border-style:solid; border-color:var(--icon-border-color, transparent); border-width:var(--icon-border-width, 0); border-radius:var(--icon-radius, 0); width:var(--icon-width); height:var(--icon-height);*/ font-size:1px; color:transparent; white-space:nowrap; overflow:hidden; text-indent:-999px; background-repeat:no-repeat; background-position:0 0; vertical-align:middle; }

.i-new { background-image:url("../img/common/i-new.svg"); width:24px; height:24px; }
.i-sch { background-image:url("../img/common/i-sch.svg"); width:14px; height:14px; }
.i-paging-arr { background-image:url("../img/common/i-paging.svg"); width:34px; height:34px; }
.i-paging-arr2 { background-image:url("../img/common/i-paging-02.svg"); width:34px; height:34px; }
.i-sch2 { background-image:url("../img/common/i-sch-02.svg"); width:60px; height:60px; }
.ir-b.i-sch3::before { background-image:url("../img/common/i-sch-03.svg"); width:24px; height:24px; margin-left:-12px; }
.ir-b.i-del::before { background-image:url("../img/common/i-del.svg"); width:24px; height:24px; }
.ir-b.i-add::before, .ir-b.i-plus::before { background-image:url("../img/common/i-add.svg"); width:24px; height:24px; }
.ir.i-attach, .ir-b.i-attach::before { background-image:url("../img/common/i-attach.svg"); width:24px; height:24px; }
.i-print {background-image:url("../img/common/i-print.svg"); width:40px; height:40px; }
.ir-b.i-down::before { background-image:url("../img/common/i-down.svg"); width:24px; height:24px; }
.ir-a.i-down2::after { background-image:url("../img/common/i-down-02.svg"); width:18px; height:18px; } /* fff */
.ir-a.i-down3::after { background-image:url("../img/common/i-down-03.svg"); width:18px; height:18px; }
.ir-a.i-down4::after { background-image:url("../img/common/i-down-04.svg"); width:16px; height:16px; }
.ir-a.i-down5::after { background-image:url("../img/common/i-down-05.svg"); width:20px; height:20px; margin-top:-3px; }
.ir-a.i-dropdown::after { background-image:url("../img/common/i-dropdown.svg"); width:24px; height:24px; }
.i-tab-arr { background-image:url("../img/common/i-tab-arr.svg"); width:24px; height:24px; }
.ir-b.i-nodata::before { display:block; background-image:url("../img/common/i-nodata.svg"); width:100px; height:100px; margin:0 auto 10px; }
.i-refresh { background-image:url("../img/common/i-refresh.svg"); width:24px; height:24px; }
.i-close { background-image:url("../img/common/i-close.svg"); width:36px; height:36px; }
.i-close2 { background-image:url("../img/common/i-close-02.svg"); width:24px; height:24px; }
.i-close4 { background-image:url("../img/common/i-close-04.svg"); width:24px; height:24px; }
.ir-a.i-success::after { display:block; background-image:url("../img/common/i-success.svg"); width:100px; height:100px; }
.ir-a.i-warning::after { display:block; background-image:url("../img/common/i-warning.svg"); width:100px; height:100px; }
.ir-b.i-prev::before { background-image:url("../img/common/i-prev.svg"); width:64px; height:64px; }
.ir-a.i-go::after { background-image:url("../img/common/i-go.svg");width:40px; height:40px; }
.ir-a.i-go2::after { background-image:url("../img/common/i-go-02.svg"); width:12px; height:12px; margin-left:4px; }
.ir-a.i-go3::after { background-image:url("../img/common/i-go-03.svg"); width:34px; height:34px; margin-left:31px; }
.ir-a.i-go4::after { background-image:url("../img/common/i-go-04.svg"); width:34px; height:34px; margin-left:31px; }
.ir-b.i-more::before { background-image:url("../img/common/i-more.svg"); width:40px; height:40px; }
.ir-a.i-more3::after { background-image:url('../img/common/i-more-03.svg'); width:16px; height:16px; }
.ir-a.i-more4::after { background-image:url('../img/common/i-more-04.svg'); width:24px; height:24px; }
.ir-a.i-more5::after { background-image:url('../img/common/i-more-05.svg'); width:24px; height:24px; }
.i-face { background-image:url("../img/common/i-face.svg"); width:24px; height:24px; } /* sticky : support */
.ir-b.i-mark::before { background-image:url("../img/common/i-mark.svg"); width:12px; height:12px; }
.ir-a.i-arr::after { background-image:url("../img/common/i-arr.svg"); width:20px; height:20px; }
.ir-a.i-arr2::after { background-image:url("../img/common/i-arr-02.svg"); width:20px; height:20px; }
.ir-a.i-arr3::after { background-image:url("../img/common/i-arr-03.svg"); width:20px; height:20px; }
.ir-a.i-arr4::after { background-image:url("../img/common/i-arr-04.svg"); width:20px; height:20px; }
.ir-b.i-arr5::before { background-image:url("../img/common/i-arr-05.svg"); width:24px; height:24px; } /* 이전글/다음글 */
.ir-b.i-arr9::before { background-image:url("../img/common/i-arr-09.svg"); width:20px; height:20px; }
.ir-a.i-arr13::after { background-image:url("../img/common/i-arr-13.svg"); width:16px; height:16px; }
.ir-a.i-employees::after { background-image:url("../img/common/i-employees.svg"); width:40px; height:40px; }
.ir-a.i-address2::after { background-image:url("../img/common/i-address-02.svg"); width:40px; height:40px; }
.ir-a.i-fax::after { background-image:url("../img/common/i-fax.svg"); width:42px; height:42px; }
.ir-b.i-email2::before { background-image:url("../img/common/i-email-02.svg"); width:24px; height:24px; margin-right:6px; }
.ir-b.i-web::before { background-image:url("../img/common/i-web.svg"); width:12px; height:12px; }
.ir-a.i-address::after { background-image:url("../img/common/i-address.svg"); width:40px; height:40px; }
.ir-a.i-tel::after { background-image:url("../img/common/i-tel.svg"); width:40px; height:40px; }
.ir-a.i-email::after { background-image:url("../img/common/i-email.svg"); width:40px; height:40px; }
.ir-a.i-traffic::after { background-image:url("../img/common/i-traffic.svg"); width:40px; height:40px; }
.ir-a.i-more2::after { margin:-4px 0 0 16px; width:22px; height:22px; background-image:url('../img/common/i-more-02.svg'); }
.ir-a.i-view::after { background-image:url("../img/common/i-view.svg"); width:20px; height:20px; }


/****************************** POPUP ******************************/
/* .pop-layer { display:; position:relative; width:620px; margin:0 auto; background:#fff; border-radius:5px; } */
.uipop-container, .pop-layer.system { position:fixed; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.uipop-container.dim, .pop-layer.system { background-color:rgba(0,0,0,.8); }
.uipop-container:not(.dim) { pointer-events:none; }
.uipop-container .pop-layer, .pop-layer.system { display:block; }
.pop-layer { display:none; position:relative; margin:0 auto; padding:24px 40px 48px; border-radius:16px; background-color:#fff; pointer-events:all; }
.pop-layer.pop-w { width:840px; }
.pop-layer .pop-head { padding:24px 64px 24px 0; margin-bottom:24px; font-size:32px; font-weight:var(--fontWg4); line-height:42px; color:var(--fontC1); }
.pop-close-btn { position:absolute; right:40px; top:48px; }
.pop-layer.system { border-radius:0; z-index:999999; }
.pop-layer.system > .inner { position:relative; width:490px; margin:0 auto; padding:24px 40px; text-align:center; border-radius:24px; background-color:#fff; pointer-events:all; }
.pop-layer.system .pop-head { text-align:left; }
.pop-layer.system .pop-head ~ .msg { text-align:left; padding-top:0; }
.pop-layer.system .msg { padding:24px 0; font-size:16px; font-weight:var(--fontWg3); line-height:26px; color:var(--fontC1); }
.pop-layer.system .msg > .i-success::after,
.pop-layer.system .msg > .i-warning::after { display:block; width:100px; margin:0 auto 8px; }
.pop-layer.system .msg p + p { margin-top:8px; }
.pop-layer.system .pop-system-btns { display:flex; align-items:center; justify-content:center; margin-top:16px; }
.pop-layer.system .btn { width:160px; font-size:16px; line-height:58px; font-weight:var(--fontWg3); border-radius:60px; border:1px solid var(--contC1); background-color:var(--contC1); color:var(--fontC5); }
.pop-layer.system .btn + .btn { margin-left:24px; }
.pop-layer.system .btn.type2 { background-color:transparent; color:var(--fontC1); }
.pop-layer.system .pop-close-btn { right:40px; top:24px; z-index:2; }
.pop-layer.system .fc-error { color:var(--errorC1); }
.pop-layer.system .mgt { margin-top:24px !important; }
.pop-layer.system .pop-system-txt { font-size:18px; line-height:28px; font-weight:var(--fontWg4); }
.pop-layer.system.pop-zoom { display:flex !important; }
.pop-layer.system.pop-zoom > .inner { width:auto; max-width:100%; padding:0; background-color:transparent; border-radius:0; }
.pop-layer.system.pop-zoom img, .pop-layer.system.pop-zoom video, .pop-layer.system.pop-zoom iframe { max-width:100%; max-height:100%; }
.pop-layer.system.pop-zoom iframe { width:100vw; height:auto; aspect-ratio:16/9; }
.pop-layer.system.pop-zoom .pop-close-btn { right:24px; top:24px; }
.pop-layer.system.pop-zoom .i-close2 { background-image:url("../img/common/i-close-03.svg"); }

.pop-layer.pop-admin { padding:0; border-radius:0; background-color:transparent; text-align:center; --swiper-navi-size:40px; --swiper-navi-offset-horizontal:-64px; }
.pop-layer.pop-admin .pop-contents { position:relative; }
.pop-layer.pop-admin .admin-swiper { width:400px; border-radius:12px 12px 0 0; overflow:hidden; }
.pop-layer.pop-admin .swiper-button-prev { width:var(--swiper-navi-size); }
.pop-layer.pop-admin .swiper-button-next { width:var(--swiper-navi-size); }
.pop-layer.pop-admin .swiper-button-disabled { display:none; }
.pop-layer.pop-admin .swiper-button-prev::before,
.pop-layer.pop-admin .swiper-button-next::before { content:''; position:absolute; left:35%; top:50%; width:20px; height:20px; transform:translate(-50%,-50%) rotate(135deg); border-radius:2px 0 0 0; border-left:2px solid #fff; border-top:2px solid #fff; }
.pop-layer.pop-admin .swiper-button-prev { transform:rotate(180deg); }
.pop-layer.pop-admin .pop-foot { display:flex; border-radius:0 0 12px 12px; background-color:#fff; }
.pop-layer.pop-admin .pop-foot > button { position:relative; flex:1; height:60px; font-size:var(--fontSz2); }
.pop-layer.pop-admin .pop-foot > button:not(:only-child):last-child::before { content:''; position:absolute; left:0; top:33.33%; width:1px; height:33.33%; background-color:var(--contC10); }


/****************************** EFFECT ******************************/
[data-ani="splitText"] { --ease-out-sine:ease; }
[data-ani="splitText"]:not(.initialized) { opacity:0; }
[data-ani="splitText"] .split { display:inline-block; clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
[data-ani="splitText"] .in {display:inline-block; transform:translate3d(0, 100%, 0); transition:all var(--time-ani-base-slow) calc(var(--delay, 0) * 30ms) var(--ease-out-sine);}
[data-swiper] [data-ani="splitText"] .in { opacity:0; }
.visible-ani [data-ani="splitText"] .in, [data-ani="splitText"].visible-ani .in,
.swiper-ani .swiper-slide-active [data-ani="splitText"] .in { transform:translate3d(0, 0, 0); opacity:1; }
@keyframes load-fade-in {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes load-fade-b-t {
	0% { opacity:0; transform:translateY(10vh); }
	100% { opacity:1; transform:translateY(0); }
}
@keyframes load-fade-t-b {
	0% { opacity:0; transform:translateY(-10vh); }
	100% { opacity:1; transform:translateY(0); }
}
@keyframes load-fade-r-l {
	0% { opacity:0; transform:translateX(10vh); }
	100% { opacity:1; transform:translateX(0); }
}
/* page load animation */
.header { animation:load-fade-t-b 600ms backwards; }
.footer > .inner, .sub-head-full .c-title2, .sub-head, .board-head,
.sub-vis, .esg-main-visual,
.board-cont, .sub-head+.contents,
.sub-head-full .c-title2 { animation:load-fade-b-t 600ms 300ms backwards; }
.sub-head-full .sub-vis { animation:none; }
.sub-vis, .board-cont, .sub-head+.contents { animation-delay:400ms; }
.location { animation:load-fade-t-b 600ms 300ms backwards; }
.aside { animation:load-fade-r-l 600ms 300ms backwards; }
.sub-head::after { animation:load-fade-in 300ms 600ms backwards; }
.error-wrap { animation:load-fade-in 600ms 400ms backwards; }

/****************************** SWIPER / SLIDER ******************************/
.swiper-initialized {
	--swiper-dot-size:6px;
	--swiper-dot-active-width:40px;
	--swiper-dot-active-height:6px;
	--swiper-dot-margin:4px;
	--swiper-navi-offset:10px;
	--swiper-auto-size:20px;
	--swiper-auto-color:var(--contC6);
	--swiper-dot-opacity:1;
	--swiper-dot-active-opacity:1;
	--swiper-dot-color:var(--contC3);
	--swiper-dot-active-color:var(--pointC1);
	--swiper-dot-radius:var(--swiper-dot-size);
	/*
	--swiper-dot-width:;
	--swiper-dot-height:;
	--swiper-dot-active-size:;
	--swiper-navi-size:44px;
	--swiper-wrapper-timing-function:; */
	margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; display:block;
}
.swiper-vertical>.swiper-wrapper { flex-direction:column; }
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; transition-timing-function:var(--swiper-wrapper-timing-function, initial); box-sizing:content-box; }
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper { transform:translate3d(0px,0,0); }
.swiper-horizontal { touch-action:pan-y; }
.swiper-vertical { touch-action:pan-x; }
.swiper-slide { flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform; display:block; }
.swiper-slide-invisible-blank { visibility:hidden; }
.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function:ease-out }
.swiper-fade .swiper-slide { pointer-events:none; transition-property:opacity }
.swiper-fade .swiper-slide .swiper-slide { pointer-events:none }
.swiper-fade .swiper-slide-active { pointer-events:auto }
.swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto }
.swiper-autoheight,.swiper-autoheight .swiper-slide { height:auto; }
.swiper-autoheight .swiper-wrapper { align-items:flex-start; transition-property:transform,height }
.swiper-backface-hidden .swiper-slide { transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden }
.swiper-button-next, .swiper-button-prev { position:absolute; top:var(--swiper-navi-offset,50%); width:calc(var(--swiper-navi-size)/ 44 * 27); height:var(--swiper-navi-size); margin-top:calc(0px - (var(--swiper-navi-size)/ 2)); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; background-size:contain; }
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none; }
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden { opacity:0; cursor:auto; pointer-events:none; }
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev { display:none !important; }
.swiper-button-next svg,.swiper-button-prev svg { width:100%; height:100%; object-fit:contain; transform-origin:center; }
.swiper-button-prev { left:var(--swiper-navi-offset-horizontal, 10px); right:auto; }
.swiper-button-next { right:var(--swiper-navi-offset-horizontal, 10px); left:auto; }
.swiper-button-lock, .swiper-pagination-lock, .swiper-controls-lock { display:none }
.swiper-pagination:not(.swiper-pagination-fraction) { display:flex; justify-content:center; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10; vertical-align:middle; }
.swiper-pagination.swiper-pagination-hidden { opacity:0; }
.swiper-pagination-bullet { display:inline-block; width:var(--swiper-dot-width, var(--swiper-dot-size, 6px)); height:var(--swiper-dot-height, var(--swiper-dot-size, 6px)); border-radius:var(--swiper-dot-radius, 50%); background:var(--swiper-dot-color,var(--contC3)); opacity:var(--swiper-dot-opacity, .2); font-size:1px; color:transparent; text-align:left; transition:.3s width, .3s opacity; }
.swiper-pagination-bullet:only-child { display:none!important }
.swiper-pagination-bullet + .swiper-pagination-bullet { margin-left:var(--swiper-dot-margin, 4px); }
.swiper-pagination-bullet-active { width:var(--swiper-dot-active-width, var(--swiper-dot-active-size, 6px)); height:var(--swiper-dot-active-height, var(--swiper-dot-active-size, 6px)); opacity:var(--swiper-dot-active-opacity, 1); background:var(--swiper-dot-active-color, var(--pointC1)); }
.swiper-pagination-fraction { font-size:20px; font-weight:var(--fontWg4);}
.swiper-button-autoplay { width:var(--swiper-auto-size); margin-right:16px; aspect-ratio:1/1; text-align:center; font-size:0; vertical-align:middle;
	background-color:var(--swiper-auto-color);
	-webkit-mask:url("../img/common/swiper.svg") 100% 0 / auto 100% no-repeat;
	mask:url("../img/common/swiper.svg") 100% 0 / auto 100% no-repeat;
}
.swiper-state-playing .swiper-button-autoplay { -webkit-mask-position:0 0; mask-position:0 0; }
.swiper-scrollbar { position:relative; width:100%; height:5px; margin-top:10px; background:rgba(0,0,0,.25); }
.swiper-scrollbar .swiper-scrollbar-drag { background:#000; position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top }


/****************************** CHART ******************************/
.chart-wrap { border:solid 1px var(--contC1); overflow:hidden; text-align:center; padding-left:48px; }
.chart-wrap .chartin { position:relative; height:728px; }
.chart-wrap.ty2 { padding-left:4px; padding-right:40px; }
.chart-wrap.ty2 .chartin { height:555px; }
.chart-wrap canvas { display:block; width:100%; height:100%; transform:translateX(0.7rem); }
.chart-wrap .legend, .chart-wrap .legend-custom { display:block; padding:0 0 50px; }
.chart-wrap .legend:empty, .chart-wrap .legend-custom:empty { display:none; }
.chart-wrap .legend button, .chart-wrap .legend-custom > span { font-size:12px; font-weight:var(--fontWg3); line-height:20px; color:#000; }
.chart-wrap .legend button + button, .chart-wrap .legend-custom > span + span { margin-left:20px; }
.chart-wrap .legend button.disabled { text-decoration:line-through; }
.chart-wrap .legend .point, .chart-wrap .legend-custom .point { position:relative; display:inline-block; width:18px; height:1px; margin:0 4px 2px 0; vertical-align:middle; }
.chart-wrap .legend .point::before, .chart-wrap .legend-custom .point::before { content:''; position:absolute; left:0; top:0; width:100%; height:0; border-top:1px var(--line-dash) var(--line-color); box-sizing:border-box; }
.chart-wrap .legend .point::after, .chart-wrap .legend-custom .point::after { content:''; position:absolute; left:50%; top:0; transform:translate(-50%, -2px); width:5px; height:5px; border-radius:100%; background-color:var(--bg, transparent); box-sizing:border-box; }