@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 { font-size:62.5%; }
@media (max-width:359px) { html { font-size:2.777777777777778vw; } }

body { overflow-x:clip; }
html, body { width:100%; min-height:100%; }
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, data { margin:0; padding:0; box-sizing:border-box; text-indent:0; }
body { word-break:keep-all; word-wrap:break-word; overflow-wrap:anywhere; text-size-adjust:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; min-height:100%; }
html[lang="zh"] body { word-break:normal; word-wrap:normal; }
body, input, select, textarea, button, table { font-family:'NotoSansSC', 'HanwhaGothic', sans-serif; font-size:var(--fontSz6); font-weight:400; color:#141414; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, summary, data { display:block; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
fieldset, iframe { border:0; min-width:0; }
img, video, audio, object, embed, iframe { max-width:100%; height:auto; }
dl, ul, ol, menu, li { list-style:none; }
img, fieldset, iframe { border:0 none; }
i, em, address { font-style:normal; }
a { color:inherit; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:none; }
sup { line-height:1; font-size:1rem; color:var(--fontC2); }
table { border-collapse:collapse; table-layout:fixed; border-spacing:0; width:100%; empty-cells:show; }
th, td { font-weight:normal; }
/*caption, legend { position:absolute; font-size:1px; line-height:1; width:1px; height:1px; margin:-1px; overflow:hidden; opacity:0; white-space:nowrap; }*/
caption:not(.show), legend { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; }
input, select, textarea, button { border-radius:0; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
button { font-size:100%; font-weight:inherit; background:none; cursor:pointer; color:inherit; border:none; }
button:focus:not(:focus-visible), a:focus:not(:focus-visible) { outline:none; }
button *, a * { pointer-events:none; }
div:focus { outline:none; }
input[type='text'], input[type='password'] { box-sizing:border-box; -webkit-appearance:none; appearance:none; resize:none; box-shadow:none !important; }
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[type="file"] { position:absolute; width:1px; height:1px; padding:0; margin:0; opacity:0; overflow:hidden; box-sizing:border-box; }
select::-ms-expand { display:none; }
textarea { resize:vertical; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:var(--brand-font5); }
input:disabled { opacity:1; -webkit-text-fill-color:inherit; }
input[type="radio"], input[type="checkbox"], input[type="tel"], input[type="number"] { vertical-align:middle; }
input[type="time"]::-webkit-calendar-picker-indicator { display:none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-text-fill-color:#fff !important; }
::-webkit-scrollbar { 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; }
input[type=search]::-webkit-search-cancel-button {
	-webkit-appearance:none; width:1.8rem; height:1.8rem; 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-wrap-pd:1.6rem;
	--size-wrap-pd-m:calc(var(--size-wrap-pd) * -1);
	--size-header:6rem;
	--size-foot-margin:16rem;
	--size-foot-margin2:14.3rem;
	--size-foot-margin2-m:calc(var(--size-foot-margin2) * -1);
	--icon-size:50rem 50rem;
	--size-foot-margin-m:calc(var(--size-foot-margin) * -1);

	--cont-full:min(calc(((100vw - 100%) / 2) * -1), 0px);

	/* 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;
	--contC15:#272727;

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

	/* font-family */
	--fontF1:'NotoSansSC','Hanwha',sans-serif;
	--fontF2:'NotoSansSC','HanwhaGothic',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 */
	--fontSz0:1rem; 
	--fontSz1:1.1rem;  
	--fontSz2:1.2rem; 
	--fontSz3:1.3rem;
	--fontSz4:1.4rem; 
	--fontSz5:1.5rem; 
	--fontSz6:1.6rem; 
	--fontSz7:1.7rem; 
	--fontSz8:1.8rem; 
	--fontSz9:2rem; 
	--fontSz10:2.4rem;
	--fontSz11:2.8rem; 
	--fontSz12:3.2rem;
	--fontSz13:4rem; 

	/* 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:var(--fontC5); background:#191919; text-align:center; opacity:0; overflow:hidden; }
.skip:focus { z-index:1000; line-height:5rem; 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 ******************************/
html, body, .wrap { min-height:calc(var(--vh) * 100); }
.wrap { position:relative; display:flex; flex-direction:column; }
.container { flex:1; display:flex; flex-direction:column; padding:0 var(--size-wrap-pd); }
.container:not([data-page="main"]) { padding-top:var(--size-header); }
.contents-bg { position:relative; padding-top:1px; margin-top:4rem; }
.contents-bg::before { content:''; position:absolute; background:var(--contC5); width:100vw; height:100%; margin:0 var(--size-wrap-pd-m) 0; z-index:-1; }
.contents-bg.last { margin-bottom:calc(var(--size-foot-margin-m) + var(--size-foot-margin-m)); padding-bottom:calc(var(--size-foot-margin) + var(--size-foot-margin)); }

/********** HEADER **********/
.header { position:sticky; z-index:100; flex:none; display:flex; align-items:center; justify-content:space-between; padding:0 var(--size-wrap-pd); height:var(--size-header); color:var(--color-fill); font-size:1.4rem; font-weight:var(--fontWg4); line-height:normal; }
.header ::placeholder { color:var(--fontC4) !important; opacity:1; }
.header .logo-svg { width:auto; height:100%; stroke-width:0; fill:var(--color-fill); vertical-align:top; }
.header .logo-svg .symbol3 { fill:#f7bb82; }
.header .logo-svg .symbol2 { fill:#f4a051; }
.header .logo-svg .symbol1 { fill:#ed7100; }
.header .logo { position:relative; z-index:3; }
.header .logo > a { display:block; height:3.4rem; }
.header .util { display:flex; gap:1.6rem; align-items:center; }
.header .all-menu > .handle { position:relative; width:2.4rem; height:2.4rem; vertical-align:top; }
.header .all-menu > .handle::before { content:''; position:absolute; left:0.3rem; top:50%; width:1.8rem; height:1.2rem; transform:translateY(-50%); border-color:var(--color-fill); border-width:0.2rem 0 0.2rem; border-style:solid; box-sizing:border-box; }
.header .all-menu > .handle::after { content:''; position:absolute; left:0.3rem; top:50%; width:1.2rem; height:0.2rem; transform:translateY(-50%); background-color:var(--color-fill); box-sizing:border-box; }
.header .all-menu:not(.dropdown-opend) .target { display:none; }
.header .all-menu .target { position:fixed; left:0; right:0; top:0; bottom:0; z-index:3; flex-direction:column; gap:3.2rem; color:#000; background:var(--contC6); overflow-x:hidden; overflow-y:auto; }
.header .all-menu .target .col-head { position:sticky; top:0; z-index:11; flex:none; display:flex; align-items:center; gap:3.2rem; height:var(--size-header); padding:0 var(--size-wrap-pd); background-color:rgba(255,255,255,.95); backdrop-filter:blur(1.5rem); }
.header .all-menu .target .col-head::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#eee; }
.header .all-menu .col-head .close { position:relative; z-index:4; width:2.4rem; height:2.4rem; vertical-align:top; }
.header .all-menu .col-head .close::before { content:''; position:absolute; left:0.3rem; top:50%; width:1.8rem; height:0.2rem; transform:translateY(-50%) rotate(45deg); background-color:#000; }
.header .all-menu .col-head .close::after { content:''; position:absolute; left:0.3rem; top:50%; width:1.8rem; height:0.2rem; transform:translateY(-50%) rotate(-45deg); background-color:#000; }
.header .all-menu .target .lang { display:flex; align-items:center; gap:2rem; margin-left:auto; font-size:var(--fontSz4); font-weight:var(--fontWg4); line-height:2.4rem; transform:translateY(1px); }
.ios .header .all-menu .target .lang { transform:translateY(-2px); }
.header .all-menu .target .lang strong { color:#000; }
.header .all-menu .target .lang a { color:#999; }
.header .all-menu .target .all-quick { display:flex; flex-direction:column; gap:2.7rem; margin-top:auto; padding:0 var(--size-wrap-pd) 4rem; color:var(--pointC1); font-size:1.4rem; text-transform:uppercase; }
.header .all-menu .target .all-quick a::after { content:''; display:inline-block; width:0.8rem; height:0.8rem; margin-left:0.8rem; border:0 solid var(--pointC1); border-width:0.15rem 0.15rem 0 0; transform:rotate(45deg); }
.header .main-menu { flex:1; position:relative; display:flex; flex-direction:column; margin-bottom:5.3rem; text-align:left; font-size:1.4rem; line-height:1.166; font-weight:var(--fontWg3);
	--dep1-img:url("../img/common/i-arr-11.svg") 100% 0 / auto 100% no-repeat;
	--dep1-img-w:1.6rem;
	--dep1-close-img:url("../img/common/i-back.svg") 100% 0 / auto 100% no-repeat;
}
.header .search .send { --color-fill:var(--pointC1); width:2.8rem; height:4.8rem; margin-left:-2.8rem; --svg:url("../img/common/header-search-send.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 .send:disabled { --color-fill:var(--contC1); }
.header .search .close { position:absolute; right:2rem; top:1.6rem; }
.header .search .handle { width:2rem; height:2rem; vertical-align:middle; --svg:url("../img/common/header-search.svg"); background-color:var(--color-fill); -webkit-mask:var(--svg) center center / cover no-repeat; mask:var(--svg) center center / cover no-repeat; }
.header .search .target { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:2; background-color:var(--contC8); }
.header .search .target fieldset { padding:calc(var(--vh-100) * 0.24) 2rem 20%; height:100%; background-color:var(--contC6); display:flex; align-items:start; text-align:center; }
.header .search .target input:is([type="search"],[type="text"]) { width:100%; padding-right:4rem; border:0; font-size:1.6rem; line-height:4.7rem; font-weight:var(--fontWg3); color:var(--fontC1); border-bottom:1px solid var(--pointC1); background-color:#fff; }
.header .search .target input:is([type="search"],[type="text"]):focus-visible { outline:none; }

.header .main-menu li { --open:0; }
.header .main-menu .dropdown-opend { --open:1; }
.header .main-menu .case2 { order:-1; }
.header .main-menu .dep1 > li > .close { position:absolute; left:0; right:0; top:0; height:6.8rem; padding:0 2.4rem; margin:-3.2rem 0 0; font-weight:var(--fontWg3); text-transform:uppercase; font-size:1.4rem; color:var(--fontC2); text-align:left; transform:translate(100%, calc(-100% * (1 - var(--open)))); border-top:1px solid #eee; border-bottom:1px solid #eee; background-color:#F5F5F5; }
.header .main-menu .dep1 > li > .close::before { content:''; display:inline-block; width:var(--dep1-img-w); height:var(--dep1-img-w); margin:0 var(--dep1-img-w) 0.2rem 0; vertical-align:middle; background-color:currentColor; -webkit-mask:var(--dep1-close-img); mask:var(--dep1-close-img); }
.header .main-menu .dep1 > li.dropdown-opend > a { color:var(--pointC1); padding-top:0.8rem; padding-bottom:0.8rem; margin:6.8rem 0 3.2rem; }
.header .main-menu .dep1 > li > a { position:relative; display:block; padding:2.1rem 4.2rem 2.1rem 2.4rem; font-size:1.6rem; line-height:1.1875; box-shadow:0 calc(1px * (1 - var(--open))) 0 #F5F5F5; }
.header .main-menu .dep1 > li:has(ul) > a::after { content:''; position:absolute; right:2.4rem; top:50%; width:var(--dep1-img-w); height:var(--dep1-img-w); background-color:currentColor; -webkit-mask:var(--dep1-img); mask:var(--dep1-img); vertical-align:middle; transform:translateY(-50%) rotate(-90deg); opacity:calc(1 - var(--open)); }
.header .main-menu .dep2 > li { position:relative; }
.header .main-menu .dep2 > li > a { display:block; padding:2.4rem; font-size:1.6rem; line-height:1.25; box-shadow:0 calc(1px * (1 - var(--open))) 0 #F5F5F5; }
.header .main-menu .dep2 > li.dropdown-opend > a { background-color:var(--pointC1); color:#fff; }
.header .main-menu .dep2 > li.dropdown-opend .handle-dep3 { color:#fff; }
.header .main-menu .dep2 > li:has(ul) > a { padding-right:5rem; }
.header .main-menu .dep2 .handle-dep3 { position:absolute; right:0; top:0; width:6.4rem; height:6.8rem; }
.header .main-menu .dep2 .handle-dep3::before { content:''; position:absolute; right:2.4rem; top:50%; width:var(--dep1-img-w); height:var(--dep1-img-w); background-color:currentColor; -webkit-mask:var(--dep1-img); mask:var(--dep1-img); vertical-align:middle; transform:translateY(-50%) rotate(calc(180deg * var(--open))); }
.header .main-menu .dep3 { color:#666; line-height:1.142; font-size:1.4rem; background-color:#F5F5F5; }
.header .main-menu .dep3 > li > a { position:relative; display:block; padding:2.5rem 2.4rem; box-shadow:0 1px 0 #eee; }
.header .main-menu .dep3 > li.dropdown-opend > a { background-color:#FFF8F4; color:var(--pointC1); }
.header .main-menu .dep3 > li:has(ul) > a { padding-right:5rem; }
.header .main-menu .dep3 > li:has(ul) > a::before { content:''; position:absolute; right:2.5rem; top:50%; width:1.4rem; height:0.2rem; transform:translateY(-50%); background-color:currentColor; box-sizing:border-box; }
.header .main-menu .dep3 > li:has(ul) > a::after { content:''; position:absolute; right:3.1rem; top:50%; width:0.2rem; height:calc(1.4rem * (1 - var(--open))); transform:translateY(-50%); background-color:currentColor; box-sizing:border-box; }
.header .main-menu .dep4 { color:#666; line-height:1.167; font-size:1.2rem; background-color:#fff; box-shadow:0 1px 0 #eee; }
.header .main-menu .dep4::before, .header .main-menu .dep4::after { content:''; display:block; height:2rem; }
.header .main-menu .dep4 > li > a { display:block; padding:1.6rem 2.4rem; }

/*  */
.header .main-menu { transition:all var(--time-ani-base) var(--time-ani-base); --time-ani-base-delay:450ms; }
.header .main-menu:has(.dropdown-opend) { transform:translateX(-100%); transition-delay:0ms; }
.header .main-menu .dep1 > li > a {
	transform:translateX(calc(100% * var(--open))); max-height:15rem;
	transition:transform var(--time-ani-base) var(--time-ani-base), max-height 0ms var(--time-ani-base) linear, padding 140ms var(--time-ani-base) linear;
}
.header .main-menu .dep2 {
	overflow:hidden; max-height:calc(500vh * var(--open)); padding-bottom:1px; transform:translate(100%, calc(3rem * (1 - var(--open)))); opacity:var(--open);
	transition:max-height 0ms var(--time-ani-base-delay), opacity var(--time-ani-base), transform var(--time-ani-base);
}
.header .main-menu .dep1 > li.dropdown-opend > a { transition-delay:0ms, 0ms, 0ms; }
.header .main-menu:has(.dropdown-opend) .dep1 > li:not(.dropdown-opend) > a { padding:0; max-height:0; }
.header .main-menu .dropdown-opend > .dep2 { transition-delay:var(--time-ani-base-delay), var(--time-ani-base-delay), var(--time-ani-base-delay); }


/* header - transition */
.header { top:0; transition:color var(--time-ani-base), transform var(--time-ani-base), background var(--time-ani-fast); }
.header .logo-svg { transition:fill var(--time-ani-base); }
.header .search .handle, .header .lang .handle,
.header .all-menu > .handle::before, .header .all-menu > .handle::after { transition:background var(--time-ani-base), border var(--time-ani-base); }
/* header - scroll, gnb theme/opend */
.header { --gnb-opend:0; --header-dim:0; margin-bottom:calc(var(--size-header) * -1); background-color:var(--color-bg); }
.header { --color-fill:#000000; --color-bg:rgba(255,255,255,1); --color-line:#eee; } /* 기본 까만색 */
[data-header-theme="white"] .header { --color-fill:#ffffff; --color-bg:rgba(255,255,255,0); --color-line:transparent; }
.header::before { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:var(--color-line); }
.header.min.scroll-down { transform:translateY(calc(var(--size-header) * -1.2)); }
.header:not(.scroll-down).min { --color-fill:#000000; --color-bg:rgba(255,255,255,1); --color-line:#eee; }

/********** ASIDE **********/
.aside { position:sticky; bottom:2rem; z-index:99; margin-top:var(--size-foot-margin); }
.aside + .footer { margin-top:var(--size-foot-margin2); }
.aside .page-top { position:absolute; bottom:0; right:var(--size-wrap-pd); z-index:99; display:block; width:6rem; aspect-ratio:1/1; opacity:0; transform:translateY(8rem); 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 / 4rem auto no-repeat; transition:all var(--time-ani-base); }
.aside .fix-help { display:none; position:absolute; bottom:4rem; right:var(--size-wrap-pd); z-index:110; width:6rem; height:6rem; padding:1.4rem; border-radius:3rem; 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-min:polygon(42% 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);
}
[data-page="main"] ~ .aside .fix-help, .aside .fix-help.visible-help { display:block; }
.aside .fix-help::before { content:''; position:absolute; right:0; bottom:0; z-index:-1; width:3.8rem; height:1.2rem; transform:rotate(-70deg) scaleX(-1) translate(-1.8rem,1rem); background:#FFCCB0; transition:background var(--time-ani-base); clip-path:var(--clip-arr-min); transition:opacity var(--time-ani-base); }
.aside .fix-help.min::before { opacity:0; }
.aside .fix-help::after { content:''; position:absolute; left:-0.5rem; top:-1.1rem; z-index:3; width:4rem; height:2rem; opacity:1; border:0.05rem solid rgba(255, 88, 0, .3); border-radius:2.2rem; backdrop-filter:blur(0.3rem); background:rgba(255, 88, 0, .7) var(--img); box-sizing:border-box; }
.aside .fix-help .in { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100%; background-color:#FFE7DA; font-size:1px; color:transparent; text-indent:-999px; overflow:hidden; box-shadow:0px 1px 0.6rem rgba(0, 0, 0, 0.12); }
.aside .fix-help .i-face { position:absolute; left:50%; top:50%; z-index:2; margin:-1.6rem; }

.header.min ~ .aside .page-top { opacity:1; transform:translateY(0); }
.header.min ~ .aside .fix-help { bottom:7.5rem; }


/********** FOOTER **********/
.footer { flex:none; margin-top:var(--size-foot-margin); }
.footer > .inner { display:flex; flex-direction:column; padding:0 var(--size-wrap-pd) 6rem; font-weight:var(--fontWg3); font-size:1.4rem; line-height:1.57; color:var(--fontC5); background-color:var(--contC1); }
.footer .quick { display:flex; flex-direction:column; padding:2.4rem; background-color:var(--pointC1); color:var(--fontC5); transform:translateY(-12.3rem); }
.footer .quick dt { margin-bottom:7.5rem; font-weight:var(--fontWg3); font-size:1.4rem; line-height:1.571; }
.footer .quick dt strong { display:block; margin-bottom:0.2rem; font-weight:var(--fontWg3); font-size:2rem; line-height:1.5; letter-spacing:-0.02em; }
.footer .quick a { position:relative; display:block; font-weight:var(--fontWg3); font-size:1.8rem; line-height:1.56; }
.footer .quick a::after { content:''; position:absolute; right:0; bottom:0; width:3.2rem; height:3.2rem; transform:translateY(0.11em); background:url("../img/common/footer-go.svg") center center / contain no-repeat; }
.footer .quick a + a { margin-top:1.6rem; padding-top:1.6rem; font-size:1.6rem; border-top:1px solid rgba(239,239,239,.32); }
.footer .info { display:flex; flex-wrap:wrap; gap:3.2rem; padding:0; margin-top:-5.9rem; }
.footer .menu { display:flex; flex-wrap:wrap; gap:1.2rem 1.6rem; font-weight:var(--fontWg3); }
.footer .menu::before { content:''; width:100%; }
.footer .menu > a:first-child { order:-1; font-weight:var(--fontWg7); }
.footer .menu .point { color:var(--pointC1); }
.footer .msg { width:100%; font-size:1.8rem; font-weight:var(--fontWg3); line-height:1.625; }
.footer .msg > span { display:block; }
.footer .sns { display:flex; width:100%; }
.footer .sns > a { flex:none;  }
.footer .sns-in { display:inline-block; width:7.9rem; height:2.4rem; overflow:hidden; background:url("../img/common/footer-in.svg") center center / contain no-repeat; }
/* .footer .sns-youtube { display:inline-block; width:2.4rem; aspect-ratio:1/1; overflow:hidden; background-color:var(--contC6); }
.footer .sns-instagram { display:inline-block; width:2.4rem; aspect-ratio:1/1; overflow:hidden; background-color:var(--contC6); } */
.footer .family { position:relative; width:100%; border-radius:2.5rem; background:#191919; }
.footer .family .handle { width:100%; text-align:left; padding:0 2.4rem; font-weight:var(--fontWg4); line-height:5rem; color:var(--fontC2); }
.footer .family .handle::before { content:''; position:absolute; right:2.4rem; top:50%; width:1.6rem; height:1.6rem; transform:translateY(-50%); background:url("../img/common/footer-plus.svg") center center / contain no-repeat; }
.footer .family .close { position:absolute; right:var(--size-wrap-pd); top:1.6rem; }
.footer .family .target { display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:100; padding:10rem 0 0 var(--size-wrap-pd); background-color:var(--contC6); color:var(--fontC1); }
.footer .family .target strong { display:block; width:100%; padding:1.6rem var(--size-wrap-pd); margin-left:var(--size-wrap-pd-m); font-size:2rem; font-weight:var(--fontWg7); line-height:1.5; color:var(--pointC1); }
.footer .family .target a { display:block; min-width:50%; padding:1.2rem 0.8rem; color:var(--fontC1); font-weight:var(--fontWg4); }
.footer .family .target > ul { max-height:100%; overflow-y:auto; overflow-x:hidden; }
.footer .family .target > ul::after { content:''; display:block; height:4rem; }
.footer .family .target li { display:flex; flex-wrap:wrap; }
html[lang="en"] .footer .family .target li { flex-direction:column; flex-wrap:inherit }
.footer .family .target li + li { margin-top:3.2rem; }
.footer address { order:1; width:100%; }
.footer address::before { content:''; display:block; width:100%; height:3.2rem; margin-bottom:1.8rem; background:url("../img/common/logo-default-en-02.svg") 0 0 / contain no-repeat; }
.footer address .copy { font-weight:var(--fontWg3); font-size:1.2rem; line-height:2rem; }

/****************************** ICON ******************************/
.ir-b:before, .ir-a:after, .fm-chk1 .fm-chk-lb::before { content:''; }
.ir, .ir-a::after, .ir-b::before, .fm-chk1 .fm-chk-lb::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:var(--icon-size); 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; vertical-align:middle; }

.i-home { background-image:url("../img/common/i-home.svg"); width:2.4rem; height:2.4rem; }
.i-new { background-image:url("../img/common/i-new.svg"); width:2rem; height:2rem; }
.i-sch { background-image:url("../img/common/i-sch.svg"); width:1.8rem; height:1.8rem; }
.i-sch2 { background-image:url("../img/common/i-sch-02.svg"); width:3.2rem; height:3.2rem; }
.ir-b.i-sch3::before { background-image:url("../img/common/i-sch-03.svg"); width:2.4rem; height:2.4rem; }
.ir-b.i-del::before { background-image:url("../img/common/i-del.svg"); width:2.4rem; height:2.4rem; }
.ir-b.i-add::before { background-image:url("../img/common/i-add.svg"); width:2.4rem; height:2.4rem; }
.ir-b.i-plus::before { background-image:url("../img/common/i-plus.svg"); width:1.2rem; height:1.2rem; }
.ir.i-attach, .ir-b.i-attach::before { background-image:url("../img/common/i-attach.svg"); width:2rem; height:2rem; }
.ir-a.i-down::after { background-image:url("../img/common/i-down.svg"); width:2.4rem; height:2.4rem; }
.ir-a.i-down2::after { background-image:url("../img/common/i-down-02.svg"); width:1.8rem; height:1.8rem; }
.ir-b.i-down3::before { background-image:url("../img/common/i-down-03.svg"); width:1.8rem; height:1.8rem; }
.ir-a.i-down4::after { background-image:url("../img/common/i-down-04.svg"); width:1.6rem; height:1.6rem; }
.ir-a.i-down5::after { background-image:url("../img/common/i-down-05.svg"); width:1.6rem; height:1.6rem; margin-top:-0.4rem; background-size:contain; }
.ir-a.i-dropdown::after { background-image:url("../img/common/i-dropdown.svg"); width:1.4rem; height:1.4rem; }
.i-tab-arr { background-image:url("../img/common/i-tab-arr.svg"); width:2.4rem; height:2.5rem; background-size:contain; }
.ir-b.i-nodata::before { display:block; background-image:url("../img/common/i-nodata.svg"); width:6rem; height:6rem; margin:0 auto 1rem; }
.i-refresh { background-image:url("../img/common/i-refresh.svg"); width:2.4rem; height:2.4rem; }
.i-close { background-image:url("../img/common/i-close.svg"); width:2.4rem; height:2.4rem; }
.ir.i-close2 { background-image:url("../img/common/i-close-02.svg"); width:2.4rem; height:2.4rem; background-size:contain; }
.ir-a.i-success::after { display:block; background-image:url("../img/common/i-success.svg"); width:6rem; height:6rem; background-size:contain; }
.ir-a.i-warning::after { display:block; background-image:url("../img/common/i-warning.svg"); width:6rem; height:6rem; background-size:contain; }
.ir-a.i-go4::after { background-image:url("../img/common/i-go-04.svg"); width:3.4rem; height:3.4rem; }
.ir-b.i-more::before { display:block; background-image:url("../img/common/i-more.svg"); width:10rem; height:10rem; }
.ir-a.i-more3::after { background-image:url('../img/common/i-more-03.svg'); width:2.4rem; height:2.4rem; }
.ir-a.i-more4::after { background-image:url('../img/common/i-more-04.svg'); width:1.2rem; height:1.2rem; }
.ir-a.i-more5::after { background-image:url('../img/common/i-more-05.svg'); width:1.2rem; height:1.2rem; }
.i-face { background-image:url("../img/common/i-face.svg"); width:3.2rem; height:3.2rem; } /* sticky : support */
.ir-b.i-mark::before { background-image:url("../img/common/i-mark.svg"); width:1.2rem; height:1.2rem; }
.ir-a.i-arr::after { background-image:url("../img/common/i-arr.svg"); width:1.8rem; height:1.8rem; }
.ir-a.i-arr2::after { background-image:url("../img/common/i-arr-02.svg"); width:1.8rem; height:1.8rem; }
.ir-a.i-arr3::after { background-image:url("../img/common/i-arr-03.svg"); width:2rem; height:2rem; }
.i-arr5 { background-image:url("../img/common/i-arr-05.svg"); width:2.4rem; height:2.4rem; }
.ir-b.i-web::before { background-image:url("../img/common/i-web.svg"); width:1.8rem; height:1.8rem; }
.ir-a.i-address::after { background-image:url("../img/common/i-address.svg"); width:2.4rem; height:2.4rem; }
.ir-a.i-tel::after { background-image:url("../img/common/i-tel.svg"); width:2.4rem; height:2.4rem; }
.ir-a.i-email::after { background-image:url("../img/common/i-email.svg"); width:2.4rem; height:2.4rem; }
.ir-b.i-email2::before { background-image:url("../img/common/i-email-02.svg"); width:2.4rem; height:2.4rem; }
.ir-a.i-traffic::after { background-image:url("../img/common/i-traffic.svg"); width:2.4rem; height:2.4rem; }
.ir-a.i-arr10::after { background-image:url("../img/common/i-arr-10.svg"); width:1.6rem; height:1.6rem; }
.ir-a.i-arr13::after { background-image:url("../img/common/i-arr-13.svg"); width:1.6rem; height:1.6rem; }
.i-write { display:block; background-image:url("../img/common/i-write.svg"); background-position:-0.6rem -0.5rem; width:6rem; height:6rem; }
.ir-b.i-prev::before { background-image:url("../img/common/i-back-02.svg"); width:3.2rem; height:3.2rem; }


/****************************** POPUP ******************************/
.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:2.4rem; border-radius:2.4rem; background-color:var(--contC6); pointer-events:all; }
.uipop-container.bottom .pop-layer { margin-top:auto; border-radius:2.4rem 2.4rem 0 0; transition:transform var(--time-ani-base); }
.uipop-container.bottom:not(.uipop-show) .pop-layer,
.uipop-container.bottom.uipop-close .pop-layer { transform:translateY(110%); }
.pop-layer.pop-w { width:100%; }
.pop-layer .pop-head { padding:0; margin-bottom:2.4rem; }
.pop-layer .pop-head .pop-title { font-size:var(--fontSz6); line-height:2.6rem; font-weight:var(--fontWg4); color:var(--fontC1); }
.pop-close-btn { position:absolute; right:2.4rem; top:2.5rem; }
.pop-close-btn .i-close2 { width:2.4rem; height:2.4rem; }

.pop-layer.system:not(.pop-zoom) { padding:0; border-radius:0; z-index:999999; }
.pop-layer.system:not(.pop-zoom) { animation:dim-in var(--time-ani-base) ease both; }
.pop-layer.system > .inner { position:relative; }
.pop-layer.system:not(.pop-zoom) > .inner { transform:translateY(110%); width:100%; margin:auto auto 0 auto; padding:2.4rem; border-radius:2.4rem 2.4rem 0 0; background-color:var(--contC6); pointer-events:all; animation:slide-up-system var(--time-ani-base) ease both; }
.pop-layer.system .msg { padding:0; font-size:1.4rem; font-weight:var(--fontWg3); line-height:2.2rem; color:var(--fontC1); text-align:center; }
.pop-layer.system .msg > .i-success,
.pop-layer.system .msg > .i-warning { display:block; text-align:center; width:6rem; height:6rem; margin:1rem auto 1.8rem; text-align:center; }
.pop-layer.system .msg p + p { margin-top:0.8rem; }
.pop-layer.system .pop-head ~ .msg { text-align:left; font-weight:var(--fontWg4); }
.pop-layer.system .pop-system-btns { display:flex; align-items:center; justify-content:center; margin-top:2.4rem; }
.pop-layer.system .btn { flex:1; line-height:5.8rem; font-size:1.6rem; font-weight:var(--fontWg4); border-radius:8rem; border:1px solid var(--contC1); background-color:var(--contC1); color:var(--fontC5); }
.pop-layer.system .btn + .btn { margin-left:1rem; }
.pop-layer.system .btn.type2 { background-color:transparent; color:var(--fontC1); }
.pop-layer.system:not(.pop-zoom) .pop-close-btn { display:none; }
.pop-layer.system .pop-head ~ .pop-close-btn { display:block; }
.pop-layer.system .fc-error { color:var(--errorC1); }
.pop-layer.system .mgt { margin-top:1.6rem !important; }
.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 { width:100%; max-width:60rem; }
.pop-layer.system.pop-zoom iframe { height:auto; aspect-ratio:16/9; }
.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:2.4rem; --swiper-navi-offset-horizontal:-3.3rem; }
.pop-layer.pop-admin .pop-contents { position:relative; }
.pop-layer.pop-admin .admin-swiper { width:min(70.5vw, 25.4rem); border-radius:0.8rem 0.8rem 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:1.4rem; height:1.4rem; transform:translate(-50%,-50%) rotate(135deg); border-radius:0.2rem 0 0 0; border-left:0.25rem solid #fff; border-top:0.25rem solid #fff; }
.pop-layer.pop-admin .swiper-button-prev { transform:rotate(180deg); }
.pop-layer.pop-admin .pop-foot { display:flex; border-radius:0 0 0.8rem 0.8rem; background-color:#fff; }
.pop-layer.pop-admin .pop-foot > button { position:relative; flex:1; height:5.4rem; font-size:var(--fontSz4); }
.pop-layer.pop-admin .pop-foot > button:not(:only-child):last-child { flex:none; width:38.5%; }
.pop-layer.pop-admin .pop-foot > button:not(:only-child):last-child::before { content:''; position:absolute; left:0; top:31.5%; width:1px; height:37%; background-color:var(--contC10); }
@keyframes slide-up-system {
	0% { transform:translateY(110%); }
	100% { transform:translateY(0); }
}
@keyframes dim-in {
	0% { background-color:rgba(0,0,0,0); }
	100% { background-color:rgba(0,0,0,.8); }
}

/****************************** EFFECT ******************************/
[data-ani="splitText"] { --ease-out-sine:ease; }
[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);}
.visible-ani [data-ani="splitText"] .in, [data-ani="splitText"].visible-ani .in,
.swiper-slide-active [data-ani="splitText"] .in { transform:translate3d(0, 0, 0); opacity:1; }

/****************************** SWIPER / SLIDER ******************************/
.swiper-initialized {
	--swiper-dot-size:0.6rem;
	--swiper-dot-active-width:4rem;
	--swiper-dot-active-height:0.6rem;
	--swiper-dot-margin:0.4rem;
	--swiper-navi-offset:1rem;
	--swiper-auto-size:2rem;
	--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, 0.6rem)); height:var(--swiper-dot-height, var(--swiper-dot-size, 0.6rem)); 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, 0.4rem); }
.swiper-pagination-bullet-active { width:var(--swiper-dot-active-width, var(--swiper-dot-active-size, 0.6rem)); height:var(--swiper-dot-active-height, var(--swiper-dot-active-size, 0.6rem)); opacity:var(--swiper-dot-active-opacity, 1); background:var(--swiper-dot-active-color, var(--pointC1)); }
.swiper-pagination-fraction { font-size:1.2rem; font-weight:var(--fontWg4); }
.swiper-button-autoplay { width:var(--swiper-auto-size); margin-right:1.6rem; 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:0.5rem; margin-top:1rem; 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 { position:relative; padding-left:1rem; padding-right:1.5rem; padding-bottom:5.1rem; background-color:#F8F8F8; text-align:center; }
.chart-wrap .chartin { position:relative; height:54.8rem; }
.chart-wrap.ty2 .chartin { height:44.7rem; }
.chart-wrap canvas { display:block; width:100%; height:100%; }
.chart-wrap .legend, .chart-wrap .legend-custom { display:block; padding:0; }
.chart-wrap .legend:empty, .chart-wrap .legend-custom:empty { display:none; }
.chart-wrap .legend button, .chart-wrap .legend-custom > span { font-size:1.2rem; font-weight:var(--fontWg3); line-height:1.667; color:#000; }
.chart-wrap .legend button + button, .chart-wrap .legend-custom > span + span { margin-left:2.4rem; }
.chart-wrap .legend button.disabled { text-decoration:line-through; }
.chart-wrap .legend .point, .chart-wrap .legend-custom .point { position:relative; display:inline-block; width:1.8rem; height:1px; margin:0 0.4rem 0.2rem 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%, -0.2rem); width:0.5rem; height:0.5rem; border-radius:100%; background-color:var(--bg, transparent); box-sizing:border-box; }