@charset "utf-8";
@import url(font_noto/font.css);
@import url(pretendard/font.css);
@import url(pretendardGOV/font.css);
@import url(pretendardJP/font.css);

/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font-family:'Pretendard GOV','Pretendard','Pretendard JP','Roboto','Noto Sans KR',굴림,Gulim,돋움,Dotum, Sans-serif;font-size:1.6rem;line-height:1.5;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;}
b, span, strong, input, a, button {font-size:inherit;font-family:inherit;color:inherit}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display:block;}
cite {display:inline}
html, body {height:100%;color:var(--color-text-basic);}
body {overflow-x:hidden;margin:0;}
a:link,
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
ol, ul {list-style:none;}
table {border-collapse:collapse;table-layout:fixed;}
fieldset {border:none}
.skip, hr, legend{position:absolute;left:-1000%;width:0.1rem;height:0.1rem;font-size:0;line-height:0;overflow:hidden;}
button {margin:0;padding:0;border:none;background:none;cursor:pointer;display:inline-block;}
.date-picker-control:link,
.date-picker-control:visited {top:-0.6rem !important;}
.txtHidden {position:absolute;top:0;left:0;width:0.1rem;height:0.1rem;margin:0.1rem;border:none;overflow:hidden;clip:rect(0, 0, 0, 0)}

html{font-size:62.5%;}
body{font-size:1.6rem;}

/* 공통영역 */
:root{
    --primary5:#ECF2FE;
    --primary10:#DAEEFF;
    --primary20:#D3EBFF;
    --primary30:#86AFF9;
    --primary40:#4C87F6;
    --primary50:#0076D8;
    --primary60:#0B50D0;
    --primary70:#083891;
    --primary80:#052F87;
    --primary90:#03163A;
    --primary95:#02001F;
    --primary100:#17191B;

    --second5: #EEF2F7;
    --second10: #D6E0EB;
    --second20: #BACBDE;
    --second30: #90B0D5;
    --second40: #6B96C7;
    --second50: #346FB2;
    --second60: #1C589C;
    --second70: #063A74;
    --second80: #052B57;
    --second90: #031F3F;
    --second95: #02162C;
    --second100: #000000;

    --gray0: #ffffff;
    --gray4: #F5F9FD;
    --gray5: #EEF2F7;
    --gray10: #E9F1FC;
    --gray20: #CDD1D5;
    --gray30: #B1B8BE;
    --gray40: #8A949E;
    --gray50: #6D7882;
    --gray60: #58616A;
    --gray70: #464C53;
    --gray80: #1B1936;
    --gray90: #0D0B2C;
    --gray95: #02001F;
    --gray100: #000000;

    --danger5:#FDEFEC;
    --danger10:#FCDFD9;
    --danger20:#F7AFA1;
    --danger30:#F48771;
    --danger40:#F05F42;
    --danger50:#DE3412;
    --danger60:#BD2C0F;
    --danger70:#8A240F;
    --danger80:#5C180A;
    --danger90:#390D05;
    --danger95:#260903;

    --warning5: #FFF3DB;
    --warning10: #FFE0A3; 
    --warning20: #FFC95C;
    --warning30: #FFB114;
    --warning40: #C78500;
    --warning50: #9E6A00;
    --warning60: #8A5C00;
    --warning70: #614100;
    --warning80: #422C00;
    --warning90: #2E1F00;
    --warning95: #241800;

    --success5: #eaf6ec;
    --success10: #d8eedd;
    --success20: #a9dab4;
    --success30: #7ec88e;
    --success40: #3fa654;
    --success50: #228738;
    --success60: #267337;
    --success70: #285d33;
    --success80: #1f4727;
    --success90: #122b18;
    --success95: #0e2012;

    --info5: #e7f4fe;
    --info10: #d3ebfd;
    --info20: #9ed2fa;
    --info30: #5fb5f7;
    --info40: #2098f3;
    --info50: #0b78cb;
    --info60: #096ab3;
    --info70: #085691;
    --info80: #053961;
    --info90: #03253f;
    --info95: #021a2c;

    --point5: #FBEFF0;
    --point10: #F5D6D9;
    --point20: #EBADB2;
    --point30: #E0858C;
    --point40: #D65C66;
    --point50: #D63D4A;
    --point60: #AB2B36;
    --point70: #7A1F26;
    --point80: #521419;
    --point90: #310C0F;
    --point95: #21080A;

    --graphic10: #e5ecf9;
    --graphic30: #98acc5;
    --graphic50: #61758f;
    --graphic70: #39506c;
    --graphic90: #223a58;
    
    --black100: #000000;
    --black75: #000000BF;
    --black50: #0000007F;
    --black25: #0000003F;
    --black10: #0000001A;
    --black0: #00000000;

    --white100: #ffffff;
    --white75: #FFFFFFBF;
    --white50: #FFFFFF7F;
    --white25: #FFFFFF3F;
    --white10: #FFFFFF1A;
    --white0: #ffffff00;

    --color-surface-primary-darker: var(--primary90);
    --color-surface-primary-dark: var(--primary70);
    --color-text-info-light: var(--info40);
    --color-background-black: #fff;
    --color-background-black-static:#02001F;

    --color-background-white: var(--gray0);
    --color-background-inverse: var(--gray90);
    --color-background-gray-subtler: var(--gray0);
    --color-background-gray-subtle: var(--gray10);
    --color-background-dim: var(--black75);
    --color-surface-white: var(--gray0);
    --color-surface-white-subtle: var(--gray0);
    --color-surface-white-subtler: var(--gray0);
    --color-surface-white-static: var(--gray0);
    --color-surface-inverse: var(--gray90);    
    --color-surface-inverse-static: var(--gray90);
    --color-surface-gray-subtler: var(--gray5);
    --color-surface-gray-subtle: var(--gray10);    
    --color-surface-disabled: var(--gray20);
    --color-surface-primary-subtler: var(--primary5);
    --color-border-transparency: var(--black0);
    --color-border-inverse: var(--gray0);
    --color-border-disabled: var(--gray30);
    --color-border-gray-light: var(--gray20);
    --color-border-gray: var(--gray30);
    --color-border-gray-dark: var(--gray60);
    --color-border-gray-darker: var(--gray90);
    --color-border-primary: var(--primary50);
    --color-border-primary-light: var(--primary10);
    --color-divider-gray-light: var(--gray20);
    --color-divider-gray: var(--gray40);
    --color-divider-gray-dark: var(--gray50);
    --color-divider-gray-darker: var(--gray90);
    --color-divider-inverse: var(--gray0);
    --color-divider-primary: var(--primary50);
    --color-divider-primary-light: var(--primary10);
    --color-text-bolder: var(--gray95);
    --color-text-basic: var(--gray95);
    --color-text-subtle: var(--gray70);
    --color-text-disabled: var(--gray40);
    --color-text-disabled-on: var(--gray50);
    --color-text-bolder-inverse: var(--gray0);
    --color-text-basic-inverse: var(--gray0);
    --color-text-subtle-inverse: var(--gray30);
    --color-text-static: var(--gray90);
    --color-text-inverse-static: var(--gray0);
    --color-text-primary: var(--primary50);
    --color-text-secondary: var(--second70);
    --color-alpha-base100: var(--black100);
    --color-alpha-base75: var(--black75);    
    --color-alpha-base50: var(--black50);
    --color-alpha-base25: var(--white25);
    --color-alpha-base10: var(--white10);
    --color-alpha-base0: var(--white0);
    --color-alpha-inverse100: var(--black100);
    --color-alpha-inverse75: var(--black75);
    --color-alpha-inverse50: var(--black50);
    --color-alpha-inverse25: var(--black25);
    --color-alpha-inverse10: var(--black10);
    --color-alpha-inverse0: var(--black0);
    --color-link-default: var(--primary50);
    --color-link-hover: var(--primary60);
    --color-link-pressed: var(--primary70);
    --color-link-visited: #5917b8;
    --color-button-primary-fill: var(--primary50);
    --color-button-primary-fill-hover: var(--primary60);
    --color-button-primary-fill-pressed: var(--primary70);
    --color-button-tertiary-fill: var(--white0);
    --color-button-tertiary-fill-hover: var(--gray5);
    --color-button-tertiary-fill-pressed: var(--gray10);
    --color-button-tertiary-border: var(--gray60);
    --color-button-primary-border: var(--primary50);
    --color-button-text-fill: var(--white0);
    --color-button-text-fill-hover: var(--primary5);
    --color-button-text-fill-pressed: var(--primary10);
    --color-button-text-border: var(--black0);
    --color-button-disabled-fill: var(--gray20);
    --color-button-disabled-border: var(--gray30);
    --color-element-inverse-static: var(--gray0);
    --color-element-inverse: var(--gray0);
    --color-element-gray-lighter: var(--gray5);
    --color-element-gray-light: var(--gray10);
    --color-element-gray: var(--gray50);
    --color-element-gray-dark: var(--gray60);
    --color-element-disabled-light: var(--gray20);
    --color-element-disabled-dark: var(--gray40);
    --color-element-primary: var(--primary50);    
    --color-element-primary-lighter: var(--primary5);
    --color-element-primary-light: var(--primary10);
    --color-element-secondary: var(--second70);
    --color-element-secondary-lighter: var(--second5);
    --color-element-secondary-light: var(--second10);
    --color-icon-gray: var(--gray80);
    --color-icon-gray-light: var(--gray70);
    --color-icon-gray-fill: var(--gray20);
    --color-icon-inverse: var(--gray0);
    --color-icon-disabled: var(--gray40);
    --color-icon-disabled-on: var(--gray50);    
    --color-icon-primary: var(--primary50);
    --color-icon-secondary: var(--second80);
    --color-input-border: var(--gray60);
    --color-input-border-disabled: var(--gray30);
    --color-input-border-active: var(--primary50);    
    --color-input-surface: var(--gray0);
    --color-input-surface-disabled: var(--gray20);    
    --color-action-white: var(--gray0);
    --color-action-primary: var(--white0);
    --color-action-primary-hover: var(--primary5);
    --color-action-primary-pressed: var(--primary10);
    --color-action-secondary: var(--white0);
    --color-action-secondary-hover: var(--second5);
    --color-action-secondary-pressed: var(--second10);
    --color-action-secondary-selected: var(--second5);
    --color-action-secondary-on: var(--white0);
    --color-action-secondary-on-hover: var(--gray0);
    --color-action-secondary-on-pressed: var(--second10);
    --color-action-secondary-on-selected: var(--gray0);
    --color-action-secondary-active: var(--second70);
    --color-action-primary-active: var(--primary50);
    --color-action-disabled: var(--gray20);
    --color-action-primary-selected: var(--primary5);
    --color-input-border-error: var(--danger50);
    --border-width: 0.1rem;
    
    


    --color-alpha-shadow1: #0000000d;
    --color-alpha-shadow2: #00000014;
    --color-alpha-shadow3: #0000001f;
    --color-surface-secondary-subtler: var(--second5);
    --color-surface-danger-subtler: var(--danger5);
    --color-surface-warning-subtler: var(--warning5);
    --color-surface-success-subtler: var(--success5);
    --color-surface-information-subtler: var(--info5);
    --color-surface-pointsubtler: var(--point5);    
    --color-border-secondary-light: var(--second10);
    --color-border-danger-light: var(--danger10);
    --color-border-danger: var(--danger50);
    --color-border-warning-light: var(--warning10);
    --color-border-warning: var(--warning50);
    --color-border-success-light: var(--success10);
    --color-border-success: var(--success50);
    --color-border-information-light: var(--info10);
    --color-border-information: var(--info50);
    --color-border-secondary: var(--second70);
    --color-border-point: var(--point50);
    --color-border-pointlight: var(--point10);
    --color-divider-secondary-light: var(--second10);
    --color-divider-secondary: var(--second70);
    --color-divider-error: var(--danger50);
    --color-divider-point: var(--point50);
    --color-text-danger: var(--danger60);
    --color-text-warning: var(--warning60);
    --color-text-success: var(--success60);
    --color-text-information: var(--info60);
    --color-text-point: var(--point60);
    --color-button-secondary-fill: var(--primary5);
    --color-button-secondary-fill-hover: var(--primary10);
    --color-button-secondary-fill-pressed: var(--primary20);
    --color-button-secondary-border: var(--primary50);
    --color-element-pointlighter: var(--point5);
    --color-element-pointlight: var(--point10);
    --color-element-point: var(--point50);
    --color-element-danger-lighter: var(--danger5);
    --color-element-danger: var(--danger50);
    --color-element-warning-lighter: var(--warning5);
    --color-element-warning: var(--warning30);
    --color-element-success-lighter: var(--success5);
    --color-element-success: var(--success50);
    --color-element-information-lighter: var(--info5);
    --color-element-information: var(--info50);
    --color-icon-point: var(--point50);
    --color-icon-danger: var(--danger50);
    --color-icon-warning: var(--warning50);
    --color-icon-success: var(--success50);
    --color-icon-information: var(--info50);
    --color-icon-inverse-static: var(--gray0);
    --color-icon-primary-static: var(--primary50);
    --color-icon-secondary-static: var(--second80);
    --color-icon-pointstatic: var(--point50);
    --color-icon-danger-static: var(--danger50);
    --color-icon-warning-static: var(--warning50);
    --color-icon-success-static: var(--success50);
    --color-icon-information-static: var(--info50);
    --color-icon-gray-static: var(--gray80);  
    --color-graphic-blue-subtler: var(--graphic10);
    --color-graphic-blue-subtle: var(--graphic30);
    --color-graphic-blue: var(--graphic50);
    --color-graphic-blue-dark: var(--graphic70);
    --color-graphic-blue-darker: var(--graphic90);
    --color-graphic-red-subtler: var(--point5);
    --color-graphic-red-subtle: var(--point10);    
    --color-graphic-red: var(--point20);
    --color-graphic-red-dark: var(--point40);
    --color-graphic-red-darker: var(--point70);
    --color-graphic-brand: var(--primary50);
    
}
[data-mode=dark] body{
    --primary5:#ECF2FE;
    --primary10:#D8E5FD;
    --primary20:#B1CEFB;
    --primary30:#86AFF9;
    --primary40:#4C87F6;
    --primary50:#0076D8;
    --primary60:#0B50D0;
    --primary70:#083891;
    --primary80:#052F87;
    --primary90:#03163A;
    --primary95:#02001F;
    --primary100:#17191B;

    --second5: #EDF6F8;
    --second10: #D5EBF1;
    --second20: #ABD8E3;
    --second30: #75C0D1;
    --second40: #3D9FB8;
    --second50: #268097;
    --second60: #1F687A;
    --second70: #17505E;
    --second80: #113B45;
    --second90: #0E3139;
    --second95: #091F25;
    --second100: #000000;

    --gray0: #ffffff;
    --gray4: #F5F9FD;
    --gray5: #EEF2F7;
    --gray10: #E9F1FC;
    --gray20: #CDD1D5;
    --gray30: #B1B8BE;
    --gray40: #8A949E;
    --gray50: #6D7882;
    --gray60: #58616A;
    --gray70: #464C53;
    --gray80: #1B1936;
    --gray90: #0D0B2C;
    --gray95: #02001F;
    --gray100: #000000;

    --danger5:#FDEFEC;
    --danger10:#FCDFD9;
    --danger20:#F7AFA1;
    --danger30:#F48771;
    --danger40:#F05F42;
    --danger50:#DE3412;
    --danger60:#BD2C0F;
    --danger70:#8A240F;
    --danger80:#5C180A;
    --danger90:#390D05;
    --danger95:#260903;

    --warning5: #FFF3DB;
    --warning10: #FFE0A3; 
    --warning20: #FFC95C;
    --warning30: #FFB114;
    --warning40: #C78500;
    --warning50: #9E6A00;
    --warning60: #8A5C00;
    --warning70: #614100;
    --warning80: #422C00;
    --warning90: #2E1F00;
    --warning95: #241800;

    --success5: #eaf6ec;
    --success10: #d8eedd;
    --success20: #a9dab4;
    --success30: #7ec88e;
    --success40: #3fa654;
    --success50: #228738;
    --success60: #267337;
    --success70: #285d33;
    --success80: #1f4727;
    --success90: #122b18;
    --success95: #0e2012;

    --info5: #e7f4fe;
    --info10: #d3ebfd;
    --info20: #9ed2fa;
    --info30: #5fb5f7;
    --info40: #2098f3;
    --info50: #0b78cb;
    --info60: #096ab3;
    --info70: #085691;
    --info80: #053961;
    --info90: #03253f;
    --info95: #021a2c;

    --point5: #FBEFF0;
    --point10: #F5D6D9;
    --point20: #EBADB2;
    --point30: #E0858C;
    --point40: #D65C66;
    --point50: #D63D4A;
    --point60: #AB2B36;
    --point70: #7A1F26;
    --point80: #521419;
    --point90: #310C0F;
    --point95: #21080A;

    --graphic10: #e5ecf9;
    --graphic30: #98acc5;
    --graphic50: #61758f;
    --graphic70: #39506c;
    --graphic90: #223a58;
    
    --black100: #000000;
    --black75: #000000BF;
    --black50: #0000007F;
    --black25: #0000003F;
    --black10: #0000001A;
    --black0: #00000000;

    --white100: #ffffff;
    --white75: #FFFFFFBF;
    --white50: #FFFFFF7F;
    --white25: #FFFFFF3F;
    --white10: #FFFFFF1A;
    --white0: #ffffff00;  
    
    --color-surface-primary-darker: var(--primary5);
    --color-surface-primary-dark: var(--second95);
    --color-text-info-light: var(--info20);
    --color-background-black: #02001F;
    --color-background-black-static:#02001F;

    --color-background-white: var(--color-background-black);
    --color-background-gray-subtler: var(--gray95);
    --color-background-gray-subtle: var(--gray90);
    --color-background-inverse: var(--gray10);    
    --color-background-dim: var(--black100);
    --color-surface-white: var(--color-background-black);
    --color-surface-white-subtle: var(--gray95);
    --color-surface-white-subtler: var(--gray90);
    --color-surface-white-static: var(--gray0);
    --color-surface-inverse: var(--gray10);    
    --color-surface-inverse-static: var(--gray90);
    --color-surface-gray-subtler: var(--gray90);
    --color-surface-gray-subtle: var(--gray80);    
    --color-surface-disabled: var(--gray70);    
    --color-surface-primary-subtler: var(--primary95);
    --color-border-transparency: var(--white25);
    --color-border-inverse: var(--gray100);
    --color-border-disabled: var(--gray70);
    --color-border-gray-light: var(--gray80);
    --color-border-gray: var(--gray70);
    --color-border-gray-dark: var(--gray40);
    --color-border-gray-darker: var(--gray10);
    --color-border-primary-light: var(--primary90);
    --color-border-primary: var(--primary50);
    --color-divider-gray-light: var(--gray80);
    --color-divider-gray: var(--gray70);
    --color-divider-gray-dark: var(--gray50);
    --color-divider-gray-darker: var(--gray10);
    --color-divider-inverse: var(--gray100);
    --color-divider-primary-light: var(--gray90);
    --color-divider-primary: var(--primary50);
    --color-text-bolder: var(--gray10);
    --color-text-basic: var(--gray5);
    --color-text-subtle: var(--gray30);
    --color-text-disabled: var(--gray60);
    --color-text-disabled-on: var(--gray50);
    --color-text-bolder-inverse: var(--gray95);
    --color-text-basic-inverse: var(--gray90);
    --color-text-subtle-inverse: var(--gray70);
    --color-text-static: var(--gray90);
    --color-text-inverse-static: var(--gray0);    
    --color-text-primary: var(--primary20);
    --color-text-secondary: var(--second20);
    --color-alpha-base100: var(--black100);
    --color-alpha-base75: var(--black75);
    --color-alpha-base50: var(--black50);
    --color-alpha-base25: var(--black25);
    --color-alpha-base10: var(--black10);
    --color-alpha-base0: var(--black0);
    --color-alpha-inverse100: var(--white100);
    --color-alpha-inverse75: var(--white75);
    --color-alpha-inverse50: var(--white50);
    --color-alpha-inverse25: var(--white25);
    --color-alpha-inverse10: var(--black25);
    --color-alpha-inverse0: var(--white0);
    --color-link-default: var(--primary30);
    --color-link-hover: var(--primary20);
    --color-link-pressed: var(--primary10);
    --color-link-visited: #c49ff9;
    --color-button-primary-fill: var(--primary50);
    --color-button-primary-fill-hover: var(--primary60);
    --color-button-primary-fill-pressed: var(--primary70);
    --color-button-tertiary-fill: var(--black0);
    --color-button-tertiary-fill-hover: var(--gray95);
    --color-button-tertiary-fill-pressed: var(--gray80);
    --color-button-tertiary-border: var(--gray40);
    --color-button-primary-border: var(--primary50);
    --color-button-text-fill: var(--black0);
    --color-button-text-fill-hover: var(--gray95);
    --color-button-text-fill-pressed: var(--gray90);
    --color-button-text-border: var(--white50);
    --color-button-disabled-fill: var(--gray80);
    --color-button-disabled-border: var(--gray70);
    --color-element-inverse-static: var(--gray0);
    --color-element-inverse: var(--gray95);
    --color-element-gray-lighter: var(--gray95);
    --color-element-gray-light: var(--gray90);
    --color-element-gray: var(--gray50);
    --color-element-gray-dark: var(--gray40);
    --color-element-disabled-light: var(--gray80);
    --color-element-disabled-dark: var(--gray60);
    --color-element-primary: var(--primary50);
    --color-element-primary-light: var(--primary90);
    --color-element-primary-lighter: var(--primary95);
    --color-element-secondary: var(--second60);
    --color-element-secondary-light: var(--second90);
    --color-element-secondary-lighter: var(--second95);
    --color-icon-gray: var(--gray5);
    --color-icon-gray-light: var(--gray20);
    --color-icon-gray-fill: var(--gray70);
    --color-icon-inverse: var(--gray90);
    --color-icon-disabled: var(--gray60);
    --color-icon-disabled-on: var(--gray50);
    --color-icon-primary: var(--primary20);
    --color-icon-secondary: var(--second20);
    --color-input-border-error: var(--danger50);

    --border-width: 0.1rem;

    


    --color-surface-secondary-subtler: var(--second95);
    --color-surface-danger-subtler: var(--danger95);
    --color-surface-warning-subtler: var(--warning95);
    --color-surface-success-subtler: var(--success95);
    --color-surface-information-subtler: var(--info95);
    --color-surface-pointsubtler: var(--point95);
    --color-border-secondary-light: var(--second90);
    --color-border-danger-light: var(--danger90);
    --color-border-danger: var(--danger50);
    --color-border-warning-light: var(--warning90);
    --color-border-warning: var(--warning50);
    --color-border-success-light: var(--success90);
    --color-border-success: var(--success50);
    --color-border-information-light: var(--info90);
    --color-border-information: var(--info50);
    --color-border-secondary: var(--second60);
    --color-border-point: var(--point50);
    --color-border-pointlight: var(--point90);
    --color-divider-secondary-light: var(--second90);
    --color-divider-secondary: var(--second60);
    --color-divider-error: var(--danger50);
    --color-divider-point: var(--point50);
    --color-text-danger: var(--danger20);
    --color-text-warning: var(--warning20);
    --color-text-success: var(--success20);
    --color-text-information: var(--info20);    
    --color-text-point: var(--point20);
    --color-icon-point: var(--point20);
    --color-icon-danger: var(--danger20);
    --color-icon-warning: var(--warning20);
    --color-icon-success: var(--success20);
    --color-icon-information: var(--info20);
    --color-icon-inverse-static: var(--gray0);
    --color-icon-primary-static: var(--primary50);
    --color-icon-secondary-static: var(--second80);
    --color-icon-pointstatic: var(--point50);
    --color-icon-danger-static: var(--danger50);
    --color-icon-warning-static: var(--warning50);
    --color-icon-success-static: var(--success50);
    --color-icon-information-static: var(--info50);
    --color-icon-gray-static: var(--gray80);
    --color-button-secondary-fill: var(--primary95);
    --color-button-secondary-fill-hover: var(--primary90);
    --color-button-secondary-fill-pressed: var(--primary80);
    --color-button-secondary-border: var(--primary50);
    --color-element-pointlighter: var(--point95);
    --color-element-pointlight: var(--point90);
    --color-element-point: var(--point50);
    --color-element-danger-lighter: var(--danger95);
    --color-element-danger: var(--danger50);
    --color-element-warning-lighter: var(--warning95);
    --color-element-warning: var(--warning30);
    --color-element-success-lighter: var(--success95);
    --color-element-success: var(--success50);
    --color-element-information-lighter: var(--info95);
    --color-element-information: var(--info50);
    --color-action-white: var(--gray100);
    --color-action-primary: var(--black0);
    --color-action-primary-hover: var(--primary95);
    --color-action-primary-pressed: var(--primary90);
    --color-action-secondary: var(--black0);
    --color-action-secondary-hover: var(--second95);
    --color-action-secondary-pressed: var(--second90);
    --color-action-secondary-selected: var(--second95);
    --color-action-secondary-on: var(--black0);
    --color-action-secondary-on-hover: var(--gray100);
    --color-action-secondary-on-pressed: var(--second90);
    --color-action-secondary-on-selected: var(--gray95);
    --color-action-secondary-active: var(--second60);
    --color-action-primary-active: var(--primary50);
    --color-action-disabled: var(--gray80);
    --color-action-primary-selected: var(--primary95);
    --color-input-border: var(--gray40);
    --color-input-border-disabled: var(--gray70);
    --color-input-border-active: var(--primary50);
    --color-input-surface: var(--color-background-black);
    --color-input-surface-disabled: var(--gray95);
    --color-graphic-blue-subtler: var(--graphic10);
    --color-graphic-blue-subtle: var(--graphic30);
    --color-graphic-blue: var(--graphic50);
    --color-graphic-blue-dark: var(--graphic70);
    --color-graphic-blue-darker: var(--graphic90);
    --color-graphic-red-subtler: var(--point5);
    --color-graphic-red-subtle: var(--point10);    
    --color-graphic-red: var(--point20);
    --color-graphic-red-dark: var(--point40);
    --color-graphic-red-darker: var(--point70);
    --color-graphic-brand: var(--primary50);
    --color-alpha-shadow1: #0000001f;
    --color-alpha-shadow2: #00000033;
    --color-alpha-shadow3: #00000066;
    
}
/* 화면 설정 */
.ico_mode{mask-image:url(../../common/img/common/ico_view_mode.svg);}
[data-mode=dark] body{background:var(--color-background-black);}


/* placeholder 클릭 시 감춤 */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important; }
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important; }


/* 드래그 및 포커스 */
::selection{background:#346fb2;color:#fff;}
::-moz-selection {background:#346fb2;color:#fff;}
*:focus {outline: 0.2rem solid var(--color-element-primary);outline-offset: 0.1rem;transition: outline 0s;}


/* 숨김 콘텐츠 */
.alt_hidden, legend, .scHdn,table caption,
caption>p {position:absolute;top:0;left:0;width:0.1rem;height:0.1rem;margin:0.1rem;border:none;overflow:hidden;clip:rect(0, 0, 0, 0);}
caption>p {display:inline;}


/* dim */
#dim,
#gnb_dim {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;}
#dim.on {visibility:visible;opacity:0.5;z-index:60;} /*header 위로*/
#gnb_dim.on {visibility:visible;opacity:0.5;z-index:90;} /*header 아래로*/
#dim.isOn{visibility:visible;opacity:0.5;z-index:110;}/* snb,header 위로 */

/* 건너뛰기 링크 */
#skip_menu{position:fixed;top:0;left:0;z-index:10000;width:100%;text-align:center;}
#skip_menu a{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
#skip_menu a:focus{display:flex;align-items:center;justify-content:center;flex-direction:row;width:100%;height:3.2rem;font-size:1.4rem;color:var(--color-text-basic-inverse);outline-offset:-0.4rem;margin:0 auto;text-align:center;clip:inherit;background-color:var(--color-background-inverse);outline:0.2rem solid #fff;box-shadow:inset 0 0 0 0.4rem var(--color-icon-primary-static);transition:none;}


/*** 스타일 가이드 ***/
/* Typography */
/*weight*/
.wB{font-weight:700 !important;}
.wN{font-weight:400 !important;}

/* display */
.display_large {display:block;width:100%;font-size:6rem;font-weight:700;letter-spacing:0.1rem;line-height:150%;}
.display_medium {display:block;width:100%;font-size:4.4rem;font-weight:700;letter-spacing:0.1rem;line-height:150%;}
.display_small {display:block;width:100%;font-size:3.6rem;font-weight:700;letter-spacing:0.1rem;line-height:150%;}

/* Heading */
.Heading_xlarge{display:block;width:100%;font-size:4.6rem;font-weight:700;letter-spacing:0.1rem;line-height:150%;}
.Heading_large{display:block;width:100%;font-size:3.2rem;font-weight:700;letter-spacing:0.1rem;line-height:150%;}
.Heading_medium{display:block;width:100%;font-size:2.8rem;font-weight:700;letter-spacing:0;line-height:150%;}
.Heading_small{display:block;width:100%;font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:150%;}
.Heading_xsmall{display:block;width:100%;font-size:1.6rem;font-weight:700;letter-spacing:0;line-height:150%;}
.Heading_xxsmall{display:block;width:100%;font-size:1.4rem;font-weight:700;letter-spacing:0;line-height:150%;}

/* Body */
.txtBody_largeB{display:block;width:100%;font-size:1.8rem;font-weight:700;letter-spacing:0;line-height:150%;}
.txtBody_mediumB{display:block;width:100%;font-size:1.6rem;font-weight:700;letter-spacing:0;line-height:150%;}
.txtBody_smallB{display:block;width:100%;font-size:1.4rem;font-weight:700;letter-spacing:0;line-height:150%;}
.txtBody_xsmallB{display:block;width:100%;font-size:1.3rem;font-weight:700;letter-spacing:0;line-height:150%;}
.txtBody_large{display:block;width:100%;font-size:1.8rem;font-weight:400;letter-spacing:0;line-height:150%;}
.txtBody_medium{display:block;width:100%;font-size:1.6rem;font-weight:400;letter-spacing:0;line-height:150%;}
.txtBody_small{display:block;width:100%;font-size:1.4rem;font-weight:400;letter-spacing:0;line-height:150%;}
.txtBody_xsmall{display:block;width:100%;font-size:1.3rem;font-weight:400;letter-spacing:0;line-height:150%;}
@media screen and (max-width: 767px) {
    /* display */
    .display_large {font-size:4.4rem;}
    .display_medium {font-size:3.2rem;}
    .display_small {font-size:2.8rem;}

    /* Heading */
    .Heading_xlarge{font-size:2.8rem;}
    .Heading_large{font-size:2.4rem;}
    .Heading_medium{font-size:2.2rem;}

    /* body */
    .txtBody_xsmallB{font-size:1.2rem;}
    .txtBody_xsmall{font-size:1.2rem;}
}


/* Text List */
.txtList{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:1.2rem;}
.txtList>li{position:relative;font-size:1.6rem;line-height:150%;letter-spacing:0;padding-left:1.2rem;width:100%;}
.txtList>li::before{content:"";position:absolute;}
.txtList>li>.txtList{gap:0.8rem;margin-top:1.6rem;}
.txtList>li>.txtList>li{padding-left:2.4rem;}
.txtList>li>.txtList>li>.txtList{margin-top:1.2rem;}
.txtList>li>.txtList>li>.txtList>li{padding-left:2rem;font-size:1.4rem;}

.txtList.dot>li::before{top:1rem;left:0;width:0.4rem;height:0.4rem;border-radius:100%;background:var(--color-text-subtle);}
.txtList.dash>li{padding-left:2rem;}
.txtList.dash>li::before{content:"-";left:0.4rem;top:0;}
.txtList.bullet>li{padding-left:2.4rem;}
.txtList.bullet>li::before{content:attr(data-point);left:0;top:0;font-size:inherit;line-height:inherit;}

.txtList.halfType{margin-right:-1.2rem;}
.txtList.halfType>li{width:calc(50% - 0.6rem);}

/* Color */
.c_Point {color:var(--primary50) !important}
.c_Second {color:var(--second50) !important}
.c_Red {color:var(--danger50) !important;}
.c_Blue {color:var(--info50) !important;}
.c_Black {color:var(--black100) !important;}
.c_White {color:var(--white100) !important;}
.c_Gray {color:var(--gray50) !important;}
.point{color:var(--color-text-primary);}


/*** 컴포넌트 가이드 ***/
/* button - 계층 */
.btn_list{margin-top:4rem;}
.btn_list.center{text-align:center;}
.btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;border-width:0.1rem;border-style:solid;cursor:pointer;white-space:nowrap;min-width:16rem;gap:0.4rem;transition:all 0.3s ease-in-out;line-height:1.5;}
.btn:focus{transition:none;}

.btn.primary{border-color:var(--color-button-primary-fill);background-color:var(--color-button-primary-fill);color:var(--color-text-inverse-static);}
.btn.primary:hover{background-color:var(--color-button-primary-fill-hover);}
.btn.primary:active,
.btn.primary:focus{background-color:var(--color-button-primary-fill-pressed);transition:none;}

.btn.secondary{border:var(--border-width) solid var(--color-border-primary);background-color:var(--color-button-text-fill);color:var(--color-text-primary);}
.btn.secondary:hover{background-color:var(--primary5);}
.btn.secondary:active,
.btn.secondary:focus{background-color:var(--primary10);}

.btn.line{border-color:var(--color-button-tertiary-border);background-color:var(--color-button-text-fill);color:var(--color-text-basic);}
.btn.line:hover{background-color:var(--color-button-tertiary-fill-hover);}
.btn.line:active,
.btn.line:focus{background-color:var(--color-button-tertiary-fill-pressed);}

.btn[disabled],
.btn[disabled]:hover,
.btn[disabled]:active,
.btn.disabled,
.btn.disabled:hover,
.btn.disabled:active{background-color:var(--color-button-disabled-fill);border-color:var(--color-button-disabled-border);color:var(--color-text-disabled-on);cursor:default;}

/* button - 사이즈 */
.btn.xsmall{gap:0.2rem;height:3.2rem;padding:0 1rem;border-radius:0.4rem;font-size:1.4rem;}
.btn.small{gap:0.2rem;height:4rem;padding:0 1.2rem;border-radius:0.6rem;font-size:1.4rem;}
.btn.medium{gap:0.4rem;height:5rem;padding:0 1.6rem;border-radius:0.6rem;font-size:1.7rem;}
.btn.large{gap:0.4rem;height:5.6rem;padding:0 2rem;border-radius:0.8rem;font-size:1.8rem;}
.btn.xlarge{gap:0.4rem;height:6.4rem;padding:0 2.4rem;border-radius:0.8rem;font-size:1.8rem;}

/* button - 텍스트 */
.btn.text{height:auto;min-width:auto;white-space:normal;color:var(--color-text-basic);border-color:var(--color-button-text-border);background:var(--color-button-text-fill);}
.btn.text:hover,
.btn.text:active,
.btn.text:focus{color:var(--color-text-primary);}
.btn.text[disabled],
.btn.text[disabled]:hover,
.btn.text[disabled]:active, 
.btn.text.disabled,
.btn.text.disabled:hover,
.btn.text.disabled:active{color:var(--color-text-disabled);border-color:var(--color-button-disabled-border);background:var(--color-button-text-fill);}

.btn.text.xsmall{padding:0 0.2rem;min-height:2rem;}
.btn.text.small{padding:0 0.2rem;}
.btn.text.medium{padding:0.2rem;}
.btn.text.large{padding:0.5rem 0.2rem;}
.btn.text.xlarge{padding:0.9rem 0.2rem;}

/* button - 아이콘 */
.btn .svg_icon{display:inline-flex;transition:0.4s ease-in-out;mask-repeat:no-repeat;mask-position:center;mask-size:contain;forced-color-adjust: none;background-color:var(--color-text-basic);}
.btn .svg_icon.pure{mask:unset;background-repeat:no-repeat;background-position:center;background-size:contain;background-color:transparent;}
.btn.xsmall .svg_icon{width:1.6rem;height:1.6rem;}
.btn.small .svg_icon{width:1.6rem;height:1.6rem;}
.btn.medium .svg_icon{width:2rem;height:2rem;}
.btn.large .svg_icon{width:2.4rem;height:2.4rem;}
.btn.xlarge .svg_icon{width:2.4rem;height:2.4rem;}

.ico_down{mask-image:url(../img/common/ico_download.svg);}
.ico_like{mask-image:url(../img/common/ico_like.svg);}
.ico_sch{mask-image:url(../img/common/ico_sch.svg);}
.ico_help{background-image:url(../img/common/ico_help.svg);}
.ico_refresh{mask-image:url(../img/common/ico_reset.svg);}

.btn.primary .svg_icon{background-color:var(--color-text-inverse-static);}
.btn.text .svg_icon{background-color:var(--color-text-basic);}

.btn.text[disabled] .svg_icon,
.btn.text[disabled]:hover .svg_icon,
.btn.text[disabled]:active .svg_icon, 
.btn.text.disabled .svg_icon,
.btn.text.disabled:hover .svg_icon,
.btn.text.disabled:active .svg_icon{background-color:var(--color-text-disabled);}

.btn.icon{width:2.4rem;height:2.4rem;min-width:auto;background-color:transparent;border-color:transparent;border-width:0;position:relative;}
.btn.icon.xsmall{width:1.6rem;height:1.6rem;padding:0;}
.btn.icon.small{width:2rem;height:2rem;padding:0;}
.btn.icon.medium{width:2.4rem;height:2.4rem;padding:0;}
.btn.icon.large{width:3.2rem;height:3.2rem;padding:0;}
.btn.icon.xlarge{width:4rem;height:4rem;padding:0;}
.btn.icon .svg_icon{width:100%;height:100%;}

.btn.icon.border{background-color:var(--color-background-white);border:var(--border-width) solid var(--color-border-gray);border-radius:100%;}
.btn.icon.border.large .svg_icon{width:1.6rem;height:1.6rem;}
.btn.icon.border.xlarge .svg_icon{width:2.4rem;height:2.4rem;}
.btn.icon.border[disabled],
.btn.icon.border[disabled]:hover,
.btn.icon.border[disabled]:active,
.btn.icon.border.disabled,
.btn.icon.border.disabled:hover,
.btn.icon.border.disabled:active{background-color:var(--color-button-disabled-fill);}

/* a - 링크 */
.btn.link{height:auto;min-width:auto;background-color:var(--color-button-text-fill);border-color:var(--color-button-text-border);white-space:normal;color:var(--color-link-default);}
.btn.link.small{padding:0;font-size:1.4rem;}
.btn.link.medium{padding:0 0.2rem;font-size:1.6rem;}
.btn.link.large{padding:0 0.2rem;font-size:1.8rem;}
.btn.link .underline{text-decoration:underline;text-underline-offset:0.3rem;color:inherit;}

.btn.link:hover,
.btn.link:active,
.btn.link:focus{color:var(--color-text-primary);}
.btn.link:visited{color:var(--color-link-visited);text-decoration:none;}
.btn.link:not(.icon) .svg_icon{background-color:var(--color-link-default);}
.btn.link:hover .svg_icon{background-color:var(--color-link-hover);}
.btn.link:active .svg_icon,
.btn.link:focus .svg_icon{background-color:var(--color-link-pressed);}
.btn.link:visited .svg_icon{background-color:var(--color-link-visited);}

.btn.link.basic{color:var(--color-text-basic);}
.btn.link.basic:hover,
.btn.link.basic:active,
.btn.link.basic:focus{color:var(--color-text-primary);}
.btn.link.basic:visited{color:var(--color-link-visited);text-decoration:none;}
.btn.link.basic .svg_icon{background-color:var(--color-text-basic);}
.btn.link.basic:hover .svg_icon{background-color:var(--color-link-hover);}
.btn.link.basic:active .svg_icon,
.btn.link.basic:focus .svg_icon{background-color:var(--color-link-pressed);}
.btn.link.basic:visited .svg_icon{background-color:var(--color-link-visited);}

.btn.link.pure:hover, 
.btn.link.pure:active, 
.btn.link.pure:focus, 
.btn.link.pure:visited {color:var(--color-link-default);}
.btn.link.pure:hover .svg_icon, 
.btn.link.pure:active .svg_icon, 
.btn.link.pure:focus .svg_icon{background-color:var(--color-link-default);}
.btn.link.pure.basic:hover .svg_icon, 
.btn.link.pure.basic:active .svg_icon, 
.btn.link.pure.basic:focus .svg_icon{background-color:var(--color-link-default);}
/* .btn.link.pure.basic:hover, 
.btn.link.pure.basic:active, 
.btn.link.pure.basic:focus {color:var(--color-text-basic);}
.btn.link.pure.basic:hover .svg_icon, 
.btn.link.pure.basic:active .svg_icon, 
.btn.link.pure.basic:focus .svg_icon, 
.btn.link.pure.basic:visited .svg_icon{background-color:var(--color-text-basic);} */

.ico_go{mask-image:url(../img/common/ico_go.svg);}

.btn.link .underline.ani_underline{text-decoration-color:transparent;transition: 0.4s ease-in-out;}
.btn.link:hover .underline.ani_underline, 
.btn.link:active .underline.ani_underline, 
.btn.link:focus .underline.ani_underline, 
.btn.link:visited .underline.ani_underline{ text-decoration-color:inherit;}

/* button 영역 */
.btnArea {margin:0 !important;padding:4rem 0 0 !important;font-size:0;text-align:center !important;}
.btnArea a+a,
.btnArea button+button {margin:0 0 0 1rem !important;}
.pagination+.btnArea {margin:0 !important;padding:3rem 0 0 !important;font-size:0;text-align:center !important;}
.pagination+.btnAreaL,
.pagination+.btnAreaR,
.pagination+.btnAreaC {position:relative !important;margin:0 !important;padding:0 !important;}
.pagination+.btnAreaL>a,
.pagination+.btnAreaL>button {position:absolute !important;left:0 !important;right:auto !important;top:auto !important;bottom:2.4rem !important;}
.pagination+.btnAreaR>a,
.pagination+.btnAreaR>button {position:absolute !important;left:auto !important;right:0 !important;top:auto !important;bottom:2.4rem !important;}
.pagination+.btnAreaC>.fL>a,
.pagination+.btnAreaC>.fL>button {position:absolute !important;left:0 !important;right:auto !important;top:auto !important;bottom:2.4rem !important;}
.pagination+.btnAreaC>.fR>a,
.pagination+.btnAreaC>.fR>button {position:absolute !important;left:auto !important;right:0 !important;top:auto !important;bottom:2.4rem !important;}
.tbArea_btn {font-size:0;margin-top:4rem;text-align:center;}
.tbArea_btn > a {margin-bottom:0;}
.tbArea_btn > a + a {margin-left:1rem}

.btn_titR {margin-top:-5rem;margin-bottom:2rem;text-align:right;font-size:0;}
.btn_titR .tit_mail {display:inline-block;margin-right:1rem;vertical-align:top;line-height:4rem;}
.btn_titR a+a {margin-left:0.5rem;}

[data-mode=dark] .btn.text,
[data-mode=dark] .btn.link{border:none;}


/* input reset */
input{border-radius:0;appearance:none;-webkit-border-radius:0;-webkit-appearance:none;}
input[type=text]::-ms-clear{display: none;}
a[href^="tel"], a[href^="mailto"] {color: inherit;text-decoration: none;}
input:focus{outline:none;box-shadow:none;transition:none;}

/* Radio Button : [참고] 사각라디오버튼은 접근성에 맞지않아 사용불가 */
.radio_area{display:flex;flex-wrap:wrap;gap:2rem;position:relative;}
.radio_area.column{flex-direction:column;}
.input_radio{position:relative;}
.input_radio input[type=radio]~label{position:relative;display:inline-flex;flex-wrap:wrap;font-size:1.8rem;gap:0.8rem;font-weight:400;cursor:pointer;}
.input_radio input[type=radio]~label::before{content:"";display:inline-flex;flex-shrink:0;z-index:3;width:2rem;height:2rem;background-color:var(--color-element-inverse);border:var(--border-width) solid var(--color-element-gray);border-radius:100%;margin-top:0.3rem;transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);box-sizing:border-box;}
.input_radio input[type=radio]~label::after{content:"";display:inline-flex;width:1rem;height:1rem;position:absolute;z-index:4;border-radius:100%;top:0.8rem;left:0.5rem;background-color:transparent;transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);box-sizing:border-box;}
.input_radio input[type=radio]:checked~label::before{border-color:var(--color-element-primary);}
.input_radio input[type=radio]:checked~label::after{background-color:var(--color-element-primary);}
.input_radio input[type=radio]:disabled~label{cursor:default;color:var(--color-text-disabled);}
.input_radio input[type=radio]:checked:disabled~label::before,
.input_radio input[type=radio]:disabled~label::before{border-color:var(--color-element-disabled-dark);background-color:var(--color-element-disabled-light);}
.input_radio input[type=radio]:disabled~label::after{background-color:inherit;}
.input_radio input[type=radio]:checked:disabled~label::after{background-color:var(--color-element-disabled-dark);}
.input_radio input[type=radio]:focus~label{outline:0.1rem solid var(--color-element-primary);outline-offset:0;}

.input_radio.small input[type=radio]~label{font-size:1.4rem;}
.input_radio.small input[type=radio]~label::before{width:1.6rem;height:1.6rem;}
.input_radio.small input[type=radio]~label::after{top:0.7rem;left:0.4rem;width:0.8rem;height:0.8rem;}
.input_radio.large input[type=radio]~label{font-size:1.8rem;}
.input_radio.large input[type=radio]~label::before{width:2.4rem;height:2.4rem;}
.input_radio.large input[type=radio]~label::after{top:0.9rem;left:0.6rem;width:1.2rem;height:1.2rem;}

/* Checkbox : [참고] 원형체크박스는 접근성에 맞지않아 사용불가 */
.check_area{display:flex;flex-wrap:wrap;gap:2rem;position:relative;}
.check_area.column{flex-direction:column;}
.input_check{position:relative;}
.input_check input[type=checkbox]~label{position:relative;display:inline-flex;flex-wrap:wrap;font-size:1.6rem;gap:0.8rem;font-weight:400;cursor:pointer;}
.input_check input[type=checkbox]~label::before{content:"";display:inline-flex;flex-shrink:0;z-index:3;width:2rem;height:2rem;background-color:var(--color-element-inverse);border:var(--border-width) solid var(--color-element-gray);border-radius:0.4rem;margin-top:0.3rem;transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);box-sizing:border-box;}
.input_check input[type=checkbox]~label::after{content:"";display:inline-flex;width:1.2rem;height:1.2rem;position:absolute;box-sizing:border-box;mask:url(../img/common/ico_checkbox_checked.svg) no-repeat center center/ contain;forced-color-adjust:none;z-index:4;transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);top:0.7rem;left:0.4rem;background-color:var(--color-element-inverse);}
.input_check input[type=checkbox]:checked~label::before{border-color:var(--color-element-primary);background-color:var(--color-element-primary);}
.input_check input[type=checkbox]:checked~label::after{transition-delay:0.1s;background-color:var(--color-element-inverse-static);}
.input_check input[type=checkbox]:disabled~label{cursor:default;color:var(--color-text-disabled);}
.input_check input[type=checkbox]:checked:disabled~label::before,
.input_check input[type=checkbox]:disabled~label::before{border-color:var(--color-element-disabled-dark);background-color:var(--color-element-disabled-light);}
.input_check input[type=checkbox]:disabled~label::after{background-color:inherit;}
.input_check input[type=checkbox]:checked:disabled~label::after{background-color:var(--color-element-disabled-dark);}
.input_check input[type=checkbox]:focus~label{outline:0.2rem solid var(--color-text-inverse-static);outline-offset:0;box-shadow:0 0 0 0.4rem var(--color-element-primary);transition: outline 0s, box-shadow 0s !important;}

.input_check.small input[type=checkbox]~label{font-size:1.4rem;}
.input_check.small input[type=checkbox]~label::before{width:1.6rem;height:1.6rem;}
.input_check.small input[type=checkbox]~label::after{top:0.6rem;left:0.3rem;width:1rem;height:1rem;}
.input_check.large input[type=checkbox]~label{font-size:1.8rem;gap:1.6rem;}
.input_check.large input[type=checkbox]~label::before{width:2.4rem;height:2.4rem;}
.input_check.large input[type=checkbox]~label::after{top:0.7rem;left:0.4rem;width:1.6rem;height:1.6rem;}

.radio_area .info,
.check_area .info{width:100%;display:block;color:var(--color-text-subtle);margin-top:0.8rem;font-size:1.6rem;padding-left:3rem;box-sizing:border-box;}
.input_radio.large .info,
.input_check.large .info{font-size:1.8rem;padding-left:4rem;}
@media only screen and  (max-width:767px){
    .input_radio.large .info,
    .input_check.large .info{font-size:1.7rem;padding-left:4.4rem;}
    .input_radio.large .info br,
    .input_check.large .info br{display:none;}
}

/* Select */
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
option {-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;transition: none !important;}
.selectBase{width:100%;height:5.6rem;padding:0 4.8rem 0 1.6rem;color:var(--color-text-basic);border:var(--border-width) solid var(--color-border-gray);border-radius:1rem;font-size:1.8rem;background:url(../img/common/ico_angle.svg) no-repeat center right 1.6rem;background-color:var(--color-input-surface);cursor:pointer;position:relative;}
.selectBase[readonly],
.selectBase:disabled{cursor:default;pointer-events:none;}
.selectBase:focus{border-color: var(--color-input-border-active);outline:0.1rem solid var(--color-element-primary);box-shadow: none;outline-offset:0;}
.selectBase[readonly]{background-color:var(--color-input-surface-disabled);border-color:var(--color-input-border-disabled);color:var(--color-text-disabled);}
.selectBase:disabled{background-color:var(--color-input-surface-disabled);border-color:var(--color-input-border-disabled);color:var(--color-text-disabled-on);background-image:url(../img/common/ico_angle_disabled.svg);opacity:1;}

.selectBase.small{height:4rem;padding:0 4rem 0 1.6rem;border-radius:0.8rem;font-size:1.4rem;background-size:1.6rem;}
.selectBase.medium{height:4.8rem;padding:0 4.4rem 0 1.6rem;border-radius:0.6rem;font-size:1.8rem;background-size:2rem;}
[data-mode=dark] .selectBase{background-image:url(../img/common/ico_angle_inverse.svg);}
[data-mode=dark] .selectBase:disabled{background-image:url(../img/common/ico_angle_disabled_inverse.svg);}

/* input */
.inputBase{position:relative;width:100%;height:5.6rem;padding:0 1.6rem;border-radius:1rem;font-size:1.8rem;box-sizing:border-box;color:var(--color-text-basic);border:var(--border-width) solid var(--color-border-gray);background-color:var(--color-input-surface);transition:0.4s ease-in-out;font-weight:400;}
.inputBase:not(textarea):placeholder-shown {display:-webkit-box;overflow: hidden;text-overflow:ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.inputBase::placeholder{-webkit-text-fill-color:var(--color-text-disabled);-webkit-opacity:1;opacity:1;color:var(--color-text-disabled);}
.inputBase:-webkit-input-placeholder{color:var(--color-text-disabled);}
.inputBase:-moz-placeholder{color:var(--color-text-disabled);}
.inputBase:-ms-input-placeholder{color:var(--color-text-disabled);}
.inputBase:focus{outline:0.1rem solid var(--color-element-primary);outline-offset:-0.2rem;border-color:var(--color-input-border-active);box-shadow:none;}
.inputBase[readonly]{background-color:var(--color-input-surface-disabled);border-color:var(--color-input-border-disabled);color:var(--color-text-disabled);}
.inputBase[readonly]:focus{border-color:var(--color-input-border-active);}
.inputBase[disabled]{background-color:var(--color-input-surface-disabled);border-color:var(--color-input-border-disabled);color:var(--color-text-disabled-on);opacity:1;}

.inputBase.medium{height:4.8rem;font-size:1.8rem;border-radius:0.6rem;}
.inputBase.small{height:4rem;font-size:1.4rem;border-radius:0.6rem;}

.inputBase.form_icon{padding:0 5.6rem 0 1.6rem;}

input[type="date"]{-webkit-appearance:none;position: relative;}

/* 그룹 input */
.form_group{display:flex;width:100%;flex-wrap:wrap;align-items:normal;justify-content:start;gap:0.8rem;}
.form_group ~ .form_group{margin-top:2.4rem;}
.form_group .form_cont{display:flex;flex-wrap:wrap;gap:1.2rem;width:100%;}
.form_group .form_cont .inputBase{flex:1 0 calc(33.33% - 1.2rem);}
.form_group .form_cont.column{flex-direction:column;}
.form_group .form_cont.column .inputBase{flex:unset;}

.form_title,
.form_label{width:100%;color:var(--color-text-subtle);}
label{display:inline-flex;cursor:pointer;}
.form_title label,
.form_label label{font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;cursor:pointer;}

/* hint input */
.form_hint{display:flex;gap:0.4rem;width:100%;font-size:1.3rem;color:var(--color-text-subtle);}
.form_hint::before{content:"";display:inline-flex;width:1.6rem;height:1.6rem;mask:url(../img/common/ico_information.svg) no-repeat center center/ contain;flex-shrink:0;margin-top:0.2rem;background-color:var(--color-text-subtle);}

/* ERROR input */
.is_error .inputBase{background-color:var(--color-input-surface);border-color:var(--color-input-border-error);border-width:0.1rem;color:var(--color-input-surface);}
.is_error .form_hint{color:var(--color-text-danger);}
.is_error .form_hint::before{content:"";mask:none;background-color:transparent;background:url(../img/common/ico_error_fill.svg) no-repeat center center/ contain;}
.is_error .inputBase:focus{border-color:var(--color-input-border-active);}

/* Textarea */
.textarea_bx{display:flex;align-items:normal;justify-content:start;flex-direction:column;gap:0.8rem;width:100%;}
textarea.inputBase{resize:none;height:14.4rem;min-height:9.6rem;padding:0.8rem 1.6rem;}
.textarea_unit{display:flex;align-items:start;justify-content:flex-end;box-sizing:border-box;width:100%;gap:1.6rem;}
.textarea_count{display:inline-flex;align-items:center;justify-content:end;text-align:right;font-size:1.4rem;font-weight:400;gap:0.2rem;}
.textarea_count span{font-size:inherit;font-weight:inherit;display:inline-flex;gap:0.2rem;color:var(--color-text-subtle);line-height:1.1;}
.textarea_count span:last-child::before{content:"/";display:inline-flex;}
.textarea_count span.point{color:var(--color-text-primary);}
[data-mode=dark] .textarea_count span.point{color:var(--primary20);}
@media only screen and (max-width:480px){
    .textarea_unit{flex-wrap:wrap;gap:0.8rem;justify-content:space-between;}
    .form_hint{width:auto;}
}
@media only screen and (max-width:340px){
    .form_hint,
    .textarea_count{width:100%;}
}


/* datepicker(플러그인 사용 시) */
.date-picker {z-index:1500 !important}
.picker_txt {display:inline-block;padding-left:0.5rem;vertical-align:top;line-height:4rem;text-align:center;}
.date-picker .prev-but,
.date-picker .next-but {font-size:1.8rem !important;}
.ui-datepicker td a {padding:0 !important;font-size:1.2rem !important;text-align:center !important;letter-spacing:-0.05rem !important;}

input.timepicker {padding-right:3rem;background:#fff url(../img/common/ico_clock_black.png) no-repeat right 1rem top 1.1rem !important;}
input.inp_t~.timepicker {margin-left:0.5rem;}
.ui-timepicker-standard a {text-align:left !important;}

.multipickerBox {display:inline-block;position:relative;vertical-align:top;}
.multipickerBox>input {padding-right:3rem;background:#fff url(../js/multidatepicker/datepicker-calendar.png) no-repeat right 1rem top 1rem !important;cursor:pointer;}
.multipickerBox .multidatepicker {position:absolute;left:0;top:3.5rem;z-index:5000;box-shadow:0 0 1rem -0.5rem #000;}
.multipickerBox .multidatepicker .btn_close {display:none;}
.multipickerBox .multidatepicker.hasDatepicker .btn_close {display:block;position:absolute;right:-2rem;top:0;overflow:hidden;width:2.1rem;height:2rem;box-sizing:border-box;border:var(--border-width) solid #c5c5c5;border-left:none;border-top-right-radius:0.4rem;border-bottom-right-radius:0.4rem;background:#fff url(../js/multidatepicker/datepicker-close.png) no-repeat center;background-size:auto 1rem;text-indent:-990.9rem;z-index:5000;}
.multipickerBox+.picker_txt {padding-left:0;}

.yearPickerBox  {display:inline-block;position:relative;vertical-align:top;}
.yearPickerBox >input {padding-right:3rem;background:#fff url(../js/multidatepicker/datepicker-calendar.png) no-repeat right 1rem top 1rem !important;cursor:pointer;}

.datepicker_input{position:relative;z-index: 1;width: 100%;}
.datepicker_input .date-picker-control {
    position: absolute !important;
    top: 50% !important;
    right: 1.6rem;
    transform: translateY(-50%);
    background-image:none !important;
    width:2.4rem;
    height:2.4rem;border-radius:0.6rem;
}
.datepicker_input .date-picker-control::after {
    content: "";
    display: flex;
    width: 100%;
    height: 100%;
    mask: url(../../common/img/common/ico_calendar.svg) no-repeat center center / contain;
    background-color: var(--color-text-basic);
}
.datepicker_input .date-picker-control span:not(.fd-screen-reader){display:none;}



/* calendar(KRDS 달력) */
.calendar_area{position:relative;}
.calendar_input{position:relative;z-index:1;width:100%;}
.calendar_input .btn_calendar{position:absolute;top:50%;right:1.6rem;transform:translateY(-50%);}
.calendar_input .btn_calendar::after{content:"";display:flex;width:100%;height:100%;mask:url(../../common/img/common/ico_calendar.svg) no-repeat center center/ contain;background-color:var(--color-text-basic);}
.calendar_input .mult_group.range{width:100%;align-items:center;display:flex;gap:0.8rem;}
.calendar_input .mult_group.range li{flex:auto;}
.calendar_input .mult_group.range li.mark{flex-shrink:0;flex:none;}
.calendar_pop{position:absolute;left:0;bottom:0;}
.calendar_pop .calendar_wrap{position:absolute;left:0;bottom:6.4rem;width:39rem;background:var(--color-surface-secondary-subtler);border:var(--border-width) solid var(--color-border-secondary-light);border-radius:1.2rem;overflow:hidden;z-index:1000;}
.calendar_pop .calendar_head{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:2.4rem;font-size:1.6rem;font-weight:700;}
.calendar_pop .calendar_head .btn_cal{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;background:var(--color-action-white);border:var(--border-width) solid var(--color-border-gray-light);border-radius:100%;flex-shrink:0;}
.calendar_pop .calendar_head .btn_cal::after{content:"";display:flex;width:2rem;height:2rem;mask:url(../../common/img/common/ico_angle.svg) no-repeat center center/ contain;background-color:var(--color-text-basic);}
.calendar_pop .calendar_head .btn_cal.prev::after{transform:rotate(90deg);}
.calendar_pop .calendar_head .btn_cal.next::after{transform:rotate(-90deg);}
.calendar_pop .calendar_head .calendar_switch{display:flex;align-items:center;justify-content:center;gap:0.4rem;}
.calendar_pop .calendar_head .calendar_switch .select_sorting{position:relative;}
.calendar_pop .calendar_head .calendar_switch .btn_cal_switch{height:4rem;position:relative;display:flex;align-items:center;justify-content:center;gap:0.4rem;padding:0 0.6rem;border-radius:0.6rem;border:var(--border-width) solid transparent;text-align:center;transition: 0.4s ease-in-out;font-size:1.6rem;font-weight:700;}
.calendar_pop .calendar_head .calendar_switch .btn_cal_switch::after{content:"";width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;mask:url(../../common/img/common/ico_arrow_dropdown.svg) no-repeat center center/ contain;background-color:var(--color-text-basic);}
.calendar_pop .calendar_head .calendar_switch .btn_cal_switch:hover{background-color:var(--color-action-secondary-hover);}
.calendar_pop .calendar_head .calendar_switch .btn_cal_switch:focus,
.calendar_pop .calendar_head .calendar_switch .btn_cal_switch:active{background-color:var(--color-action-secondary-pressed);}
.calendar_pop .calendar_head .calendar_switch .select_menu{position:absolute;top:calc(100% + 0.4rem);left:50%;transform:translateX(-50%);min-width:14rem;max-height:calc(4rem * 6 + 0.8rem * 2);padding:0.8rem;border-radius:0.8rem;border:var(--border-width) solid var(--color-divider-gray-light);background-color:var(--color-surface-white);transition:0.4s ease-in-out;box-shadow:0 0 0.2rem 0 #0000001f, 0 0.4rem 0.8rem 0 #00000033;opacity:0;z-index:-1;visibility:hidden;pointer-events:none;overflow-x:hidden;overflow-y:auto;}
.calendar_pop .calendar_head .calendar_switch .select_menu.active{opacity:1;z-index:10;visibility:visible;pointer-events:auto;}
.calendar_pop .calendar_head .calendar_switch .select_menu::-webkit-scrollbar{width:0.8rem;}
@media only screen and  (max-width:1040px){
    .calendar_pop .calendar_head .calendar_switch .select_menu::-webkit-scrollbar-thumb{background-color:var(--color-element-secondary-light);border-radius:0.8rem;}
    .calendar_pop .calendar_head .calendar_switch .select_menu::-webkit-scrollbar-track{background-color:var(--color-element-secondary-lighter);border-radius:0.8rem;}
}
.calendar_pop .calendar_head .calendar_switch .select_menu .select_list{display:flex;align-items:start;justify-content:start;flex-direction:column;}
.calendar_pop .calendar_head .calendar_switch .select_menu .select_list li{display:flex;align-items:center;justify-content:center;width:100%;height:4rem;border-radius:0.6rem;font-size:1.6rem;}
.calendar_pop .calendar_head .calendar_switch .select_menu .select_list li:hover{background-color:var(--color-action-secondary-hover);}
.calendar_pop .calendar_head .calendar_switch .select_menu .select_list li:active,
.calendar_pop .calendar_head .calendar_switch .select_menu .select_list li:focus{background-color:var(--color-action-secondary-pressed);}
.calendar_pop .calendar_head .calendar_switch .select_menu .select_list li[aria-selected=true]{color:var(--color-text-secondary);border:var(--border-width) solid var(--color-border-secondary);background-color:var(--color-surface-white);}
.calendar_pop .calendar_head .calendar_switch .select_menu .select_list li[disabled]{cursor:default;color:var(--color-text-disabled-on);background-color:var(--color-surface-white);}
.calendar_pop .calendar_body{position:relative;padding:0 1.6rem;}
.calendar_pop .calendar_body table{table-layout:fixed;width:100%;max-width:100%;border-collapse:collapse;}
.calendar_tbl caption{position:absolute;left:1.6rem;top:4.6rem;text-align:left;font-size:1.4rem;font-weight:700;color:var(--color-text-subtle);}
.calendar_tbl th{width:14.2857142857%;font-size:1.4rem;font-weight:400;padding-bottom:4.6rem;}
.calendar_tbl td{width:14.2857142857%;padding:0.2rem 0;position:relative;}
.calendar_tbl td > button{position:relative;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;font-size:1.6rem;transition:all 0.4s ease-in-out;z-index:5;margin-inline:auto;}
.calendar_tbl td > button::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:100%;transition:all 0.4s ease-in-out;z-index:-1;}
.calendar_tbl td:not(.period, .old, .new) > .btn_set_date:hover::after{background:var(--color-action-secondary-on-selected);}
.calendar_tbl td:not(.period, .old, .new) > .btn_set_date:focus::after{background:var(--color-action-secondary-on-pressed);}
/* 공휴일 */
.calendar_tbl td.day_off > .btn_set_date{color:var(--color-text-danger);}
.calendar_tbl td.start.day_off > .btn_set_date{color:var(--color-text-inverse-static);}
.calendar_tbl td.end.day_off > .btn_set_date{color:var(--color-text-inverse-static);}
.calendar_wrap.range .calendar_tbl td.period.day_off > .btn_set_date{color:var(--color-text-danger);}
.calendar_wrap.range .calendar_tbl td.start.day_off > .btn_set_date{color:var(--color-text-inverse-static);}
.calendar_wrap.range .calendar_tbl td.end.day_off > .btn_set_date{color:var(--color-text-inverse-static);}
/* 오늘날짜 */
.calendar_tbl td.today .btn_set_date::before{content:"";position:absolute;left:50%;bottom:10%;transform:translateX(-50%);width:0.4rem;height:0.4rem;border-radius:100%;background:var(--color-element-point);}
/* 비활성화 */
.calendar_tbl td.period > .btn_set_date,
.calendar_tbl td.old > .btn_set_date,
.calendar_tbl td.new > .btn_set_date,
.calendar_tbl td > .btn_set_date:disabled{cursor:default;color:var(--color-text-disabled);}
/* 활성화 */
.calendar_tbl td.period.start > .btn_set_date{background:var(--color-action-secondary-active);color:var(--color-text-inverse-static);border-top-left-radius:100%;border-bottom-left-radius:100%;}
.calendar_tbl td.period.end > .btn_set_date{background:var(--color-action-secondary-active);color:var(--color-text-inverse-static);border-top-right-radius:100%;border-bottom-right-radius:100%;}
/* 기간 달력에서 달력팝업 버튼 */
.calendar_wrap.range .calendar_tbl td::after{content:"";position:absolute;top:50%;left:0;width:100%;height:calc(100% - 0.2rem * 2);transform:translateY(-50%);}
.calendar_wrap.range .calendar_tbl td.period::after{background:var(--color-action-secondary-on-selected);}
.calendar_wrap.range .calendar_tbl td.period > .btn_set_date::after{background:transparent;border-radius:0;}
.calendar_wrap.range .calendar_tbl td.period > .btn_set_date{cursor:pointer;color:var(--color-text-basic);}
.calendar_wrap.range .calendar_tbl td.period.start::after{background:var(--color-action-secondary-active);width:calc(100% - 0.2rem * 2);left:auto;right:0;border-top-left-radius:100%;border-bottom-left-radius:100%;}
.calendar_wrap.range .calendar_tbl td.period.end::after{background:var(--color-action-secondary-active);width:calc(100% - 0.2rem * 2);border-top-right-radius:100%;border-bottom-right-radius:100%;}
.calendar_wrap.range .calendar_tbl td.period.start > .btn_set_date{background:transparent;color:var(--color-text-inverse-static);}
.calendar_wrap.range .calendar_tbl td.period.end > .btn_set_date{background:transparent;color:var(--color-text-inverse-static);}
.calendar_wrap.range .calendar_tbl td.period.start.end > .btn_set_date::after{background:var(--color-action-secondary-active);;border-radius:100%;}
.calendar_wrap.range .calendar_tbl td.period.start.end::after{display:none;}
/* 이벤트 */
.calendar_tbl td.day_event > .btn_set_date,
.calendar_wrap.range .calendar_tbl td.period.day_event > .btn_set_date{color:var(--color-text-information);text-decoration:underline;text-underline-offset:0.2rem;}
.calendar_tbl td.day_event > .btn_set_date::before,
.calendar_wrap.range .calendar_tbl td.period.day_event > .btn_set_date::before{content:"이벤트";position:absolute;left:50%;bottom:-2%;transform:translateX(-50%);width:100%;text-align:center;color:inherit;font-size:1rem;font-weight:700;}


.calendar_pop .calendar_footer{margin-top:1.6rem;}
.calendar_pop .calendar_footer .calendar_btn_wrap{display:flex;align-items:center;justify-content:flex-end;flex-direction:row;gap:0.8rem;padding:1.6rem;border-top:var(--border-width) solid var(--color-divider-gray-light);background:var(--color-surface-white);}
.calendar_pop .calendar_footer .calendar_btn_wrap button:not(:first-child){min-width:auto;}
.calendar_pop .calendar_footer .calendar_btn_wrap button:first-child{margin-right:auto;}


/* Pagination */
.numberPagination{display:flex;align-items:center;justify-content:center;gap:0.8rem;width:100%;color:var(--color-text-subtle);margin-top:6rem;}
.numberPagination button{display:inline-flex;align-items:center;justify-content:center;height:4rem;background-color:transparent;border-radius:0.6rem;transition:0.4s ease-in-out;font-size:1.6rem;}
.numberPagination button:not(:disabled):hover{background-color:var(--color-action-secondary-hover);}
.numberPagination button:not(:disabled):active{background-color:var(--color-action-secondary-pressed);}
.numberPagination > button::before,
.numberPagination > button::after{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;forced-color-adjust:none;background-color:var(--color-text-basic);}
.numberPagination > button.first{order:1;padding:0 0.8rem 0 0.4rem;}
.numberPagination > button.first::before{content:"";mask:url(../../common/img/common/icon_pagingFirst.svg) no-repeat center center/ contain;}
.numberPagination > button.prev{order:2;padding:0 0.8rem 0 0.4rem;}
.numberPagination > button.prev::before{content:"";mask:url(../../common/img/common/icon_pagingPrev.svg) no-repeat center center/ contain;}
.numberPagination > button.next{order:4;padding:0 0.4rem 0 0.8rem;}
.numberPagination > button.next::after{content:"";mask:url(../../common/img/common/icon_pagingNext.svg) no-repeat center center/ contain;}
.numberPagination > button.last{order:5;padding:0 0.4rem 0 0.8rem;}
.numberPagination > button.last::after{content:"";mask:url(../../common/img/common/icon_pagingLast.svg) no-repeat center center/ contain;}
.numberPagination > button:disabled{color:var(--color-text-disabled);cursor:default;}
.numberPagination > button:disabled::before,
.numberPagination > button:disabled::after{background-color:var(--color-text-disabled);}
.numberPagination>.paging{display:flex;align-items:center;justify-content:center;order:3;gap:0.8rem;}
.numberPagination>.paging button{width:4rem;}
.numberPagination>.paging button.on{background-color:var(--color-action-secondary-active);font-weight:700;color:var(--color-text-inverse-static);}
.numberPagination .pagingDot{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;mask:url(../../common/img/common/ico_ellipsis.svg) no-repeat center center/ contain;background-color:var(--color-text-basic);flex-shrink:0;}
@media only screen and  (max-width:1040px){
    .numberPagination{margin-top:4rem;}
}
@media only screen and  (max-width:767px){
    .numberPagination{position:relative;flex-wrap:wrap;}
    .numberPagination > button{display:inline-flex;align-items:center;gap:0.4rem;}
    .numberPagination > button span{position:relative;width:auto;height:auto;margin:0;overflow:unset;clip:unset;font-size:inherit;font-size:1.5rem;}
    .numberPagination > button::before,
    .numberPagination > button::after{width:1.2rem;height:1.2rem;}
    .numberPagination > button.first{order:1;}
    .numberPagination > button.prev{order:2;}
    .numberPagination > button.next{order:3;}
    .numberPagination > button.last{order:4;}    
    .numberPagination>.paging{order:5;width:100%;}
}
@media only screen and  (max-width:600px){    
    .numberPagination > button span{font-size:1.5rem;}
    .numberPagination>.paging{gap:0.4rem;}
    .numberPagination .pagingDot{width:1.6rem;height:1.6rem;}
}


/* 파일 업로드(File upload) */
input[type="file"]{position:absolute;width:0.1rem;height:0.1rem;padding:0;margin:-0.1rem;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.fileUploadBx{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2.4rem;margin-bottom:1.6rem;position:relative;}
.fileUploadBx p{text-align:center;font-size:1.7rem;word-break:keep-all;}
.fileUploadBx .fileUploadBtn{position:relative;width:100%;}
.fileUploadBx .fileUploadBtn .fileLabel{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2.4rem;width:100%;height:100%;padding:4rem;border-radius:1.2rem;background-color:var(--color-surface-gray-subtle);box-sizing:border-box;text-align:center;}
.fileUploadBx .fileUploadBtn .btn{min-width:auto;transition:0.4s ease-in-out;}
.fileUploadBx .fileUploadBtn.active input[type="file"] ~ .fileLabel,
.fileUploadBx .fileUploadBtn input[type="file"]:focus ~ .fileLabel{outline: 0.2rem solid #fff;outline-offset: -0.4rem;box-shadow:inset 0 0 0 0.4rem #256ef4;transition: outline 0s, box-shadow 0s;}
.fileUploadList{display:flex;align-items:stretch;justify-content:start;flex-wrap:wrap;width:100%;gap:2.4rem;}
.fileUploadList .uploadTop{display:flex;align-items:center;justify-content:start;flex-direction:row;order:-1;flex:1;}
.fileUploadList .uploadDeleteBtn{display:flex;order:-1;line-height:1;}
.fileUploadList .uploadList{width:100%;display:flex;align-items:start;justify-content:start;flex-direction:column;gap:1.6rem;}
.fileUploadList .uploadTop .fileTotal{font-size:1.7rem;width:auto;flex:1;}
.fileUploadList .uploadDeleteBtn .btn{min-width:auto;font-size:1.5rem;}
.fileUploadList .uploadList li{padding:1.6rem;border-radius:0.8rem;background-color:var(--color-surface-white-subtle);border:var(--border-width) solid var(--color-divider-gray-light);box-sizing:border-box;width:100%;}
.fileUploadList .uploadList li .uploadBx{display:flex;align-items:center;justify-content:start;flex-direction:row;gap:1.6rem;}
.fileUploadList .uploadList li .uploadBx .fileInfo{color:var(--color-text-bolder);font-size:1.7rem;flex:1;}
.fileUploadList .uploadList li .uploadBx .fileState{flex-shrink:0;display:inline-flex;align-items:center;}
.fileUploadList .uploadList li .uploadBx .fileState .ico_invalid{display:inline-flex;align-items:center;width:2rem;height:2rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
.fileUploadList .uploadList li .uploadBx .fileState .ico_invalid.ok{background-image:url(../../common/img/common/ico_complete_fill.svg);}
[data-mode=dark] .fileUploadList .uploadList li .uploadBx .fileState .ico_invalid.ok{background-image:url(../../common/img/common/ico_complete_fill_dark.svg);}
.fileUploadList .uploadList li .uploadBx .fileState .ico_delete{background-color:transparent;background:url(../../common/img/common/ico_delete_fill.svg) no-repeat center center/contain;}
[data-mode=dark] .fileUploadList .uploadList li .uploadBx .fileState .ico_delete{background-image:url(../../common/img/common/ico_delete_fill_dark.svg);}
.fileUploadList .uploadList li.is_error{border-color:var(--color-border-danger);background-color:var(--color-surface-danger-subtler);}
.fileUploadList .uploadList li.is_error .form_hint{width:100%;box-sizing:border-box;border-top: var(--border-width) solid var(--color-divider-gray);margin-top:1.2rem;padding-top:1.2rem;font-size:1.7rem;word-break:keep-all;}
.fileUploadList .uploadList li.is_error .form_hint::before{width:2rem;height:2rem;}
@media screen and (max-width:1040px) {
    .fileUploadBx .fileUploadBtn .fileLabel{padding:3rem;}
}
@media screen and (max-width: 767px) {
    .fileUploadBx .fileUploadBtn .fileLabel{padding:2.4rem;gap:1.6rem;}
    .fileUploadList .uploadList li.is_error .form_hint{font-size:1.6rem;}
}


/* 로딩 */
.spinner{display:flex;align-items:center;justify-content:center;position:relative;top:0;left:0;z-index:10;box-sizing:border-box;}
.spinner::before{content:"";display:inline-flex;width:2rem;height:2rem;border:0.2rem solid var(--color-element-disabled-light);border-top-color:var(--color-element-primary);border-radius:100%;animation:spin 900ms infinite linear;box-sizing:border-box;}
.btn .spinner{display:none;}
.spinBtn .btnInfo{display:inline-flex;align-items:center;gap:0.4rem;}
.btn.line .spinner::before{border-color:var(--color-icon-disabled);border-top-color:var(--color-element-primary);}
.spinBtn .spinner.on{display:inline-flex !important;align-items:center;gap:0.4rem;}
.spinBtn .spinner .scHdn{position:static;font-size:inherit;color:inherit;font-weight:inherit;width:auto;height:auto;clip:unset;overflow:unset;margin-left:0.4rem;margin:auto;}
.spinBtn.primary .spinner.on{color:var(--color-text-inverse-static);}
@keyframes spin{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
@-webkit-keyframes spin{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
@-moz-keyframes spin{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
@-o-keyframes spin{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}



/* badge */
.badge_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:0.8rem;}
.badge{display:inline-flex;align-items:center;justify-content:center;height:2.4rem;line-height:1;font-size:1.4rem;font-weight:400;padding:0 0.8rem;border-radius:0.4rem;-webkit-text-size-adjust:none;border-radius:100rem;}
.badge.large{height:3.2rem;font-size:1.6rem;}
.badge[class*="line_"]{border-width:0.1rem;border-style:solid;}
.badge.line_primary{border-color:var(--color-element-primary);color:var(--color-text-primary);}
.badge.line_secondary{color:var(--color-text-secondary);}
.badge.line_gray{color:var(--color-text-subtle);}
.badge.line_point{color:var(--color-text-point);}
.badge.line_danger{color:var(--color-text-danger);}
.badge.line_warning{color:var(--color-text-warning);}
.badge.line_success{color:var(--color-text-success);}
.badge.line_information{color:var(--color-text-information);}
.badge.line_disabled{color:var(--color-text-disabled-on);}
.badge.bg_primary{background-color:var(--color-element-primary);color:var(--color-text-inverse-static);}
.badge.bg_secondary{background-color:var(--color-element-secondary);color:var(--color-text-inverse-static);}
.badge.bg_gray{background-color:var(--color-element-gray);color:var(--color-text-inverse-static);}
.badge.bg_point{background-color:var(--color-element-point);color:var(--color-text-inverse-static);}
.badge.bg_danger{background-color:var(--color-element-danger);color:var(--color-text-inverse-static);}
.badge.bg_warning{background-color:var(--color-element-warning);color:var(--color-text-static);}
.badge.bg_success{background-color:var(--color-element-success);color:var(--color-text-inverse-static);}
.badge.bg_information{background-color:var(--color-element-information);color:var(--color-text-inverse-static);}
.badge.bg_disabled{background-color:var(--color-element-disabled-dark);color:var(--color-text-inverse-static);}
.badge.bg_light_primary{background-color:var(--color-element-primary-lighter);color:var(--color-text-primary);}
.badge.bg_light_secondary{background-color:var(--color-element-secondary-lighter);color:var(--color-text-secondary);}
.badge.bg_light_gray{background-color:var(--color-element-gray-lighter);color:var(--color-text-subtle);}
.badge.bg_light_point{background-color:var(--color-element-pointlighter);color:var(--color-text-point);}
.badge.bg_light_danger{background-color:var(--color-element-danger-lighter);color:var(--color-text-danger);}
.badge.bg_light_warning{background-color:var(--color-element-warning-lighter);color:var(--color-text-warning);}
.badge.bg_light_success{background-color:var(--color-element-success-lighter);color:var(--color-text-success);}
.badge.bg_light_information{background-color:var(--color-element-information-lighter);color:var(--color-text-information);}
.badge.bg_light_disabled{background-color:var(--color-element-disabled-light);color:var(--color-text-disabled-on);}
.badge.number{border-radius:10rem;height:2rem;}

/* 콘텐츠 영역 확장 축소 */
.expand_area .btn_expand{position:relative;border-radius:0;z-index:2;}
.expand_area .expand_wrap{position:relative;}
/* Disclosure */
.disclosure .btn_expand{display:flex;align-items:center;justify-content:start;height:2.6rem;font-size:1.6rem;color:var(--color-text-bolder);}
.disclosure .btn_expand::before{content:"";display:inline-flex;width:2rem;height:2rem;margin-right:0.4rem;mask:url(../../common/img/common/ico_expand.svg) no-repeat center center/ contain;forced-color-adjust:none;background-color:var(--color-text-basic);transform:rotate(0);transition:0.4s ease-in-out;}
.disclosure .expand_wrap{overflow:hidden;max-height:0;transition:max-height 0.5s cubic-bezier(0, 1, 0, 1);}
.disclosure .expand_inner{padding:2.4rem;margin-top:0.4rem;background-color:var(--color-surface-gray-subtle);border-radius:1.2rem;}
.disclosure .expand_inner .txtList>li{color:var(--color-text-subtle);}
.disclosure.active .expand_wrap{max-height:1000vh;transition:max-height 1.5s ease-in-out;}
.disclosure.active .btn_expand::before{transform:rotate(-90deg);}

/* Accordion */
.accordion{width:100%;}
.accordion .accordion_item{border-top:var(--border-width) solid var(--color-divider-gray-light);padding:0.4rem 0;transition:0.4s ease-in-out;border-bottom:var(--border-width) solid var(--color-divider-gray-light);}
.accordion .accordion_item + .accordion_item{margin-top:-0.1rem;}
.accordion .accordion_item .btn_accordion{position:relative;padding:2rem 4rem 2rem 0;font-size:1.6rem;font-weight:700;text-align:left;width:100%;border-radius:1rem;line-height:1.5;}
.accordion .accordion_item .btn_accordion:hover{background-color:var(--color-action-secondary-hover);}
.accordion .accordion_item .btn_accordion:active,
.accordion .accordion_item .btn_accordion:focus{background-color:var(--color-action-secondary-pressed);}
.accordion .accordion_item .btn_accordion::after{content:"";width:2.4rem;height:2.4rem;display:inline-flex;position:absolute;top:2rem;right:0;forced-color-adjust: none;mask:url(../../common/img/common/ico_angle.svg) no-repeat center center/ contain;background-color:var(--color-icon-gray);transition:0.4s ease-in-out;transform:rotate(0);}
.accordion .accordion_item .accordion_cont{max-height:0;overflow:hidden;transition:max-height 0.5s cubic-bezier(0, 1, 0, 1); }
.accordion .accordion_item .accordion_txt{padding:0 0 2.4rem;}
.accordion .accordion_item.active{border-top-color:var(--color-divider-gray-dark);}
.accordion .accordion_item.active .btn_accordion{color:var(--color-text-secondary);}
.accordion .accordion_item.active .btn_accordion::after{transform:rotate(180deg);}
.accordion .accordion_item.active .accordion_cont{height:auto;max-height:1000vh;transition:max-height 1.5s ease-in-out;}

/* popup 신규 */
/* popup 공통 */
body.scroll_no{overflow:hidden !important;}
.popup_wrap{display:none;position:fixed;left:0;top:0;z-index:800;width:100%;height:100%;padding:0;background-color:transparent;}
.popup_wrap::after{display:none;content:"";position:fixed;left:0;bottom:0;z-index:1;width:100%;height:100%;opacity:0;background:var(--color-alpha-base75);transition:all ease 0.3s 0.1s;}
.popup_wrap,
.popup_wrap::after{display:block;opacity:0;visibility:hidden;pointer-events:none;}
.popup_wrap .popup_inner{display:flex;align-items:center;justify-content:start;flex-direction:column;margin:0 auto;height:100%;padding:4rem;}
.popup_wrap .popup_cnt{position:relative;display:flex;justify-content:start;flex-direction:column;width:100%;height:auto;outline-color:transparent;transition:outline-color 0.1s;color:var(--color-text-basic);background-color:var(--color-surface-white-subtler);box-shadow:0 0 0.2rem 0 #00000014, 0 1.6rem 2.4rem 0 #0000001f;}
.popup_wrap.on,
.popup_wrap.on::after{display:block;opacity:1;visibility:visible;pointer-events:auto;}
.popup_wrap .popup_close{position:absolute;top:2.4rem;right:2.4rem;z-index:901;}
.popup_close .ico_close{mask-image:url(../../common/img/common/ico_close.svg);background-color:var(--color-text-basic);}
.popup_wrap .popup_header{padding:5.6rem 4rem 0;}
.popup_wrap .popup_header h2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp: 1;}
.popup_wrap .popup_body{flex:1;overflow-x:hidden;overflow-y:auto;padding:1.6rem 4rem 0.8rem;}
.popup_wrap .popup_body:focus{outline:none;}
.popup_wrap .popup_body::-webkit-scrollbar{width:0.8rem;}
.popup_wrap .popup_body::-webkit-scrollbar-thumb{border-radius:0.8rem;background-color:var(--color-element-secondary-light);}
.popup_wrap .popup_body::-webkit-scrollbar-track{border-radius:0.8rem;background-color:var(--color-element-secondary-lighter);}
.popup_wrap .popup_btn{display:flex;align-items:center;justify-content:end;flex-direction:row;gap:0.8rem;width:100%;padding:1.6rem 4rem 4rem;box-sizing:border-box;}
.popup_wrap .popup_btn .btnTxt{font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;}
.popup_wrap .popup_btn .btn{min-width:7.8rem;}
.focuseouthidden:focus{outline:none;box-shadow:none;}

/* 팝업 유형 - fade */
.popup_wrap[data-type=fade] .popup_inner{position:relative;justify-content:center;opacity:0;transition:opacity ease 0.4s 0.1s;z-index:999;box-sizing:border-box;}
.popup_wrap[data-type=fade] .popup_cnt{border-radius:1.2rem;max-height:calc(100% - 4rem*2);border:var(--border-width) solid var(--color-border-gray);max-height:100%;}
.popup_wrap[data-type=fade].on .popup_inner{opacity:1;}

/* 팝업 유형 - slide */
.popup_wrap[data-type=slide] .popup_inner{padding:0;align-items:end;}
.popup_wrap[data-type=slide] .popup_cnt{max-height:100%;height:100%;z-index:9;right:-100%;transition:right ease 0.4s 0.1s;}
.popup_wrap[data-type=slide].on .popup_cnt{right:0;}

/* 팝업 유형 - bottom */
.popup_wrap[data-type=bottom] .popup_inner{justify-content:end;padding:0;}
.popup_wrap[data-type=bottom] .popup_cnt{max-height:90%;max-width:100% !important;width:100%;z-index:9;border-radius:1.2rem 1.2rem 0 0;bottom:-100%;transition:bottom ease 0.4s 0.1s;}
.popup_wrap[data-type=bottom] .popup_header{padding:1.6rem 5.6rem 1.6rem 1.6rem;}
.popup_wrap[data-type=bottom] .popup_close{top:2rem;right:1.6rem;}
.popup_wrap[data-type=bottom] .popup_body{padding:0 1.6rem;}
.popup_wrap[data-type=bottom] .popup_btn{position:sticky;left:0;bottom:0;z-index:5;gap:0.8rem;padding:4rem 1.6rem 1.6rem;}
.popup_wrap[data-type=bottom] .popup_btn > button{flex:1;}
.popup_wrap[data-type=bottom].on .popup_cnt{bottom:0;}

/* 팝업 유형 - full */
.popup_wrap[data-type=full]{padding:0;background-color:var(--color-surface-secondary-subtler);transition:none;}
.popup_wrap[data-type=full]::after{display:none;}
.popup_wrap[data-type=full] .popup_inner{padding:8rem 0;justify-content:start;box-sizing:border-box;}
.popup_wrap[data-type=full] .popup_inner:focus{outline-offset:-0.4rem;box-shadow:inset 0 0 0 0.2rem var(--color-icon-primary-static);}
.popup_wrap[data-type=full] .popup_cnt{height:100%;outline:none;z-index:9;transition:none;background:transparent;box-shadow:none;}
.popup_wrap[data-type=full] .popup_header.scHdn{padding:0;}
.popup_wrap[data-type=full] .popup_close{top:8rem;right:8rem;}

/* 팝업 iframe */
.pop_iframe {display:none;position:fixed !important;left:0;top:0;width:100%;height:100%;z-index:2000;}
.pop_iframe.on{display:block;}
@media only screen and (max-width:1040px){
    .popup_wrap .popup_inner{padding:4rem 0.8rem;}
}
@media screen and (max-width: 767px) {
    .popup_wrap .popup_inner{padding:2.4rem 1.2rem;}
    .popup_wrap .popup_close{top:2rem;right:2rem;}
    .popup_wrap .popup_header{padding:5rem 2.4rem 0;}
    .popup_wrap .popup_body{padding:2.4rem 2.4rem 0;}
    .popup_wrap .popup_btn{padding:1.6rem 2.4rem 2.4rem;}

    .popup_wrap[data-type=fade] .popup_cnt{max-height:100%;}

    .popup_wrap[data-type=slide] .popup_body:focus{outline-offset:-0.4rem;box-shadow:inset 0 0 0 0.2rem var(--color-icon-primary-static);}

    .popup_wrap[data-type=full] .popup_inner{padding:0;}
    .popup_wrap[data-type=full] .popup_body{padding:2.4rem 1.6rem;}
    .popup_wrap[data-type=full] .popup_close{width:2.4rem;height:2.4rem;top:2rem;right:1.6rem;}
}

/* 화면설정 */
[data-mode=dark] .popup_cnt{box-shadow: 0 0 0.2rem 0 #00000033, 0 1.6rem 2.4rem 0 #00000066;}
/* //popup 신규 */

/* 글자·화면 표시 설정 팝업 */
.settingArea{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:2.4rem;}
.settingArea .settingItem{min-width:24rem;}
.settingArea .settingItem .radio_area{padding-top:0.8rem;}
.settingArea .settingItem b{font-size:1.5rem;}
.settingArea .settingItem:nth-child(2) .input_radio{display:flex;align-items:center;justify-content:start;flex-direction:row;}
.settingArea .settingItem:nth-child(2) .input_radio::before{content:"";width:12rem;height:6.4rem;margin-right:1.6rem;border-radius:0.8rem;background-repeat:no-repeat;background-position:center;background-size:contain;}
.settingArea .settingItem .view_mode_light::before{background-image:url(../../common/img/common/img_screen_light.png);}
.settingArea .settingItem .view_mode_dark::before{background-image:url(../../common/img/common/img_screen_dark.png);}
.settingArea .settingItem .view_mode_default::before{background-image:url(../../common/img/common/img_screen_default.png);}
@media only screen and (max-width:1040px){
    .settingArea .settingItem:nth-child(1){display:none;}
}
@media only screen and (max-width:767px){
    .settingArea .settingItem:nth-child(2) .input_radio::before{width:8rem;height:4.6rem;margin-right:1rem;}
    .settingArea .settingItem:nth-child(2) .input_radio input[type=radio]~label{font-size:1.6rem;gap:0.6rem;word-break:keep-all;overflow-wrap:break-word;flex-wrap:nowrap;}
}


/* table */
.contTable{position:relative;width:100%;height:auto;overflow-x:auto;border-top:var(--border-width) solid var(--color-border-secondary-light);}
.limit {overflow-x:hidden;overflow-y:auto;}
.contTable~.contTable {margin-top:2rem;}
.contTable.typeScroll {overflow-x:auto;}
.contTable.line thead {border-left:var(--border-width) solid var(--color-border-secondary-light);border-right: var(--border-width) solid var(--color-border-secondary-light);}
.contTable.line tbody {border-left:var(--border-width) solid var(--color-divider-gray-light);border-right: var(--border-width) solid var(--color-divider-gray-light);}
.contTable table{width:100%;table-layout:fixed;border-collapse:collapse}
.contTable table th{font-size:1.4rem;font-weight:700;text-align:center;padding:0.8rem 1.6rem;border-right:var(--border-width) solid var(--color-border-secondary-light);background-color:var(--color-surface-secondary-subtler);word-break: break-word;color:var(--color-text-bolder);}
.contTable table tbody td{font-size:1.6rem;color:var(--color-text-subtle);text-align:center;padding:1.2rem 1.6rem;border-right:var(--border-width) solid var(--color-divider-gray-light);background:var(--color-surface-white-subtle);font-weight:400;word-break:break-word;}
.contTable table thead th:last-of-type,
.contTable table tbody td:last-of-type{border-right:0;}

.contTable table thead th[colspan]:first-of-type,
.contTable table thead th[rowspan]:first-of-type,
.contTable table tbody td[colspan]:first-of-type,
.contTable table tbody td[rowspan]:first-of-type{border-left:0;}
.contTable table tbody th[scope="row"] {text-align: left !important;padding-left:1.6rem;padding-right:1.6rem;}

.contTable table thead th[colspan],
.contTable table thead th[rowspan]{border-left:var(--border-width) solid var(--color-border-secondary-light);}
.contTable table tbody td[colspan],
.contTable table tbody td[rowspan]{border-left:var(--border-width) solid var(--color-divider-gray-light);}

.contTable table thead th[colspan]:last-of-type,
.contTable table thead th[rowspan]:last-of-type{border-right:0;border-left:var(--border-width) solid var(--color-border-secondary-light);}
.contTable table tbody td[colspan]:last-of-type,
.contTable table tbody td[rowspan]:last-of-type{border-right:0;border-left:var(--border-width) solid var(--color-divider-gray-light);}

.contTable table tbody th {text-align:center;padding-left:1rem;padding-right:1rem;}
.typeRow.contTable table tbody th {text-align: left;padding-left:1.6rem;padding-right:1.6rem;word-break: keep-all;}
.contTable table th .need {position:relative;padding-left:1.5rem;display:inline-block;vertical-align: top;font-size: inherit;font-weight: inherit;}
.contTable table th .need:before {content:'';display:block;width:0.6rem;height:0.6rem;border-radius: 50%;background:var(--primary);position:absolute;left:0;top:1.1rem;}
.contTable table thead tr{border-bottom:var(--border-width) solid var(--color-border-secondary-light);}
.contTable table tbody tr{border-bottom:var(--border-width) solid var(--color-divider-gray-light);}

.contTable.mbRow{border-top:none;}
.contTable.mbRow tr{border-bottom:none;}
.contTable.mbRow th{border-top:var(--border-width) solid var(--color-border-secondary-light);border-bottom:var(--border-width) solid var(--color-border-secondary-light);}
.contTable.mbRow td{border-top:var(--border-width) solid var(--color-divider-gray-light);border-bottom:var(--border-width) solid var(--color-divider-gray-light);}

.contTable .mSort {display:none;}
.contTable .noArticle{border:0 !important;background:none!important;border-bottom:var(--border-width) solid var(--color-divider-gray-light) !important;}
.contTable.mbRow .noArticle {border-bottom:0 !important;}
.contTable.mbRow2 table tbody .noArticle {border-radius: 0;}
.contTable.mbRow2 table tbody .noArticle td {border-left:0 !important;background:transparent;border-bottom: var(--border-width) solid var(--color-divider-gray-light) !important;}
.contTable.mbRow table tbody .noArticle {border-radius: 0;}
.contTable.mbRow table tbody .noArticle td {border-left:0 !important;background:transparent;border-bottom: var(--border-width) solid var(--color-divider-gray-light) !important;}

.scHdn .contTable {overflow:hidden;} 
.tableTouchArea{position:absolute;background-color:rgba(0,0,0,0.6);width:100%;height:100%;left:0;top:0;z-index:1;}
.tableTouchArea .tableScrollTouch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16rem;height:auto;background:url(../../common/img/common/ico_table_touch.svg) no-repeat left 4rem top 0;opacity:1;}
.tableTouchArea .tableScrollTouch span {display:block;padding-top:6rem;font-size: 1.6rem;font-weight: 700;color:#fff;}
/* 화면설정 */
/* [data-mode=dark] .contTable{border-top-width:0.2rem;}
[data-mode=dark] .contTable.line thead,
[data-mode=dark] .contTable.line tbody{border-left-width:0.2rem;border-right-width:0.2rem;}
[data-mode=dark] .contTable table th{border-right-width:0.2rem;}
[data-mode=dark] .contTable table tbody td{border-right-width:0.2rem;}
[data-mode=dark] .contTable table thead th[colspan],
[data-mode=dark] .contTable table thead th[rowspan]{border-left-width:0.2rem;}
[data-mode=dark] .contTable table tbody td[colspan],
[data-mode=dark] .contTable table tbody td[rowspan]{border-left-width:0.2rem;}
[data-mode=dark] .contTable table thead th[colspan]:last-of-type,
[data-mode=dark] .contTable table thead th[rowspan]:last-of-type{border-right:0;border-left-width:0.2rem;}
[data-mode=dark] .contTable table tbody td[colspan]:last-of-type,
[data-mode=dark] .contTable table tbody td[rowspan]:last-of-type{border-right:0;border-left-width:0.2rem;}
[data-mode=dark] .contTable table thead tr{border-bottom-width:0.2rem;}
[data-mode=dark] .contTable table tbody tr{border-bottom-width:0.2rem;}
[data-mode=dark] .contTable .noArticle{border-bottom-width:0.2rem;}
[data-mode=dark] .contTable.mbRow2 table tbody .noArticle td,
[data-mode=dark] .contTable.mbRow table tbody .noArticle td {border-bottom-width:0.2rem;}
[data-mode=dark] .contTable.mbRow th{border-top-width:0.2rem;border-bottom-width:0.2rem;}
[data-mode=dark] .contTable.mbRow td{border-top-width:0.2rem;border-bottom-width:0.2rem;} */


/* TAB */
/*#pageTab과 #contTab_fix는 동일, 소스 위치가 article 밖이냐 안이냐에 따른 여백의 차이*/
.pageTitleArea+.pageTabBase {margin-top:0.8rem;}
.pageTabBase{position:relative;margin-bottom:4rem;box-sizing:border-box;} 
.pageTabBase .tabList{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;width:100%;}
.pageTabBase .tabList>li{flex:1;display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;}
.pageTabBase .tabList>li button,
.pageTabBase .tabList>li a{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;height:5.6rem;box-sizing:border-box;padding:0 0.8rem;font-size:1.8rem;font-weight:700;text-align:center;letter-spacing:0;transition:0.4s ease-in-out;z-index:1;color:var(--color-text-subtle);border:var(--border-width) solid var(--color-border-gray);background-color:var(--color-action-secondary);}
.pageTabBase .tabList>li + li button,
.pageTabBase .tabList>li + li a{border-left:none;}
.pageTabBase .tabList>li:first-child button,
.pageTabBase .tabList>li:first-child a{border-top-left-radius: 0.6rem;border-bottom-left-radius: 0.6rem;}
.pageTabBase .tabList>li:last-child button,
.pageTabBase .tabList>li:last-child a{border-top-right-radius: 0.6rem;border-bottom-right-radius: 0.6rem;}
.pageTabBase .tabList>li:not(.on) button:not(:disabled):hover,
.pageTabBase .tabList>li:not(.on) a:not(:disabled):hover{background-color:var(--color-action-secondary-hover);}
.pageTabBase .tabList>li:not(.on) button:not(:disabled):active,
.pageTabBase .tabList>li:not(.on) a:not(:disabled):active{background-color:var(--color-action-secondary-pressed);}
.pageTabBase .tabList>li button:focus,
.pageTabBase .tabList>li a:focus{outline-offset:-0.4rem;}
.pageTabBase .tabList>li.on button,
.pageTabBase .tabList>li.on a{background-color:var(--color-action-secondary-active);border-color:var(--color-action-secondary-active);color:var(--color-text-inverse-static);outline-color:var(--color-element-inverse-static);outline-offset:-0.4rem;}
#pageTab {width:100%;max-width:144rem;margin:4rem auto;padding:0;}
#contTab_fix {width:100%;max-width:none;margin-bottom:4rem;padding:0;}

.contTabBase {position:relative;margin-bottom:4rem;box-sizing:border-box;}
.contTabBase .tabList{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;width:100%;}
.contTabBase .tabList>li{flex:1;display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;}
.contTabBase .tabList>li button{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;min-width:6.4rem;height:5.6rem;box-sizing:border-box;padding:0 0.4rem;font-size:1.8rem;font-weight:700;text-align:center;letter-spacing:0;transition:0.4s ease-in-out;z-index:1;color:var(--color-text-subtle);border-bottom:0.2rem solid var(--color-border-gray);background-color:var(--color-action-secondary);}
.contTabBase .tabList>li button::before{content:"";position:absolute;width:0;height:0.4rem;left:50%;bottom:-0.2rem;transition:0.4s ease-in-out;background-color:var(--color-action-secondary-active);}
.contTabBase .tabList>li button:focus{outline-offset:-0.4rem;transition:none;}
.contTabBase .tabList>li button:not(:disabled):hover{background-color:var(--color-action-secondary-hover);}
.contTabBase .tabList>li button:not(:disabled):active{background-color:var(--color-action-secondary-pressed);}
.contTabBase .tabList>li.on button{border-bottom-color:var(--color-action-secondary-active);color:var(--color-text-secondary);outline-color:var(--color-element-inverse-static);outline-offset:-0.4rem;}
.contTabBase .tabList>li.on button::before{width:100%;left:0;}

@media only screen and (max-width:1040px){
    #pageTab {position:relative;overflow:hidden;}
    .pageTabBase {margin-top:2rem;margin-bottom:2.4rem;}
    .pageTabBase .tabList{white-space:nowrap;overflow-x:auto;flex-wrap:nowrap;}
    .pageTabBase .tabList::-webkit-scrollbar{display:none;}
    .pageTabBase .tabList>li{display:inline-block;vertical-align:top;width:auto;flex:unset;}
    .pageTabBase .tabList>li+li{margin-left:0.8rem;}
    .pageTabBase .tabList>li button,
    .pageTabBase .tabList>li a{height:5.6rem;padding:0 1.2rem;border-radius:0.6rem;border:none !important;}

    .pageTabBase.tabScroll{width:calc(100% + 8rem) !important;padding:0 8rem !important;margin-left:-4rem !important;margin-right:-4rem !important;}
    
    .pageTabBase~div .groupCont {border-top:0;padding-top:0;}

    .pageTabBase .tabPrev{position:absolute;top:50%;left:4rem;width:3.2rem;height:3.2rem;transform:translateY(-50%);background-color: var(--color-background-white);border:var(--border-width) solid var(--color-border-gray);border-radius: 100%;z-index:5;display:flex;align-items:center;justify-content:center;}
    .pageTabBase .tabPrev::before{content:"";display:inline-flex;width:1.6rem;height:1.6rem;align-items:center;forced-color-adjust:none;mask:url(../img/common/ico_angle.svg) no-repeat center center/ contain;background-color:var(--color-text-basic);transform:rotate(90deg);}
    .pageTabBase .tabNext{position:absolute;top:50%;right:4rem;width:3.2rem;height:3.2rem;transform:translateY(-50%);background-color: var(--color-background-white);border:var(--border-width) solid var(--color-border-gray);border-radius: 100%;z-index:5;display:flex;align-items:center;justify-content:center;}
    .pageTabBase .tabNext::before{content:"";display:inline-flex;width:1.6rem;height:1.6rem;align-items:center;forced-color-adjust:none;mask:url(../img/common/ico_angle.svg) no-repeat center center/ contain;background-color:var(--color-text-basic);transform:rotate(-90deg);}
    .pageTabBase .tabPrev:disabled,
    .pageTabBase .tabNext:disabled{background-color: var(--color-button-disabled-fill);}

    #contTab {position:relative;overflow:hidden;}
    .contTabBase {margin-bottom:2.4rem;width:calc(100% + 8rem) !important;padding:0 8rem !important;margin-left:-4rem !important;margin-right:-4rem !important;}
    .contTabBase .tabList{white-space:nowrap;overflow-x:auto;flex-wrap:nowrap;}
    .contTabBase .tabList::-webkit-scrollbar {display: none;}
    .contTabBase .tabList>li{display:inline-block;vertical-align:top;width:auto;}
    .contTabBase .tabList>li button{height:5.6rem;padding:0 1.2rem;}

    .contTabBase .tabPrev{position:absolute;top:50%;left:4rem;width:3.2rem;height:3.2rem;transform:translateY(-50%);background-color: var(--color-background-white);border:var(--border-width) solid var(--color-border-gray);border-radius: 100%;z-index:5;display:flex;align-items:center;justify-content:center;}
    .contTabBase .tabPrev::before{content:"";display:inline-flex;width:1.6rem;height:1.6rem;align-items:center;forced-color-adjust:none;mask:url(../img/common/ico_angle.svg) no-repeat center center/ contain;background-color:var(--color-text-basic);transform:rotate(90deg);}
    .contTabBase .tabNext{position:absolute;top:50%;right:4rem;width:3.2rem;height:3.2rem;transform:translateY(-50%);background-color: var(--color-background-white);border:var(--border-width) solid var(--color-border-gray);border-radius: 100%;z-index:5;display:flex;align-items:center;justify-content:center;}
    .contTabBase .tabNext::before{content:"";display:inline-flex;width:1.6rem;height:1.6rem;align-items:center;forced-color-adjust:none;mask:url(../img/common/ico_angle.svg) no-repeat center center/ contain;background-color:var(--color-text-basic);transform:rotate(-90deg);}
    .contTabBase .tabPrev:disabled,
    .contTabBase .tabNext:disabled{background-color: var(--color-button-disabled-fill);}
}

/* 도움말 */
.tooltip_area{position:relative;display:flex;align-items:center;gap:0.4rem;justify-content:start;}
.tooltip_area .tooltip_txt{font-size:1.4rem;}
.tooltip_area .tooltip_action{display:flex;align-items:center;justify-content:start;flex-direction:row;position:relative;}
.tooltip_area .tooltip_cont{display:none;position:absolute;z-index:99;width:36rem;padding:2.4rem;border-radius:1.2rem;background-color:var(--color-surface-white-subtler);border:var(--border-width) solid var(--color-border-gray);box-shadow:0 0 0.2rem 0 #00000014, 0 0.8rem 1.6rem 0 #0000001f;}
.tooltip_area .tooltip_cont::before{content:"";width:1.6rem;height:1.6rem;display:block;position:absolute;margin-top:-0.8rem;transform:rotate(45deg);border:var(--border-width) solid var(--color-border-gray);border-top-color: transparent;border-left-color: transparent;background-color:var(--color-surface-white-subtler);}
.tooltip_area .tooltip_cont .tooltip_title{display:-webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;color:var(--color-text-bolder);padding-right:1.6rem;}
.tooltip_area .tooltip_cont .tooltip_conts{display:flex;align-items:start;justify-content:start;flex-direction:column;color:var(--color-text-basic);font-size:1.4rem;margin-top:1.6rem;gap:0.8rem;}
.tooltip_area .tooltip_cont .tooltip_conts .btn_wrap{width:100%;}
.tooltip_area .tooltip_cont .tooltip_close{position:absolute;top:2.4rem;right:2.4rem;}
.tooltip_area .tooltip_cont .tooltip_close .ico_close{background-color:var(--color-text-basic);}
.ico_tooltip{mask-image:url(../../common/img/common/ico_tooltip.svg);background-color:var(--color-icon-information) !important;}
.ico_angle.right{mask-image:url(../../common/img/common/ico_angle.svg);transform:rotate(-90deg);}
.ico_close{mask-image:url(../../common/img/common/ico_close.svg);}

/* 도움말 - 위치에 따라 클래스 추가 */
.tooltip_area.top .tooltip_cont{bottom:100%;margin-bottom:1.6rem;}
.tooltip_area.top .tooltip_cont::before{top:100%;}
.tooltip_area.left .tooltip_cont{left:0;margin-left:-2.4rem;}
.tooltip_area.left .tooltip_cont::before{left:2.4rem;}
.tooltip_area.center .tooltip_cont::before{left:50%;margin-left:-0.8rem;}
.tooltip_area.center .tooltip_cont{left:50%;transform:translateX(-50%);}
.tooltip_area.right .tooltip_cont{right:0;margin-right:-2rem;}
.tooltip_area.right .tooltip_cont::before{right:2.4rem;}
.tooltip_area.bottom .tooltip_cont{top:100%;margin-top: 1.2rem;}
.tooltip_area.bottom .tooltip_cont::before{bottom:100%;transform:rotate(225deg);margin-bottom:-0.8rem;}
@media only screen and  (max-width:600px){
    .tooltip_area{width: 100%;}
    .tooltip_area .tooltip_cont{width: auto;max-width:100%;}
    .tooltip_area.center .tooltip_cont{transform: none;left: auto;}
}
/* 화면설정 */
[data-mode=dark] .tooltip_area .tooltip_cont{box-shadow:0 0 0.2rem 0 #00000033, 0 0.8rem 1.6rem 0 #00000066;}


/* 태그 */
.tagArea{display:flex;flex-wrap:wrap;gap:0.8rem;}
.tagArea .btnTag{display:inline-flex;align-items:center;justify-content:start;flex-direction:row;position:relative;background-color:var(--color-action-white);border:var(--border-width) solid var(--color-border-gray-light);transition:0.4s ease-in-out;gap:0.2rem;padding:0.8rem 1rem;height:3.2rem;border-radius:3.2rem;font-size:1.4rem;line-height:1;box-sizing:border-box;}
.tagArea .link.btnTag{gap:0;}
.tagArea .link.btnTag::before{content:"#";display:inline-flex;align-items:center;}
.tagArea .link.btnTag:hover{text-decoration:underline;text-underline-offset:0.3rem;background-color:var(--color-action-secondary-hover);}
.tagArea .link.btnTag:active{text-decoration:underline;text-underline-offset:0.3rem;background-color:var(--color-action-secondary-pressed);}


/*** 콘텐츠 ***/
.typeNoArticle {height:auto !important;padding:0 !important;}
.no_article{padding:6.4rem 0 7.2rem;display:inline-flex;justify-content:center;align-items:center;flex-direction:column;gap:1.6rem;position:relative;font-size:1.6rem;color:var(--color-text-subtle);}
.no_article::before{content:"";display:inline-flex;width:17.6rem;height:8rem;mask:url(../../common/img/board/ico_noArticle.svg) no-repeat center center/ contain;forced-color-adjust:none;background-color:var(--color-border-gray);}
.no_article_box {padding:2rem;border:var(--border-width) solid #e8e8e8;text-align:center;}
/* 다국어(영문,일문,중문) */
.no_article_en::before{mask-image:url(../../common/img/board/ico_noArticle_en.svg);}




/* sub util */
.sub_util {position:relative;margin-bottom:2rem;text-align:right;z-index:1;overflow:hidden;}
.sub_util .btnGrp {display:inline-block;vertical-align:top;font-size:0;margin-right:-0;}
.sub_util .btnGrp .btnEtc {display:inline-block;vertical-align:top;font-size:0;}

.sub_util .btnGrp button,
.sub_util .btnGrp a,
.sub_util .btnGrp .inp_s {margin-right:0.4rem;margin-bottom:0;}
.sub_util .btnGrp .inp_s {display:inline-block;width:auto;width:auto;min-width:17rem;vertical-align:top;}
.sub_util .btnGrp .btnC_s {min-width:11rem;}
.sub_util .btnGrp>*:last-child {margin-right:0;}
.sub_util .url_link{display:inline-block;margin-right:1.5rem;padding-right:1.9rem;background:url(../img/common/ico_newWin_black.png) no-repeat right center;vertical-align:top;}
.sub_util .url_link>span{display:block;font-size:1.4rem;color:#666;line-height:4rem;letter-spacing:-0.5rem;}
.sub_util .url_link>span>b{color:#0f0f0f;font-weight:400;}
.sub_util .btn_original {position:relative;display:inline-block;overflow:hidden;width:8.3rem;height:3rem;margin-top:0.5rem;margin-left:0;box-sizing:border-box;padding-right:1.5rem;border:var(--border-width) solid #000;border-radius:0.2rem;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:1.3rem;font-weight:400;line-height:3rem;text-align:center;vertical-align:top;transition:0.2s;}
.sub_util .btn_original:before {content:'';position:absolute;right:1rem;;top:50%;display:block;width:0.5rem;height:0.9rem;margin-top:-0.45rem;background: url(../img/common/sprite_component.png) no-repeat  -31.3rem -42.4rem;}
.sub_util .btn_original:hover {color:#fff;background-color:#212e4e;}
.sub_util .btn_original:hover:before {background-position:-33.9rem -42.4rem;}
.sub_util .urlArea {float:left;vertical-align:top;font-size:0;}
.sub_util .nationList {padding:0 1rem !important;}
.sub_util .radioGrp {display:inline-block;margin-right:0.8rem;vertical-align:top;font-size:0;;}
.sub_util .radioGrp .sort {display:inline-block;padding-right:1.5rem;vertical-align:top;line-height:4rem;font-size:1.6rem;color:#0f0f0f;font-weight:500;}
.sub_util .radioGrp .inp_r {margin-top:0.7rem;margin-right:3rem;}
.sub_util .util_l {float:left;}


/* title */
.tit_dot{display:block;position:relative;margin-bottom:2rem;padding-top:2rem;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:3.6rem;font-weight:400;color:#000;letter-spacing:-0.05rem;/*line-height:1.3rem;*/line-height:4rem;text-align:left;}
.tit_dot:before {content:'';position:absolute;left:0.1rem;top:0;width:1rem;height:1rem;border-radius:50%;background:#b9193f;}

.contTit_g {display:block;margin:0 0 2rem;color:#0f0f0f;font-size:3.4rem;font-weight:700 !important;line-height:1.2em;letter-spacing:-0.05rem;}
.contTit_g+.contTit_line {margin-top:0 !important;}
.contTit {display:block;margin:0 0 2rem;color:#0f0f0f;font-size:2.6rem;font-weight:700;line-height:1.2em;letter-spacing:-0.05rem;}
.contTit_line {position:relative;display:block;margin:0 0 3rem;padding-bottom:1.8rem;font-size:2.6rem;font-weight:700;color:#0f0f0f;letter-spacing:-0.05rem;line-height:1.2em;}
.contTit_line:before {content:'';display:block;position:absolute;bottom:0;left:0;width:4rem;height:0.3rem;background:linear-gradient(90deg, rgba(131,102,208,1) 0%, rgba(67,134,234,1) 100%);}
.contTit_s {display:block;margin:0 0 1.2rem;font-size:2.2rem;font-weight:700;color:#132f75;letter-spacing:-0.05rem;line-height:1.6em;}
.contTit_s.Black {color:#111 !important}
.contTit_ss {display:block;margin:0 0 0.8rem;font-size:1.8rem;font-weight:700;color:#0f0f0f;letter-spacing:-0.05rem;line-height:1.6em;}

.contTit.typeInfo {position:relative;display:inline-block;padding-right:2.4rem;}
.contTit.typeInfo .btn_infoOpen {position:absolute;right:0;top:50%;margin-top:-1rem;}
.mTit_check {display:block;margin-bottom:2.4rem;padding-left:2.4rem;background:url(../img/common/ico_cirCheck_b_black.png) no-repeat left top 0.5rem;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:1.8rem;font-weight:400;line-height:1.3rem;text-align:left;}

.pointExclam {display:block;margin-top:1.5rem;color:#fe4455;}
.pointBlue {color:#4286eb;}

.telTxt {min-height:2rem;padding-left:2rem;background:url(../img/common/ico_tel.png) no-repeat left 0 top 0.4rem;}
.telTxt>a {display:inline-block;vertical-align:top;}

.titS {font-weight:500;}

.info_bubble {position:absolute;right:-39rem;top:-2rem;display:none;width:37rem;padding:2rem 2rem;background:#fff;border:var(--border-width) solid #e6e6e6;border-radius:1rem;box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.08);box-sizing:border-box;z-index: 10;}
.info_bubble:before {content:'';position:absolute;left:-1rem;top:2.5rem;display:block;width:1rem;height:1.3rem;background: url(../img/common/sprite_component.png) no-repeat -9.1rem -54.4rem;}
.info_bubble ul.list_dotBlack>li {font-size:1.4rem}

.btn_infoOpen.on+.info_bubble {display:block;}

/* text & list*/
/* p.txt{font-size:1.6rem;color:#0f0f0f;line-height:1.9rem;} */

p.exclam{padding-left:2.5rem;margin-top:0.5rem;background:url(../img/common/ico_exclam.png) no-repeat 0 0.4rem;font-size:1.6rem;color:#666;line-height:1.9rem;letter-spacing:-0.05rem;font-weight:400;}
p.exclam.Orange {position:relative;display:inline-block;color:#666;vertical-align:top;font-size:1.4rem;background:none;}
p.exclam.Orange:before {content:'';position:absolute;left:0;top:0.5rem;display:block;width:1.8rem;height:1.8rem;background: url(../img/common/sprite_component.png) no-repeat -35.6rem -12.4rem;
}
p.exclam.Orange .dot {position:relative;display:block;padding-left:0.8rem;font-size:1.4rem;color:#666;line-height:1.6em;}
p.exclam.Orange .dot+.dot {margin-top:0.3rem;}
p.exclam.Orange .dot:before {content:'';position:absolute;left:0;top:0.9rem;display:block;width:0.2rem;height:0.2rem;background:#666;border-radius:50%;}
p.exclam+p.exclam {margin-top:0;}

.urlTxt {display:inline-block;padding-right:1.7rem;margin-right:0.2rem;background:url(../img/common/ico_s_link.png) no-repeat right 0 top 0.8rem;vertical-align:top;}

.list_cirBlue>li {position:relative;padding-left:1.8rem;box-sizing:border-box;color:#0f0f0f;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:1.6rem;font-weight:500;line-height:1.9rem;text-align:left;vertical-align:top;letter-spacing:-0.02rem;}
.list_cirBlue>li::before {content:'';display:block;position:absolute;left:0.1rem;top:1rem;width:1.1rem;height:1.1rem;border-radius:50%;box-sizing:border-box;border:0.3rem solid #4286e9;background:#fff;}
.list_cirBlue>li+li {margin-top:0.6rem}
.list_cirBlue>li>.list_dotBlack {margin-top:0.2rem;}
.list_cirBlue>li p.txt {padding-top:0.2rem;font-size:1.6rem;font-weight:400;}

.list_dotBlack>li {position:relative;padding-left:0.9rem;box-sizing:border-box;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:1.6rem;font-weight:400;line-height:1.9rem;text-align:left;vertical-align:top;letter-spacing:-0.02rem;}
.list_dotBlack>li::before {content:'';display:block;position:absolute;left:0;top:1.2rem;width:0.3rem;height:0.3rem;border-radius:50%;box-sizing:border-box;background:#212121;}
.list_dotBlack>li+li {margin-top:0.1rem;}

.list_dotBlack>li .list_lineBlack {padding-bottom:2rem;}
.list_hyphen>li {position:relative;padding-left:1.1rem;color:#555;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:1.6rem;font-weight:400;line-height:1.9rem;text-align:left;vertical-align:top;}
.list_hyphen>li::before {content:'';display:block;position:absolute;left:0;top:1.2rem;width:0.4rem;height:0.1rem;box-sizing:border-box;background:#000;}
.list_hyphen>li+li {margin-top:0.4rem;}

.list_lineBlack>li {position:relative;padding-left:0.8rem;box-sizing:border-box;color:#222;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:1.6rem;font-weight:400;line-height:1.9rem;text-align:left;vertical-align:top;letter-spacing:-0.02rem;}
.list_lineBlack>li::before {content:'';display:block;position:absolute;left:0;top:1.2rem;width:0.5rem;height:0.1rem;box-sizing:border-box;background:#101010;}

.ol_numList>li {position:relative;padding-left:2.2rem;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:1.6rem;font-weight:400;line-height:1.9rem;text-align:left;vertical-align:top;}
.ol_numList>li .numTit {margin-left:-1.8rem;margin-bottom:0.5rem;}
.ol_numList>li+li {margin-top:3.5rem;}

.txtNumList>li {position:relative;padding-left:2rem;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:1.6rem;font-weight:400;line-height:1.9rem;text-align:left;vertical-align:top;}
.txtNumList>li>.num {position:absolute;left:0;top:0.3rem;}
.txtNumList>li+li {margin-top:0.4rem;}

.noticeTit {display:inline-block;height:2.3rem;padding:0 0.9rem;box-sizing:border-box;border:var(--border-width) solid #4286ea;border-radius:1.5rem;font-size:1.3rem;color:#4286ea;vertical-align:top;text-align:center;line-height:2.3rem;}

.btnTitArea {position:relative;overflow:hidden;min-height:4rem;}
.btnTitArea .contTit {font-size:3.4rem;}
.btnTitArea .btnGrp {float:right;margin-top:-6rem;}

/*needs*/
.needs {display:inline-block;padding:0 0 0 1.7rem;background:url(../img/common/ico_check_green.png) no-repeat 0 0.5rem;color:#555;line-height:1.7rem;letter-spacing:-0.1rem;}
th .needs,
td .needs {font-weight:bold;color:#272727;}

/* 안내텍스트 | 251209 추가 */
.hintTxt{position:relative;padding-left:2.5rem;font-size:1.8rem;color:var(--color-text-disabled-on);box-sizing:border-box;}
.hintTxt::before{content:"";width:2rem;height:2rem;position:absolute;left:0;top:0.3rem;background:url(../img/common/ico_information_fill_gray.svg) no-repeat center center/ contain;}
@media screen and (max-width: 767px) {
    .hintTxt{font-size:1.7rem;}
    .hintTxt::before{top:0.2rem;}
}
/* //안내텍스트 */


/* 에러페이지 */
.pageError{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;max-width:140rem;margin:11rem auto 0;min-height:44.5rem;padding:0 0 6rem;text-align: center;--color-text-subtle2:var(--gray70);}
.pageError .Heading_large{position:relative;display:inline-flex;align-items:center;position:relative;gap:3.2rem;flex-direction:column;}
.pageError .Heading_large::before{content:"";width:8rem;height:8rem;background:url(../img/common/icon_error.png) no-repeat center center/ contain;display:inline-flex;align-items:center;}
.pageError .txtBody_medium{margin-top:1.2rem;color:var(--color-text-subtle2);}
.pageError .mBr{display:none;}
.pageError .btn{padding:0 1.6rem;height:5rem;}
[data-mode=dark] .pageError{--color-text-subtle2:var(--gray30);}
@media only screen and  (max-width:1040px){    
    .pageError{min-height:auto;max-width:100%;width:100%;margin:8rem auto 0;padding-bottom:4rem;}
    .pageError .btnArea{padding-top:4rem !important;}
}
@media only screen and  (max-width:767px){   
    .pageError .Heading_large{gap:2.4rem;}
    .pageError .Heading_large::before{width:7.2rem;height:7.2rem;}
    .pageError .txtBody_medium{margin-top:0.8rem;font-size:1.5rem;}
    .pageError .btnArea{padding-top:3rem !important;}
}
@media only screen and  (max-width:480px){   
    .pageError .txtBody_medium{font-size:1.4rem;}
    .pageError .mBr{display:block;}
}

/* 에러페이지 풀페이지 버전 | 251212 수정 */
.conts_error {width:100%;height:100%;max-width:100%;max-height:100%;background-color:var(--color-background-white);}
.conts_error.typeFull {position:fixed;left:0;top:0;z-index:9999;margin-top:0;}
.conts_error .errorBox {position:relative;left:50%;width:72rem;box-sizing:border-box;transform:translateX(-50%);text-align:center;}
.conts_error.typeFull .errorBox {top:50%;transform:translate(-50%, -50%);}
.conts_error .errorBox .Heading_large{position:relative;display:inline-flex;align-items:center;position:relative;gap:3.2rem;flex-direction:column;}
.conts_error .errorBox .Heading_large::before{content:"";width:8rem;height:8rem;background:url(../img/common/icon_error.png) no-repeat center center/ contain;display:inline-flex;align-items:center;}
.conts_error .errorBox .txtBody_medium{margin-top:1.2rem;color:var(--color-text-subtle2);}
.conts_error .errorBox .mBr{display:none;}
.conts_error .errorBox .btn{padding:0 1.6rem;height:5rem;}
@media only screen and (max-width:1040px){
    /* 에러페이지 */
    .conts_error .errorBox{width:100%;padding:0 2.4rem;box-sizing:border-box;}
    .conts_error .errorBox .btnArea{padding-top:4rem !important;}
}
@media only screen and (max-width:767px){  
    /* 에러페이지 */
    .conts_error .errorBox{padding:0 1.6rem;}
    .conts_error .errorBox .Heading_large{gap:2.4rem;}
    .conts_error .errorBox .Heading_large::before{width:7.2rem;height:7.2rem;}
    .conts_error .errorBox .txtBody_medium{margin-top:0.8rem;font-size:1.5rem;}
    .conts_error .errorBox .btnArea{padding-top:3rem !important;}
}
@media only screen and (max-width:480px){   
    /* 에러페이지 */
    .conts_error .errorBox .txtBody_medium{font-size:1.4rem;}
    .conts_error .errorBox .mBr{display:block;}
}
/* //251212 수정 */

/* 점검중 페이지 */
.pageInspect .Heading_large::before{background-image:url(../img/common/icon_inspect.png);}


/* 팝업존 */ 
#popupZone{position:relative;width:100%;height:0;max-width:192rem;margin:0 auto;z-index:1000;}
.popItem{height:auto;position:absolute;background-color:var(--color-surface-white-static);z-index:20;width:100%;border-radius:1.2rem;box-sizing:border-box;overflow:hidden;}
.popItem .contentArea{width:100%;height:100%;overflow-y:auto;}
.popItem .samplePop{width:100%;height:auto;padding:3.2rem;text-align:center;box-sizing:border-box;}
.popItem .samplePop .popLogo{width:100%;font-size:0;text-align:center;width:10.2rem;margin:0 auto 3rem;}
.popItem .samplePop .popLogo>img{display:block;width:100%;}
.popItem .samplePop .Heading_medium{margin-bottom:3.2rem;color:var(--gray95);}
.popItem .samplePop .txtBody_mediumB{color:var(--gray95);}
.popItem .samplePop .txtBody_medium{color:var(--gray70);}
.popItem .samplePop p + p{margin-top:1.6rem;}
.popItem .samplePop .btnBx{text-align:center;margin-top:3.2rem;}
.popItem .samplePop .btnBx .btn{min-width:auto;padding:0 1.6rem;}
.popItem .bottomArea{position:relative;width:100%;min-height:4.4rem;background-color:var(--second95);padding:0.8rem;box-sizing:border-box;}
.popItem .bottomArea .check_area{vertical-align:middle;}
.popItem .bottomArea .check_area label{color:#fff;}
.popItem .bottomArea .check_area input[type=checkbox]~label::before{margin-top:0.2rem;}
.popItem .bottomArea .popClosed{position:absolute;right:0.8rem;top:1rem;width:2.4rem;height:2.4rem;}
.popItem .bottomArea .popClosed::before{content:"";width:100%;height:100%;display:block;position:absolute;left:0;top:0;mask:url(../img/common/ico_close.svg) no-repeat center center/contain;background-color:var(--color-surface-white-static);}

@media all and (max-width:1300px){   
    #popupZone{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0, 0.5);}
    #popupZone .innerBox{width:100%;height:100%;padding:40px;overflow-y:auto;box-sizing:border-box;}
    .popItem{position:static;display:block;margin:0 auto 40px auto;max-width:100%;}
}
@media all and (max-width:1040px){ 
    .popAdd .popAdd_wrap{padding:0 2.4rem;}
    .popAdd .popAdd_wrap .sliderArea{overflow:unset;}
    .popAdd .chk_closeToday{right:8.4rem;}    
    .popAdd .mPopZone_close{right:2.4rem;top:-4.8rem;}   
    
    .popAdd .swiper_indicaotr{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.8rem;width:100%;margin-top:3.2rem;}
    .popAdd .swiper_btn.btn.border{position:static;top:0;transform:unset;width:3.2rem;height:3.2rem;}
    .popAdd .swiper_btn.swiper_prev{left:0;}
    .popAdd .swiper_btn.swiper_next{right:0;}
    .popAdd .swiper_btn.btn.border .svg_icon{width:2rem;height:2rem;}
    .popAdd .swiper_pagi{margin:0 0.8rem;width:auto !important;font-size:1.8rem;color:#ccc;}
    .popAdd .swiper_pagi span{width:auto;height:auto;background:transparent;border-radius:0;color:inherit;font-size:inherit;}
    .popAdd .swiper_pagi span.swiper-pagination-current{color:#fff;font-weight:700;}
}
@media all and (max-width:767px){ 
    #popupZone .innerBox{padding:60px 15px;}
    .popItem .samplePop{padding:2.4rem;}
    .popItem .samplePop .popLogo{width:8rem;margin:0 auto 2.4rem;}
    .popItem .samplePop .Heading_medium{margin-bottom:2.4rem;}
    .popItem .samplePop .btnBx{margin-top:2.4rem;}
}


.icoLineBox.noArticle {margin-bottom:0;padding-top:3.5rem;padding-bottom:3.5rem;background-position:left 3.9rem top 50%;}
.icoLineBox.noArticle p.txt {font-size:1.6rem;}
.icoLineBox.noArticle p.txt br {display:none;}
.icoLineBox .btn_original {position: relative;display: inline-block;overflow: hidden;width: 8.3rem;height: 3rem;margin-left:1rem;margin-right:0.5rem;box-sizing: border-box;padding-right: 1.5rem;border: var(--border-width) solid #000;border-radius: 0.2rem;color: #0f0f0f;font-family: 'Roboto','Noto Sans KR',sans-serif;font-size: 1.3rem;font-weight: 400;line-height: 3rem;text-align: center;vertical-align: top;transition: 0.2s;}
.icoLineBox .btn_original:before {content: '';position: absolute;right: 1rem;top: 50%;display: block;width: 0.5rem;height: 0.9rem;margin-top: -0.45rem;background: url(../img/common/sprite_component.png) no-repeat -31.3rem -42.4rem;transition: none;}
p

/* 컨텐츠 하단 */
.pageBtm_bnr {display:block;position:relative;margin:8rem auto 4rem;box-sizing:border-box;}
.pageBtm_bnr .bnrArea {font-size:0;}
.pageBtm_bnr .bnrArea+.bnrArea {margin-top:4rem;}
.pageBtm_bnr .bnrArea .item {display:inline-block;max-height:26rem;vertical-align:top;font-size:0;}
.pageBtm_bnr .bnrArea.type1 .item {width:100%;}
.pageBtm_bnr .bnrArea.type2,
.pageBtm_bnr .bnrArea.type3 {width:calc(100% + 4rem);margin-left:-4rem;}
.pageBtm_bnr .bnrArea.type2 .item {width:calc(50% - 4rem);margin-left:4rem;}
.pageBtm_bnr .bnrArea.type3 .item {width:calc(33.333% - 4rem);margin-left:4rem;}


.lineList_tbW .w_address {font-size:0;}
.lineList_tbW .w_address .zipCode {display:inline-block;margin-right:1rem;vertical-align:top;font-size:0;}
.lineList_tbW .w_address .zipCode .inp_t {width:14rem;margin-right:1rem;}
.lineList_tbW .w_address .detailCode {width:calc(100% - 23.7rem);}
.lineList_tbW.typeInterstInfo colgroup>col:nth-child(1)  {width:28rem;}
.lineList_tbW.typeInterstInfo .selCode {display:inline-block;;vertical-align:top;}
.lineList_tbW.typeInterstInfo .selCode .inp_r {top:-0.8rem;margin-right:0.7rem;}
.lineList_tbW.typeInterstInfo .selIndustry {padding:1rem 0;margin-top:-2.5rem;font-size:0;}
.lineList_tbW.typeInterstInfo .selIndustry .inp_c {width:16.666%;margin:2.5rem 0 0 0;padding-right:1rem;box-sizing:border-box;vertical-align:top;}
.lineList_tbW.typeInterstInfo .selCountry {padding:1rem 0;margin-top:-2.5rem;font-size:0;}
.lineList_tbW.typeInterstInfo .selCountry .inp_c {width:20%;margin:2.5rem 0 0 0;padding-right:1rem;box-sizing:border-box;vertical-align:top;}
.lineList_tbW.typeInterstInfo .findCodeArea {position:relative;padding-left:10rem;}
.lineList_tbW.typeInterstInfo .findCodeArea .btnFind {position:absolute;left:0;top:50%;margin-top:-2rem;}
.lineList_tbW.typeInterstInfo .findCodeArea .btnDel {margin-top:1rem;margin-left:1.5rem;}
.lineList_tbW.typeInterstInfo .borBNone {border-bottom:none !important;}
.lineList_tbW.typeInterstInfo .typeCodeTb {margin-top:2rem;margin-bottom:2rem;border-top:var(--border-width) solid #e2e2e2;}
.lineList_tbW.typeInterstInfo .typeCodeTb .lineTop_tb2 thead th {background:#f4f5f7;}
.lineList_tbW.typeInterstInfo .typeCodeTb colgroup>col:nth-child(1) {width:10%;}
.lineList_tbW.typeInterstInfo .typeCodeTb .lineTop_tb2 tbody td .inp_c.only {margin-left:0;}
.lineList_tbW.typeInterstInfo .innerBtn {padding-top:2rem;}

.dropDown_infoArea {font-size:0;border:var(--border-width) solid #e2e2e2;border-top:var(--border-width) solid #333;box-sizing:border-box;;}
.dropDown_infoArea:nth-of-type(n+2) {margin-top:3rem;}
.dropDown_infoArea .titBtn {position:relative;width:100%;height:7rem;padding:1.5rem 7rem 1.5rem 3rem;box-sizing:border-box;text-align:left;background-color:#eff0f3;}
.dropDown_infoArea .titBtn .default {position:absolute;left:0;top:0;width:100%;height:100%;}
.dropDown_infoArea .default::before{content:"";position:absolute;right:3rem;top:3rem;width:2.1rem;height:1.1rem;background:url(../../www/img/layout/dropDown_Arr.png) no-repeat;transition:all 0.2s;}
.dropDown_infoArea .default>.tit{display:block;box-sizing:border-box;font-size:2.4rem;font-weight:500;color:#0f0f0f;line-height:2.8rem;letter-spacing:-0.05rem;}
.dropDown_infoArea .default>em {font-style:normal;}
.dropDown_infoArea .default.on::before{transform:rotate(180deg);-webkit-transform:rotate(180deg);background:url(../../www/img/layout/dropDown_Arr_on.png) no-repeat;}
.dropDown_infoArea .wrap {display:none;padding:3rem 3rem 2rem 3rem;}
.dropDown_infoArea .infoArea {box-sizing:border-box;background-color:#fff;}
.dropDown_infoArea .infoArea .state {min-height:4rem;margin-bottom:1rem;}
.dropDown_infoArea .infoArea .state .btnC_s {float:right;}
.dropDown_infoArea .infoArea .info:nth-child(n+2) {margin-top:4rem;}
.dropDown_infoArea .titBtn .tit {position:relative;display:inline-block;font-size:2.4rem;font-weight:500;vertical-align:top;z-index:1;}
.dropDown_infoArea .titBtn .date{position:Relative;display:inline-block;margin-top:0.8rem;margin-left:1.5rem;font-size:1.4rem;color:#666;vertical-align:top;z-index:1;}
.dropDown_infoArea .titBtn .inp_c {margin-right:2.5rem;}
.dropDown_infoArea .titBtn .inp_c>label {font-size:2.4rem;font-weight:500;color:#0f0f0f;}
.dropDown_infoArea .findSel {font-size:0;}
.dropDown_infoArea .findSel .inp_t {width:calc(100% - 8.7rem);margin-right:1rem;}
.dropDown_infoArea .findSelCode {padding:0.5rem 0;font-size:0;}
.dropDown_infoArea .findSelCode .btnC_s {margin-bottom:0;}
.dropDown_infoArea .findSelCode1 .inp_t {width:calc(40% - 4.85rem);margin-left:1rem;}
.dropDown_infoArea .findSelCode1 .inp_t+.inp_t {width:calc(60% - 4.85rem);}
.dropDown_infoArea .findSelCode2 .inp_t {width:calc(40% - 0.5rem);margin-right:1rem;}
.dropDown_infoArea .findSelCode2 .inp_t+.inp_t {width:calc(60% - 0.5rem);margin-right:0;}
.dropDown_infoArea .findSelCode3 {max-width:100%;}
.dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(1) {width:calc(28% - 3.6333rem);margin-left:1rem;}
.dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(2) {width:calc(36% - 3.6333rem);margin-left:1rem;}
.dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(3) {width:calc(36% - 3.6333rem);margin-left:1rem;}
.dropDown_infoArea .findAddress {padding:0.5rem 0;font-size:0;}
.dropDown_infoArea .findAddress .btnC_s {margin-right:1rem;margin-bottom:0;}
.dropDown_infoArea .findAddress>span {display:block;}
.dropDown_infoArea .findAddress>span+span {margin-top:1rem;}
.dropDown_infoArea .findAddress>.find {font-size:0;}
.dropDown_infoArea .findAddress>.find .btnC_s+.inp_t {width:calc(100% - 11rem);}
.dropDown_infoArea .labelSel {display:inline-block;max-width:30rem;width:100%;margin-right:3rem;vertical-align:top;font-size:0;}
.dropDown_infoArea .labelSel:last-child {margin-right:0;}
.dropDown_infoArea .labelSel em {display:inline-block;margin-right:1rem;font-weight:500;vertical-align:top;line-height:4rem;font-size:1.6rem;font-style:normal;}
.dropDown_infoArea .labelSel .inp_t {width:calc(100% - 4rem);}
.dropDown_infoArea .labelSel .inp_s {width:calc(100% - 4rem);}
.dropDown_infoArea .issueSel {position:relative;padding:0.5rem;font-size:0;}
.dropDown_infoArea .issueSel+.issueSel {margin-top:2rem;}
.dropDown_infoArea .issueSel .btn {float:right;vertical-align:top;}
.dropDown_infoArea .issueSel .inp_area {margin-top:1rem;}
.dropDown_infoArea .btnArea {padding-top:2rem !important}
.dropDown_infoArea .btnArea .btnC_s {margin-bottom:0;}
.dropDown_infoArea .titBtn .inp_c>label {min-height:2.4rem;padding-top:0.3rem;font-size:2.4rem !important;}

.myDream.talk .contTit:nth-child(n+2) {margin-top:10rem;}


.schCodeArea {position:relative;}
.schCodeArea .schList {font-size:0;}
.schCodeArea .schList>li {position:relative;display:inline-block;width:25%;vertical-align:top;border:var(--border-width) solid #e2e2e2;box-sizing:border-box;}
.schCodeArea .schList>li+li {margin-left:-0.1rem;}
.schCodeArea .schList>li .tit {width:100%;padding:1rem;background:#f4f5f7;box-sizing:border-box;border-bottom:var(--border-width) solid #e2e2e2;text-align:center;font-weight:500;}
.schCodeArea .schResult ul>li {border-bottom:var(--border-width) solid #dbdee1;box-sizing:border-box;}
.schCodeArea .schResult ul>li:last-child {border-bottom:0;}
.schCodeArea .schResult ul>li>a {position:relative;display:block;padding:1.5rem;transition:.1s all;}
.schCodeArea .schResult ul>li>a span {display:block;font-size:1.4rem;letter-spacing:0.03rem;}
.schCodeArea .schResult ul>li>a .code {position:absolute;left:1.5rem;top:1.5rem;font-weight:500;word-break:break-all;}
.schCodeArea .schResult ul>li>a .info {padding-left:3rem;}
.schCodeArea .lv2 .schResult ul>li>a .info {padding-left:4.5rem;}
.schCodeArea .lv3 .schResult ul>li>a .info {padding-left:6rem;}
.schCodeArea .lv3 .schResult ul>li>a .code {max-width:5rem;width:100%;text-align:left}
.schCodeArea .lv4 .schResult ul>li>a .info {padding-left:5.5rem;}
.schCodeArea .lv4 .schResult ul>li>a .code {max-width:5rem;text-align:left;}
.schCodeArea .schResult ul>li>a.on {background:#e7effc}
.schCodeArea .schResult ul>li>a:hover {background:#e7effc}
    /* etc */
.schCodeArea .schResult {max-height:50rem;overscroll-behavior: contain;}
.schCodeArea .schResult .mCSB_inside > .mCSB_container {margin-right:0;}
.schCodeArea .schResult .mCSB_scrollTools {width:0.5rem;}
.schCodeArea .schResult .mCSB_scrollTools .mCSB_dragger {max-height:4.5rem;}
#pop_kiscCode .optBoxWrap{position:relative;box-sizing:border-box;background-color:#fff;margin-bottom:3rem;font-size:0}
#pop_kiscCode .optBoxWrap ul>li:nth-of-type(n+2){margin-top:1rem;}
#pop_kiscCode .optBoxWrap ul>li .optBox{position:relative;font-size:0;padding-left:9rem;box-sizing:border-box}
#pop_kiscCode .optBoxWrap ul>li .optBox .sort{position:absolute;left:0;top:1.1rem;width:8.5rem;font-size:1.6rem;line-height:1em;color:#0f0f0f;font-weight:500;letter-spacing:-0.05rem;}
#pop_kiscCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(1) {width:calc(35% - 0.5rem);margin-right:1rem;}
#pop_kiscCode .optBoxWrap ul>li .optBox.code .inp_t:nth-of-type(2) {width:calc(65% - 0.5rem);}
#pop_kiscCode .optBoxWrap ul {display:inline-block;width:calc(100% - 18rem);}
#pop_kiscCode .optBoxWrap .btnArea {display:inline-block;width:16.5rem;padding:0 !important;margin-left:1rem !important;vertical-align:top;}
#pop_kiscCode .optBoxWrap .btnArea button+button {margin-left:0.5rem !important}

/* 주소찾기 팝업 */
#pop_findAddress {max-width:60.6rem;width:90%;max-height:90%;overflow:hidden;}
#pop_findAddress .topTxt {margin-bottom:1rem;font-size:1.4rem;color:#666;}
#pop_findAddress .findAddress {margin-bottom:1rem;font-size:0;}
#pop_findAddress .findAddress .inp_s {width:12rem;margin-right:1rem;}
#pop_findAddress .findAddress .inp_t {width:calc(100% - 22rem);margin-right:1rem;}
#pop_findAddress .findAddress .btnC_s {margin:0}
#pop_findAddress .infoTxt .dotInfo {position:relative;padding-left:1rem;font-size:1.4rem;color:#666;}
#pop_findAddress .infoTxt .dotInfo:before {content:'';display:block;position:absolute;left:0;top:0.8rem;width:0.3rem;height:0.3rem;background:#666;border-radius:50%;}
#pop_findAddress .infoTxt .dotInfo+.dotInfo {margin-top:0.5rem;}
#pop_findAddress .infoTxt .dotInfo .pointBlue {color:#4286ea}
#pop_findAddress .infoTxt .exclam {padding-left:2.4rem;background-position:left 0 top 0;font-size:1.4rem;}
#pop_findAddress .boardOptBox {min-height:inherit;margin-bottom:1rem;margin-top:1rem;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td {padding:1.5rem;font-size:1.4rem;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address {position:relative;padding-left:48px;font-size:1.4rem;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address+.address {margin-top:0.8rem;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address .sort {position:absolute;left:0;top:0;display:block;width:4rem;height:2rem;border:var(--border-width) solid #4286ea;box-sizing:border-box;font-size:1.2rem;line-height:2rem;text-align:center;color:#4286ea;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address>a {display:block;}
#pop_findAddress .lineTop_tbArea .lineTop_tb tbody td .address>a:hover {text-decoration:underline;}
#pop_findAddress .innerPopArea .reSearch {color:#fff;}
#pop_findAddress .no_address {display:block;width:100%;border:var(--border-width) solid #e2e2e2;box-sizing:border-box;padding:14rem 0 9rem 0;background:url(../img/common/ico_noAddress.png) no-repeat 50% 9.5rem;text-align:center;color:#9a9a9a;letter-spacing:-0.05rem;font-size:1.4rem;}

#pop_articleView {max-width:96rem;width:90%;max-height:90%;overflow:hidden;}
#pop_articleView.popLayout .popConts .popInner.limit{max-height:calc(100vh - 40rem) !important;}
#pop_articleView .btn_fix {position:relative;margin-bottom:1.5rem;font-size:0;text-align:left;}
#pop_articleView .btn_fix .btnC_s {margin-bottom:0;}
#pop_articleView .btn_fix .btn_r {float:right;}
#pop_articleView .btn_fix>p {display:inline-block;vertical-align:top;}

.kockDream_tit {margin-bottom:1rem;text-align:center;font-size:2.8rem;font-weight:700;border-top:var(--border-width) solid #333;padding-top:1rem;}
.kockDream_tit em {padding-right:0.5rem;margin-left:0.2rem;font-weight: 700;font-style: italic;background: linear-gradient(90deg, rgba(130,102,208,1) 0%, rgba(68,133,233,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:3.4rem;letter-spacing:0.3rem;}

.kock_dream .tit_btn {margin-top:6.4rem;margin-bottom:2rem;text-align:right;}
.kock_dream .list_btn {margin:2rem 0;text-align:right;}
.kock_dream .contTit_b:nth-child(n+2) {margin-top:6rem;}
.kock_dream .searchOpt .schGrp .grp {position:relative;padding-left:5rem;min-height:3.8rem;}
.kock_dream .searchOpt .schGrp .grp+.grp {margin-top:0.7rem;}
.kock_dream .searchOpt .schGrp .grp .tit_s {position:absolute;left:0;top:0.6rem;font-weight:500;}
.kock_dream .searchOptBox .T6 .opt {width:calc(100% - 11rem) !important;margin-left:11rem;}
.kock_dream .searchOptBox .T3 .opt {width:calc(100% - 7.5rem) !important;margin-left:7.5rem;}
.kock_dream .schSel {display:inline-block;width:100%;vertical-align:top;margin-right:1.5rem;}
.kock_dream .searchOptBox .radioNcheck>li {margin-right:3rem;}
.kock_dream .contTit_b {font-size:3.4rem;font-weight:700}
.kock_dream .btnC_s {padding:0 2.5rem;}
.searchOptBox .sort.disabled {color:rgba(0,0,0,0.5)}

#pop_kockDream {width:90%;max-width:1000;max-height:90%;background:#fff;}
#pop_kockDream .lineList_tb td.txtL a {overflow:Visible;white-space:inherit;}

.flowBox+.flowBox {margin-top:3rem;}
.flowBox {background:#f4f5f7;padding:1.7rem 3rem;padding-right:0;box-sizing:border-box;}
.flowBox a {display:block;font-size:0;}
.flowBox a .tit {display:inline-block;vertical-align:top;margin-right:2.9rem;font-weight:500;color:#222;}
.flowBox a .info {display:inline-block;vertical-align:top;font-size:0;}
.flowBox a .info span {position:relative;color:#666;font-size:1.4rem;}
.flowBox a .info span+span {margin-left:1rem;padding-left:1rem;}
.flowBox a .info span+span:before {content:'';position:absolute;left:0;top:0.2rem;display:block;width:0.1rem;height:1.4rem;background:#d7d7d7;}
.flowBox .unit {margin-right:6.7rem;}
.flowBox .no_info {text-align:center;color:#666}

.outlineArea {padding-top:4rem;text-align:center;}
.outlineArea ul.list_dotBlack {display:inline-block;vertical-align:top;text-align:left;}

/* etc */
.fileArray {font-size:0;margin-top:-10;}
.fileArray>a {display:inline-block;width:33.333%;margin-top:1rem;}
.pdfFrame {height:850;}

.fileI.exel {padding-left:2.8rem;background-image:url(../img/common/file_exel.png)}
.fileI.excel {padding-left:2.8rem;background-image:url(../img/common/file_exel.png)}
.fileI.hwp {padding-left:2.8rem;background-image:url(../img/common/file_hwp.png)}
.fileI.hwpx {padding-left:2.8rem;background-image:url(../img/common/file_hwp.png)}
.fileI.pdf {padding-left:2.8rem;background-image:url(../img/common/file_pdf.png)}
.fileI.ppt {padding-left:2.8rem;background-image:url(../img/common/file_ppt.png)}
.fileI.word {padding-left:2.8rem;background-image:url(../img/common/file_word.png)}
.fileI.img {padding-left:2.8rem;background-image:url(../img/common/file_img.png)}
.fileI.video {padding-left:2.8rem;background-image:url(../img/common/file_video.png)}
.fileI.etc {padding-left:2.8rem;background-image:url(../img/common/file_etc.png)}
.fileI.zip {padding-left:2.8rem;background-image:url(../img/common/file_zip.png)}
.fileI.xlsx {padding-left:2.8rem;background-image:url(../img/common/file_xlsx.png)}
.fileI.xls {padding-left:2.8rem;background-image:url(../img/common/file_xls.png)}
.fileI.txt {padding-left:2.8rem;background-image:url(../img/common/file_txt.png)}
.fileI.swf {padding-left:2.8rem;background-image:url(../img/common/file_swf.png)}
.fileI.svg {padding-left:2.8rem;background-image:url(../img/common/file_svg.png)}
.fileI.pptx {padding-left:2.8rem;background-image:url(../img/common/file_pptx.png)}
.fileI.png {padding-left:2.8rem;background-image:url(../img/common/file_png.png)}
.fileI.mp4 {padding-left:2.8rem;background-image:url(../img/common/file_mp4.png)}
.fileI.jpg {padding-left:2.8rem;background-image:url(../img/common/file_jpg.png)}
.fileI.jpeg {padding-left:2.8rem;background-image:url(../img/common/file_jpeg.png)}
.fileI.gif {padding-left:2.8rem;background-image:url(../img/common/file_gif.png)}
.fileI.docx {padding-left:2.8rem;background-image:url(../img/common/file_docx.png)}
.fileI.doc {padding-left:2.8rem;background-image:url(../img/common/file_doc.png)}
.fileI.csv {padding-left:2.8rem;background-image:url(../img/common/file_csv.png)}
.fileI.bmp {padding-left:2.8rem;background-image:url(../img/common/file_bmp.png)}
.fileI.avi {padding-left:2.8rem;background-image:url(../img/common/file_avi.png)}


@media all and (max-width:1400px){
    /* 공통 */
    .agreeArea>p br {display:none;}
}

@media all and (max-width:1300px){
    .searchOptBox .searchOpt>ul>li.typeTriple2 .optGrp {width:28rem;margin-right:1rem;}
    .searchOptBox .searchOpt>ul>li.typeTriple2 .optGrp+.optGrp {width:20rem;margin-right:1rem;}
    .searchOptBox .searchOpt>ul>li.typeTriple2 .optGrp+.optGrp+.optGrp {width: calc(100% - 50rem);}
}

@media all and (max-width:1200px){
    .searchOptBox .searchOpt>ul>li.typeTriple .optGrp {width:100%;}
    .searchOptBox .searchOpt>ul>li.typeTriple .optGrp+.optGrp {width:calc(100% - 32rem);}
    .searchOptBox .searchOpt>ul>li.typeTriple3 .optGrp+.optGrp {width:calc(100% - 40rem);margin-right:0;}
    .searchOptBox .searchOpt>ul>li.typeTriple3 .optGrp+.optGrp+.optGrp {width:100%;}
}

@media all and (max-width:1040px){
    /* html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
    {font-size:1.4rem;line-height:1.4;} */

    #skip_menu a:nth-child(n+2){display:none;}

    /*** style_guide ***/
    /*button*/
    .btnC {min-width:12rem;}
    .btnC>span {height:3.2rem;font-size:1.3rem;line-height:3.2rem;}
    .btnR {min-width:11rem;}
    .btnR>span {height:3.3rem;font-size:1.3rem;line-height:3.3rem;}

    .btnR.Arr>span {padding-right:1.5rem;}
    .btnR.Arr>span:before {background-size:38rem auto;margin-top:-0.3rem;width:1.1rem;height:0.6rem;background-position:-17.6rem -32.3rem;}
    .btnR.Arr.on>span:before {background-position:-15rem -32.3rem;}

    .btnI {padding:0 1.5rem;}
    .btnI>span {height:2.8rem;font-size:1.3rem;line-height:2.8rem;}

    .btnI.fileDown>span,
    .btnI.fileDown:hover>span,
    .btnI.fileDown.Navy>span,
    .btnI.fileDown.Navy:hover>span,
    .btnI.fileDown.Blue>span,
    .btnI.fileDown.Blue:hover>span,
    .btnI.fileDown.lineGray>span, 
    .btnI.fileDown.lineGray:hover>span {padding-right:1.7rem;background-size:auto 1.2rem !important;background-position:right top 0.7rem !important;}

    .btnI.fileDown>span:before,
    .btnI.fileDown:hover>span:before,
    .btnI.fileDown.Navy>span:before,
    .btnI.fileDown.Navy:hover>span:before,
    .btnI.fileDown.Blue>span:before,
    .btnI.fileDown.Blue:hover>span:before,
    .btnI.fileDown.lineGray>span:before, 
    .btnI.fileDown.lineGray:hover>span:before {width:1.2rem;height:1.5rem;margin-top:-0.75rem;background-size:35rem auto;background-position:-30.5rem -14.4rem;}
    .btnI.fileDown.Navy>span:before,
    .btnI.fileDown.Blue>span:before {background-position:-30.5rem -28.7rem}

    .btnC_s {min-width:6rem;padding:0 1rem;}
    .btnC_s>span {height:2.8rem;font-size:1.2rem;line-height:2.8rem;}

    .btn_scrap {height:3rem;padding-left:3.1rem;background-size:1.3rem auto !important;background-position:left 1.3rem center !important;font-size:1.3rem;line-height:3rem;}
    .btn_scrap:before {left:1.4rem;margin-top:-0.75rem;background-size:30rem auto;width:1.4rem;height:1.6rem;background-position:-14.7rem -13.7rem}
    .btn_scrap:hover {background-color:#fff;color:#4286ea;}
    .btn_scrap:hover:before {left:1.4rem;margin-top:-0.75rem;background-size:30rem auto;width:1.4rem;height:1.6rem;background-position:-14.7rem -13.7rem}
    .btn_scrap.on:before {background-position:-19.8rem -22.7rem}
    .btn_subReport  {width:7.1rem;height:3rem;padding-left:3.1rem;background-size:1.3rem auto !important;background-position:left 1.3rem center !important;font-size:1.3rem;line-height:3rem;}

    .boxS_del {height:2.8rem ;padding:0 2.4rem 0 0.5rem;line-height:2.8rem;font-size:1.3rem;}
    .boxS_del .btn_del {right:0.5rem;top:0.6rem;}

    .btnArea {padding:1.2rem 0 0 !important}
    
    .tbArea_btn > a + a {margin-left:0.5rem}

    .btnSq_add {width:3rem;height:3rem;background-position:-34.9rem -33.6rem;}
    .btnSq_del {width:3rem;height:3rem;background-position:-34.9rem -36.7rem;}

    .btnArea a+a,
    .btnArea button+button {margin:0 0 0 0.5rem !important}

    .btn_downC {width:3.5rem;height:3.5rem;background-size:1.1rem auto;}

    .btn_linkBox {padding:0 1rem;}
    .btn_linkBox>span {height:3.2rem;padding-right:2rem;background-size:1.3rem auto !important;background-position:right top 0.9rem !important;font-size:1.3rem;line-height:3.2rem;}

    .fileAdd_R {margin-bottom:0.5rem;}

    #pnb .pnb_func>button.btn_print {display:none;}

    .btnC_s.lineBlue {min-width:7.6rem !important}
    .btnC_s.compare>span {padding-right:2rem;background-size:1.6rem auto}
    .btnC_s.compare>span:before {width:1.5rem;height:1.4rem;margin-top:-0.7rem;background-size:33rem auto;background-position:-12.2rem -22.2rem}

    .btn_sym {height:3rem;line-height:3rem;padding-top:0.1rem;}
    .btn_sym>em {padding-left:2rem;background-size:1.4rem auto;font-size:1.4rem;}

    .btn_sym>em:before {background-size:36rem auto;background-position:-24.6rem -39.9rem}

    .btn_txtDown>span {padding-right:2rem;font-size:1.4rem;background-size:1.2rem auto;}
    .btn_txtDown>span:before {background-size:35rem auto;background-position:-30.6rem -8.7rem;}

    .btnC_s.listSolo>span {padding-right:2.2rem;}
    .btnC_s.listSolo>span:before{width:1.6rem;height:1.6rem;margin-top:-0.8rem;background-size:33rem auto;background-position:-22.8rem -13.2rem}

    .btnC_s.typeChk {padding:0 1.5rem;}
    .btnC_s.typeChk>span:before  {background-size: 36rem auto !important;background-position:-27.7rem -39.8rem}
    .btnC_s.typeChk:hover {background:#fff !important;}
    .btnC_s.typeChk:hover>span {color:#4286ea !important}
    .btnC_s.typeChk:hover>span:before  {background-size: 36rem auto !important;background-position:-27.7rem -39.8rem}
    .btnC_s.typeChk.on>span:before {background-position:-30.4rem -36.8rem;}

    .btn_recommAi {position:relative;padding:0 1.5rem;height:3rem;}
    .btn_recommAi>span {height:2.8rem;padding-left:2.4rem;font-size:1.2rem;line-height:2.8rem;}
    .btn_recommAi>span:before {width:2rem;background-size:34rem auto;background-position:-9.3rem -40.6rem;}

    .btn_titR {margin-top:-3.9rem;margin-bottom:1.5rem;}
    .btn_titR .tit_mail {line-height: 3rem;}

    .info_bubble {width:25rem;right:-32rem;padding:1rem;}
    .info_bubble br {display:none;}
    .info_bubble ul.list_dotBlack>li {font-size:1.3rem;}

    .moreVideoArea .file-download img {height:1.7rem;}

    /* paging */
    .pagination>button,
    .pagination>a,
    .pagination>button>span,
    .pagination>a>span {width:1.4rem;height:2.8rem;}
    .pagination .paging {height:2.8rem;}
    .pagination .paging>li {padding:0 0.3rem;}
    .pagination .paging>li>button,
    .pagination .paging>li>a {min-width:2.8rem;height:2.8rem;padding:0 0.3rem;font-size:1.3rem;line-height:2.8rem;}

    .no_article_box {padding:1rem 2rem;}
    /* .no_article {display:block;width:100%;padding:90.5rem 0 3.3rem;background:url(../img/board/ico_noArticle.png) no-repeat 50% 3rem;background-size:auto 5rem;font-size:1.4rem;line-height:1.6rem;} */

    .picker_txt {padding-left:0.8rem;line-height:3rem;}
    .date-picker-control:link,
    .date-picker-control:visited {top:0.5rem !important;vertical-align:top !important;}
    input.timepicker {background-position:right 1rem top 0.7rem !important;}
    .multipickerBox+.picker_txt {height:3rem;}
    .multipickerBox>input {background-position:right 1rem top 0.5rem !important;}

    
     /* sub util */
    .sub_util .url_link {margin-right:1rem;}
    .sub_util .url_link>span {font-size:1.4rem;line-height:3rem;}
    .sub_util .btn_original {width:8.3rem;height:3rem;margin-top:0;line-height:3rem;font-size:1.3rem;}
    .sub_util .radioGrp .sort {padding-right:1rem;line-height:3rem;font-size:1.4rem;}
    .sub_util .radioGrp .inp_r {margin-right:0.8rem;margin-top:0.4rem;}

    /* 하단 컨텐츠 */
    .pageBtm_bnr {margin:4rem auto 2rem;}
    .pageBtm_bnr .bnrArea+.bnrArea {margin-top:2rem;}
    .pageBtm_bnr .bnrArea.type2,
    .pageBtm_bnr .bnrArea.type3 {width:calc(100% + 2rem);margin-left:-2rem;}
    .pageBtm_bnr .bnrArea.type2 .item {width:calc(50% - 2rem);margin-left:2rem;}
    .pageBtm_bnr .bnrArea.type3 .item {width:calc(33.333% - 2rem);margin-left:2rem;}
 
    /*title, list*/
    /* .pageTit {font-size:3rem;line-height:4rem;} */
    /* .contTit_g {margin-bottom:1.5rem;font-size:2.4rem;}
    .contTit {margin-bottom:1.5rem;font-size:2.1rem;}
    .contTit_line {margin-bottom:2rem;padding-bottom:1.2rem;font-size:2.1rem;}
    .contTit_line:before {width:3rem;height:0.2rem;}
    .contTit_s {margin:0 0 1rem 0;font-size:1.6rem;line-height:1.5em;}
    .contTit_ss {margin:0 0 0.5rem;font-size:1.6rem;font-weight:500;} */

    .pointExclam {margin-top:0.8rem;}

    p.txt {font-size:1.4rem;}

    .urlTxt {padding-right:1.5rem;background-size:1.1rem auto;background-position:right 0 top 0.6rem;}

    .list_cirBlue>li {padding-left:1.4rem;font-size:1.4rem;line-height:1.5em;}
    .list_cirBlue>li::before {top:0.6rem;width:0.8rem;height:0.8rem;border-width:0.2rem;}
    .list_cirBlue>li p.txt {padding:0.5rem 0;font-size:1.4rem;}
    .list_cirBlue>li>.list_dotBlack {padding:0.5rem 0;}

    .list_dotBlack>li {font-size:1.4rem;line-height:1.5em;}
    .list_dotBlack>li+li {margin-top:0.4rem;}
    .list_dotBlack>li::before {top:0.8rem;}
    .list_dotBlack>li .list_lineBlack {padding-bottom:1.5rem;}
    
    .list_lineBlack>li {font-size:1.4rem;;line-height:1.5em;}
    .list_lineBlack>li+li {margin-top:0.4rem;}
    .list_lineBlack>li::before {width:0.4rem;}
    
    .txtNumList>li {padding-left:1.8rem;font-size:1.4rem;;line-height:1.5em;}
    .txtNumList>li>.num {position:absolute;left:0;top:0.1rem;}

    .ol_numList>li {padding-left:1.8rem;font-size:1.4rem;line-height:1.5em;}
    .ol_numList>li .numTit {margin-left:-1.7rem;margin-bottom:0.3rem;}
    .ol_numList>li+li {margin-top:2rem;}

    .noticeTit {height:2rem;padding:0 0.7rem;font-size:1.2rem;line-height:2rem;}

    .btnTitArea .contTit {font-size:2.4rem;}
    .btnTitArea .btnGrp {margin-top:-4.5rem;}

    p.exclam {padding-left:2rem;background-position:left 0 top 0.2rem;background-size:1.5rem auto;font-size:1.4rem;line-height:1.5em;}
    p.exclam+p.exclam {margin-top:0.3rem;}
    p.exclam.Orange {background-position:0 0.2rem;font-size:1.3rem;}
    p.exclam.Orange:before {background-size:36rem auto;background-position:-280.4rem -90.8rem;top:0.1rem;}
    p.exclam.Orange .dot {padding-left:0.5rem;font-size:1.3rem;}
    p.exclam.Orange .dot:first-child {margin-top:0.3rem;}
    p.exclam.Orange .dot:before {top:0.8rem;}

    .telTxt {padding-left:1.7rem;background-size:1.4rem auto;background-position:left 0 top 0.3rem;}

    /*table*/
    .lineTop_tbArea .lineTop_tb thead th,
    .lineTop_tbArea .lineTop_tb tbody td,
    .lineTop_tbArea .lineTop_tb2 thead th,
    .lineTop_tbArea .lineTop_tb2 thead td,
    .lineTop_tbArea .lineTop_tbL2 th,
    .lineTop_tbArea .lineTop_tbL2 td {font-size:1.4rem;line-height:2rem;}
    .lineTop_tbArea .lineTop_tb thead th {padding:1rem 1.5rem;line-height:2rem;}
    .lineTop_tbArea .lineTop_tb tbody td {padding:1rem 1.5rem;line-height:2rem;}
    .lineTop_tbArea .lineTop_tb2 thead th {padding:1rem 1.5rem;line-height:2rem;}
    .lineTop_tbArea .lineTop_tb2 tbody td {padding:1rem 1.5rem;line-height:2rem;}
    .lineTop_tbArea .lineTop_tbL th {padding:1rem 1.5rem;line-height:2rem;}
    .lineTop_tbArea .lineTop_tbL td {padding:1rem 1.5rem;line-height:2rem;}
    .lineTop_tbArea .lineTop_tbL2 th {padding:1rem 1.5rem;line-height:2rem;}
    .lineTop_tbArea .lineTop_tbL2 td {padding:1rem 1.5rem;line-height:2rem;}
    .lineTop_tbArea .lineTop_tb tbody td .inp_c.only {margin-left:0.6rem;}
    .lineTop_tbArea .lineTop_tb2 tbody td .inp_c.only {margin-left:0.6rem;}

    /*** 공통컨텐츠 ***/
    /* 사이트맵 */
    .sitemapArea {margin-top:0;}
    .sitemapArea .map_gnb {margin-top:-1.5rem;margin-bottom:1.5rem;}
    .sitemapArea .map_gnb>li {margin-top:1.5rem;}
    .sitemapArea .map_gnb>li>a {font-size:2.2rem;}
    .sitemapArea #sitemap .menuM>li:nth-child(n+5) {margin-top:1.5rem;}
    .sitemapArea #sitemap .menuM>li>a {margin-bottom:1.5rem;font-size:1.6rem;}
    .sitemapArea #sitemap .menuS>li>a {margin-bottom:1rem;font-size:1.4rem;line-height:1.7rem;}
    .sitemapArea #sitemap .menuSS>li>a {font-size:1.3rem;line-height:2rem;}

    /* 에러페이지 */
    /* .conts_error {margin-top:4rem;}
    .conts_error .errorBox {width:65rem;height:auto;padding-top:70.5rem;background-size:60.2rem auto;}
    .conts_error .errorBox strong {margin-bottom:1rem;font-size:2rem;line-height:2.8rem;}
    .conts_error .errorBox p {margin-bottom:3rem;font-size:1.4rem;line-height:2.3rem;}
    .conts_error .btnC>span {min-width:12rem;min-height:30.8rem;font-size:1.4rem;line-height:4rem;}
    .conts_error .errorBox .btn_area {padding-top:2rem;}
    .conts_error .errorBox .btn_area>.btnC+.btnC {margin-left:0.5rem;}
    .conts_error .info {padding:1.5rem;}
    .conts_error .info>b:nth-child(n+2) {margin-top:1rem;} */

    /*snb*/
    #snb,
    #snb::before,
    #snb .snb_wrap,
    #snb .snb_mem>div {height:6rem;}
    #snb .snb_wrap {padding:0 1.5rem;}
    #snb .snb_mem .name {margin-right:0.5rem;font-size:1.6rem;line-height:2.1rem;}
    #snb .snb_mem .name>em {font-size:1.2rem;}
    #snb .snb_mem .level {height:1.5rem;padding:0 0.7rem;border-radius:0.8rem;font-size:1.1rem;line-height:1.5rem;}
    #snb .snb_memInfo {padding:1.4rem 0;}
    #snb .snb_memInfo>li {height:3.2rem;padding:0 3rem;font-size:1.2rem;line-height:1.6rem;text-align:right;}
    #snb .snb_memInfo>li b {margin:0;font-size:1.2rem;line-height:1.6rem;text-align:left;}

    #snb_board {height:4.2rem;}
    #snb_board .snb_wrap {height:4.2rem;padding:0 1.5rem;}
    #snb_board .snb_bookmark {width:100%;max-width:none;height:2.2rem;padding:1rem 0;}
    #snb_board .snb_bookmark .slick-arrow {display:none !important}
    #snb_board .snb_bookmark>strong {margin-right:1rem;font-size:1.2rem;line-height:2.2rem;}
    #snb_board .snb_bookmark .list {padding:0;}
    #snb_board .snb_bookmark .list .unit a {height:2.1rem;font-size:1.2rem;line-height:2.3rem;}
    #snb_board .snb_nav {display:none;}

    #snb_totalSearch {height:12.4rem;}
    #snb_totalSearch::before {height:12.4rem;background-position:left center;}

    
    .lineList_tbW.typeInterstInfo .selIndustry {margin-top:-1rem;}
    .lineList_tbW.typeInterstInfo .selIndustry .inp_c {margin-top:1rem;}
    .lineList_tbW.typeInterstInfo .selCountry {margin-top:-1rem;}
    .lineList_tbW.typeInterstInfo .selCountry .inp_c {margin-top:1rem;}
    .lineList_tbW.typeInterstInfo .findCodeArea .btn_reset {height:3rem;background-position:left 0 top 0.5rem;line-height:3rem;}
    .lineList_tbW.typeInterstInfo .findCodeArea {padding-left:0;}
    .lineList_tbW.typeInterstInfo .findCodeArea .btnFind {position:inherit;left:0;top:0;margin-top:0;}
    .lineList_tbW.typeInterstInfo .findCodeArea .btnDel {margin-left:0;}
    .lineList_tbW.typeInterstInfo .selCode .inp_r {top:-0.5rem;margin-right:0.4rem;}
    .lineList_tbW.typeInterstInfo .selCode .inp_r>label {font-size:1.4rem !important}
    .lineList_tbW.typeInterstInfo .typeCodeTb {margin-top:1rem;margin-bottom:0;}
    .lineList_tbW.typeInterstInfo .typeCodeTb .lineTop_tb2 tbody td .inp_c.only {margin-left:0.6rem;}
    .lineList_tbW.typeInterstInfo colgroup>col:nth-child(1) {width:22.4rem;}

    .icoLineBox.noArticle {padding-top:2.3rem;padding-bottom:2.3rem;background-position: left 2.4rem top 50%;}
    .icoLineBox.noArticle p.txt {font-size:1.4rem;}
    .icoLineBox .btn_original {margin-top:0.2rem;height:2.3rem;;line-height:2.3rem;font-size:1.2rem;}

    .dropDown_infoArea .titBtn {height:5rem;padding:1.3rem 5rem 1.5rem 2rem}
    .dropDown_infoArea .titBtn .tit {font-size:1.8rem !important;}
    .dropDown_infoArea .titBtn .date {margin-top:0.3rem;font-size:1.3rem;}
    .dropDown_infoArea .titBtn .inp_c>label {font-size:1.8rem !important;}
    .dropDown_infoArea .titBtn .inp_c {margin-right:1.5rem;}
    .dropDown_infoArea .default.on::before {right:2rem;top:1.7rem;background-size:1.5rem auto;}
    .dropDown_infoArea .default::before {right:2rem;top:1.7rem;background-size:1.5rem auto;}
    .dropDown_infoArea .wrap {padding:2rem;}
    .dropDown_infoArea .default::before {top:1.8rem;}
    .dropDown_infoArea .labelSel {display:block;}
    .dropDown_infoArea .labelSel+.labelSel {margin-top:0.5rem;}
    .dropDown_infoArea .labelSel em {line-height:3rem;font-size:1.3rem;}
    .dropDown_infoArea .lineList_tbW tr:last-child {padding-bottom:0;}
    .dropDown_infoArea .findAddress>span+span {margin-top:0.5rem;}
    .dropDown_infoArea .findSelCode {max-width:100%;padding:0;}
    .dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(1) {width:calc(100% - 7rem);margin-left:0.5rem;}
    .dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(2) {width:calc(60% - 0.5rem);margin-right:0.5rem;margin-left:0;margin-top:0.5rem;}
    .dropDown_infoArea .findSelCode3 .inp_t:nth-of-type(3) {width:40%;margin-left:0;margin-top:0.5rem;}
    .dropDown_infoArea .issueSel .btn {float:inherit;position:absolute;right:0;top:0.5rem;}
    .dropDown_infoArea .infoArea .state {min-height:3rem;}

    .myDream.talk .contTit:nth-child(n+2) {margin-top:5rem;}
    .myDream .contTit:nth-of-type(n+2) {margin-top:5rem;}

    .kock_dream .tit_btn {margin-top:-4.5rem;margin-bottom:1.5rem;}
    .kock_dream .btnC_s {padding:0 1.5rem;}
    .btnC_s.arrR>span {padding-right:1.2rem;}
    .btnC_s.arrR>span:before {background-position:-34rem -42.4rem;width:0.4rem;margin-top:-0.4rem;}
    .kock_dream .contTit_b {font-size:2.4rem;}
    .kock_dream .contTit_b:nth-child(n+2) {margin-top:4rem;}
    .flowBox a .info span {font-size:1.4rem;}
    .flowBox {padding-left:2rem;}
    .flowBox a .tit {margin-right:1.5rem;}
    .flowBox .unit {margin-right:3rem;}
    .flowBox a .info span+span:before {height:1.2rem;}

    

    /* etc */
    .pcBr {display:none;}
    .pdfFrame {height:400;}
    .fileI {padding-left:2.3rem !important;background-size:auto 1.7rem !important}

    .sub_util .btnGrp .btnC_s {min-width:7.6rem;}
    .schCodeArea .schResult ul>li>a span {font-size:1.4rem;}
    .schCodeArea .schResult ul>li>a {padding:1rem 1.5rem;}
    .schCodeArea .schResult ul>li>a .info {padding-left:0;}
    .schCodeArea .lv2 .schResult ul>li>a .info {padding-left:0;}
    .schCodeArea .lv3 .schResult ul>li>a .info {padding-left:0;}
    .schCodeArea .lv3 .schResult ul>li>a .code {max-width:100%;text-align:left;}
    .schCodeArea .lv4 .schResult ul>li>a .info {padding-left:0;}
    .schCodeArea .lv4 .schResult ul>li>a .code {max-width:100%;text-align:left;}
    .schCodeArea .schResult ul>li>a .code {position:relative;display:block;left:0;top:0;}

    .kockDream_tit {font-size:2.3rem;}
    .kockDream_tit em {font-size:2.7rem;letter-spacing:0;}

    .findPartner .gray_Icon_box {margin-bottom:2rem;}

    .myDream.partner_write .agreeArea .chk_radio {margin-left:2rem;}
}

@media all and (max-width:767px){
    /*** style_guide ***/
    /* paging */
    .pagination .paging {width:16rem;}
    .pagination .paging>li {padding:0 0.1rem;}
    .pagination .paging>li:nth-child(n+6) {display:none;}
    .pagination+.btnAreaL,
    .pagination+.btnAreaR,
    .pagination+.btnAreaC {padding:3rem 0 0 !important;text-align:center !important;}
    .pagination+.btnAreaL>a, .pagination+.btnAreaL>button,
    .pagination+.btnAreaR>a, .pagination+.btnAreaR>button,
    .pagination+.btnAreaC>.fL>a,.pagination+.btnAreaC>.fl>button,
    .pagination+.btnAreaC>.fR>a,.pagination+.btnAreaC>.fR>button {position:relative !important;}

    .mbHdn {display:none;}

    .sub_util {margin-bottom:1rem}
    .sub_util .btnGrp .btnEtc {margin-right:-70.5rem;margin-top:3.5rem;}
    .sub_util .btnGrp .btnEtc a:last-child {margin-right:0;}
    .findPartner .sub_util .btnGrp .btnEtc {margin-right:0;}

    /* TAB */
    #pageTab {margin-bottom:2rem;}
    
    .selectTab_wrap {margin-bottom:2rem;} 
    /* #pageTab .tabList.tab2>li,
    #pageTab .tabList.tab3>li,
    #pageTab .tabList.tab6>li,
    #pageTab .tabList.tab4>li,
    #pageTab .tabList.tab7>li,
    #pageTab .tabList.tab8>li,
    #pageTab .tabList.tab5>li,
    #pageTab .tabList.tab9>li,
    #pageTab .tabList.tab10>li,
    #pageTab .tabList.tab11>li,
    #pageTab .tabList.tab12>li,
    #pageTab .tabList.tab13>li,
    #pageTab .tabList.tab14>li,
    #pageTab .tabList.tab15>li,
    #pageTab .tabList.tab16>li,
    #pageTab .tabList.tab17>li,
    #pageTab .tabList.tab18>li,
    #pageTab .tabList.tab19>li,
    #pageTab .tabList.tab20>li {width:33.3%;} */
    /* #pageTab .tabList.tab2>li {width:50%} */

    #contTab_fix {margin-bottom:2rem;}
    /* #contTab_fix .tabList.tab2>li,
    #contTab_fix .tabList.tab3>li,
    #contTab_fix .tabList.tab6>li,
    #contTab_fix .tabList.tab4>li,
    #contTab_fix .tabList.tab7>li,
    #contTab_fix .tabList.tab8>li,
    #contTab_fix .tabList.tab5>li,
    #contTab_fix .tabList.tab9>li,
    #contTab_fix .tabList.tab10>li,
    #contTab_fix .tabList.tab11>li,
    #contTab_fix .tabList.tab12>li,
    #contTab_fix .tabList.tab13>li,
    #contTab_fix .tabList.tab14>li,
    #contTab_fix .tabList.tab15>li,
    #contTab_fix .tabList.tab16>li,
    #contTab_fix .tabList.tab17>li,
    #contTab_fix .tabList.tab18>li,
    #contTab_fix .tabList.tab19>li,
    #contTab_fix .tabList.tab20>li {width:33.3%;} */
    /* #contTab_fix .tabList.tab2>li {width:50%;} */

    /* #contTab_line {margin-bottom:1.5rem;}
    #contTab_line .tabList {border-bottom:var(--border-width) solid #ddd;}
    #contTab_line .tabList li a {min-width:13rem;padding:1rem 1.5rem;} */

    /* 하단 컨텐츠 */
    .pageBtm_bnr .bnrArea .item {max-height:inherit;}
    .pageBtm_bnr .bnrArea.type2,
    .pageBtm_bnr .bnrArea.type3 {width:100%;margin-left:0;}
    .pageBtm_bnr .bnrArea+.bnrArea {margin-top:1.5rem;}
    .pageBtm_bnr .bnrArea.type2 .item {width:100%;margin-left:0;}
    .pageBtm_bnr .bnrArea.type2 .item+.item {margin-top:1rem;}
    .pageBtm_bnr .bnrArea.type3 .item {width:100%;margin-left:0;}
    .pageBtm_bnr .bnrArea.type3 .item+.item {margin-top:1rem;}
    .pageBtm_bnr .bnrArea.type3 .item img {width:100%;}
    
    /* text & list*/
    p.txt{font-size:1.4rem;line-height:1.5em;}

    ul.list_dotBrown>li {font-size:1.4rem;line-height:2rem;}
    ul.list_num>li {font-size:1.4rem;line-height:1.5em;}
    ul.list_dotLine>li {font-size:1.4rem;line-height:1.5em;}

    .list_dotBlack>li {line-height:1.5em}

    .list_hyphen>li {line-height:1.5em}

    .ol_numList>li {line-height:1.5em}

	.exclam2{font-size:1.4rem;background:url(../img/common/ico_cirExclam2.png) no-repeat 0 0.2rem;background-size:1.5rem 1.5rem;padding-left:2rem;}

    .topExclam.txtR {margin-bottom:1rem;text-align:left !important;}

    /* 사이트맵 */
    .sitemapArea .map_gnb>li {width:50%;margin-top:0;}
    .sitemapArea #sitemap .menuM>li {width:50%;}
    .sitemapArea #sitemap .menuM>li:nth-child(n+3) {margin-top:1.5rem;}

    /*snb*/
    #snb,
    #snb::before,
    #snb .snb_wrap {height:12.1rem;}
    #snb {box-sizing:border-box;padding-top:0.5rem;}
    #snb::before {background-size:auto 12.1rem;}
    #snb .snb_mem>div {height:5rem;}
    #snb .snb_memInfo {float:none;width:100%;padding-top:1rem;border-top:var(--border-width) solid rgba(255,255,255,0.2);}
    #snb .snb_memInfo>li {display:block;float:none;width:100%;height:auto;padding:0;border:none !important;}
    #snb .snb_memInfo>li+li {margin-top:0.5rem;}
    #snb .snb_memInfo>li b {float:left;width:7rem;margin:0;font-size:1.2rem;line-height:1.6rem;text-align:left;}

    

    /* 에러페이지 */
    /* .conts_error .errorBox {width:38rem;padding-top:7rem;}
    .conts_error .errorBox strong {width:90%;font-size:1.6rem;line-height:2.4rem;}
    .conts_error .errorBox p {width:90%;font-size:1.3rem;line-height:2rem;}
    .conts_error .errorBox p br {display:none;}
    .conts_error .errorBox .btn_area>.btnC {min-width:11rem;} */

}

@media all and (max-width:600px){
    .sub_util .btnGrp a,
    .sub_util .btnGrp button {margin:0 0.4rem 0 0;}
    .sub_util .btnGrp a+button {margin-right:0;}
    .sub_util .urlArea {float:inherit;display:block;margin-bottom:0.7rem;text-align:left;}
}

@media all and (max-width:560px){
    .btnTitArea {margin-bottom:1rem;}
    .btnTitArea .contTit {margin-bottom:1rem;}
    .btnTitArea .btnGrp {margin-top:0;float:inherit;text-align:right;}
}

@media all and (max-width:500px){
    /* 에러페이지 */
    /* .conts_error .errorBox {width:300;} */

}


@media all and (max-width:380px){
    #startDt,
    #endDt {width:11.5rem !important;}

    /* sub util */
    .sub_util .btnGrp {margin-right:0;}
    .sub_util .btnGrp a,
    .sub_util .btnGrp button {margin:0 0.3rem 0 0;}
    .sub_util .btnGrp .btnI {padding:0 0.7rem;font-size:1.2rem;}
}

@media all and (max-width:360px){
    #pnb .pnb_nav>ul>li {padding-left:1.5rem;background-position:left 0.6rem top 1.3rem;}
    #pnb .pnb_nav>ul>li:last-child>span {font-size:1.3rem;letter-spacing:-0.1rem;}
    #pnb .pnb_nav>a {margin-top:1rem;}
}

/*** popup ***/
/* pop layout */
.pop_iframe {display:none;position:fixed !important;left:0;top:0;width:100%;height:100%;z-index:2000;}
.pop_iframe.on {display:block;}
.pop_wrap {width:100%;height:100%;}

.popBody {position:absolute;width:100%;height:100%;overflow-y:auto;text-align:center;box-sizing:border-box;}
.popBody:before {content:'';position:relative;top:0;display:inline-block;width:0;height:100%;vertical-align:middle;}

/* pop layer */
.popLayout {position:relative;top:auto;display:inline-block;width:100%;background:#fff;z-index:1100;vertical-align:middle;}
.popLayout.popWin {left:0;top:0;} 
.popLayout .popTit {display:block;padding:1.5rem 4rem 1rem 4rem;margin-bottom:0;box-sizing:border-box;background:linear-gradient(-90deg, rgba(66,134,234,1) 0%, rgba(131,102,208,1) 100%);color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:2.4rem;font-weight:500;line-height:3rem;letter-spacing:-0.05rem;text-align:left;}
.popLayout .btn_popClose {display:block;position:absolute;right:3rem;top:2rem;overflow:hidden;width:1.7rem;height:1.7rem;background:url(../img/common/sprite_component.png) no-repeat -360.5rem -42.4rem;text-indent:-200;}
.popLayout .btnArea {padding-top:4rem !important;padding-bottom:0.2rem !important;}
.popLayout .btnArea .btnC_s {margin-bottom:0;}

/* pop 공통 */
.popLayout .topTxt {margin-bottom:1.5rem;font-size:1.4rem;color:#666;}
.popLayout .popConts {padding-bottom:4.5rem;}
.popLayout .popConts .popInner {overflow:hidden;padding:4rem 4rem 0 4rem;text-align:left;}
.popLayout .popConts .popInner .txt {letter-spacing:-0.05rem;}
.popLayout .popConts .popInner.limit {overflow-x:hidden;overflow-y:auto;}
.popLayout .popConts .popInner.limit:focus {outline:none}

/* pop 내부의 pop */
.innerPopArea {position:absolute;bottom:0;left:0;width:100%;padding:3.5rem 1.5rem 4rem 1.5rem;box-sizing:border-box;background:#212e4e;text-align:center;letter-spacing:-0.02rem;;transition:0.3s all;color:#fff;animation:innerPopAni 0.5s forwards ease-out}
.innerPopArea .btnArea {padding-top:2.4rem !important}
.innerPopArea .btnArea button {margin-bottom:0;}

@keyframes innerPopAni {
    0% {
        -webkit-transform:translateY(10rem);
        -khtml-transform:translateY(10rem);
        -moz-transform:translateY(10rem);
        -ms-transform:translateY(10rem);
        -o-transform:translateY(10rem);
        transform:translateY(10rem);
        -webkit-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        opacity:0;
    }
    100% {
        -webkit-transform:translateY(0);
        -khtml-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);
        -webkit-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -khtml-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -moz-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -ms-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        -o-transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        transition:transform 0.2s cubic-bezier(0.895, 0, 0.18, 1);
        opacity:1;
    }
}


/* pop 개별 */

/* 팝업전용 미디어쿼리 */
@media all and (max-width:1040px){
    /* pop layout */
    .popLayout .popTit {padding:1rem 4rem 1rem 2.4rem;font-size:2rem;line-height:2.4rem;}
    .popLayout .btn_popClose {right:1.5rem;top:1.5rem;width:1.5rem;height:1.5rem;}
    .popLayout .popConts {padding-bottom:2.4rem;}
    .popLayout .popConts .popInner{padding:2.4rem 2.4rem 0 2.4rem;}
    .innerPopArea {padding:2rem 1rem 2rem 1rem}
    .popLayout .btnArea {padding-top:2rem !important;}
}




/*** Component ***/
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}

.fL {float:left !important;}
.fR {float:right !important;}
.cB {clear:both !important;}
.cB::after{content:"";display:block;clear:both;}

.vT_top {vertical-align:top !important;}
.vT_mid {vertical-align:middle !important;}

.mT0 {margin-top:0 !important;}
.mT1 {margin-top:0.1rem !important;}
.mT2 {margin-top:0.2rem !important;}
.mT3 {margin-top:0.3rem !important;}
.mT4 {margin-top:0.4rem !important;}
.mT5 {margin-top:0.5rem !important;}
.mT6 {margin-top:0.6rem !important;}
.mT7 {margin-top:0.7rem !important;}
.mT8 {margin-top:0.8rem !important;}
.mT9 {margin-top:0.9rem !important;}
.mT10 {margin-top:1rem !important;}
.mT11 {margin-top:1.1rem !important;}
.mT12 {margin-top:1.2rem !important;}
.mT13 {margin-top:1.3rem !important;}
.mT14 {margin-top:1.4rem !important;}
.mT15 {margin-top:1.5rem !important;}
.mT16 {margin-top:1.6rem !important;}
.mT17 {margin-top:1.7rem !important;}
.mT18 {margin-top:1.8rem !important;}
.mT19 {margin-top:1.9rem !important;}
.mT20 {margin-top:2rem !important;}
.mT21 {margin-top:2.1rem !important;}
.mT22 {margin-top:2.2rem !important;}
.mT23 {margin-top:2.3rem !important;}
.mT24 {margin-top:2.4rem !important;}
.mT25 {margin-top:2.4rem !important;}
.mT26 {margin-top:2.6rem !important;}
.mT27 {margin-top:2.7rem !important;}
.mT28 {margin-top:2.8rem !important;}
.mT29 {margin-top:2.9rem !important;}
.mT30 {margin-top:3rem !important;}
.mT35 {margin-top:3.5rem !important;}
.mT40 {margin-top:4rem !important;}
.mT45 {margin-top:4.5rem !important;}
.mT50 {margin-top:5rem !important;}
.mT70 {margin-top:7rem !important;}

.mR0 {margin-right:0 !important;}
.mR1 {margin-right:0.1rem !important;}
.mR2 {margin-right:0.2rem !important;}
.mR3 {margin-right:0.3rem !important;}
.mR4 {margin-right:0.4rem !important;}
.mR5 {margin-right:0.5rem !important;}
.mR6 {margin-right:0.6rem !important;}
.mR7 {margin-right:0.7rem !important;}
.mR8 {margin-right:0.8rem !important;}
.mR9 {margin-right:0.9rem !important;}
.mR10 {margin-right:1rem !important;}
.mR11 {margin-right:1.1rem !important;}
.mR12 {margin-right:1.2rem !important;}
.mR13 {margin-right:1.3rem !important;}
.mR14 {margin-right:1.4rem !important;}
.mR15 {margin-right:1.5rem !important;}
.mR16 {margin-right:1.6rem !important;}
.mR17 {margin-right:1.7rem !important;}
.mR18 {margin-right:1.8rem !important;}
.mR19 {margin-right:1.9rem !important;}
.mR20 {margin-right:2rem !important;}
.mR21 {margin-right:2.1rem !important;}
.mR22 {margin-right:2.2rem !important;}
.mR23 {margin-right:2.3rem !important;}
.mR24 {margin-right:2.4rem !important;}
.mR25 {margin-right:2.4rem !important;}
.mR26 {margin-right:2.6rem !important;}
.mR27 {margin-right:2.7rem !important;}
.mR28 {margin-right:2.8rem !important;}
.mR29 {margin-right:2.9rem !important;}
.mR30 {margin-right:3rem !important;}
.mR35 {margin-right:3.5rem !important;}
.mR40 {margin-right:4rem !important;}
.mR45 {margin-right:4.5rem !important;}
.mR50 {margin-right:5rem !important;}

.mB0 {margin-bottom:0 !important;}
.mB1 {margin-bottom:0.1rem !important;}
.mB2 {margin-bottom:0.2rem !important;}
.mB3 {margin-bottom:0.3rem !important;}
.mB4 {margin-bottom:0.4rem !important;}
.mB5 {margin-bottom:0.5rem !important;}
.mB6 {margin-bottom:0.6rem !important;}
.mB7 {margin-bottom:0.7rem !important;}
.mB8 {margin-bottom:0.8rem !important;}
.mB9 {margin-bottom:0.9rem !important;}
.mB10 {margin-bottom:1rem !important;}
.mB11 {margin-bottom:1.1rem !important;}
.mB12 {margin-bottom:1.2rem !important;}
.mB13 {margin-bottom:1.3rem !important;}
.mB14 {margin-bottom:1.4rem !important;}
.mB15 {margin-bottom:1.5rem !important;}
.mB16 {margin-bottom:1.6rem !important;}
.mB17 {margin-bottom:1.7rem !important;}
.mB18 {margin-bottom:1.8rem !important;}
.mB19 {margin-bottom:1.9rem !important;}
.mB20 {margin-bottom:2rem !important;}
.mB21 {margin-bottom:2.1rem !important;}
.mB22 {margin-bottom:2.2rem !important;}
.mB23 {margin-bottom:2.3rem !important;}
.mB24 {margin-bottom:2.4rem !important;}
.mB25 {margin-bottom:2.4rem !important;}
.mB26 {margin-bottom:2.6rem !important;}
.mB27 {margin-bottom:2.7rem !important;}
.mB28 {margin-bottom:2.8rem !important;}
.mB29 {margin-bottom:2.9rem !important;}
.mB30 {margin-bottom:3rem !important;}
.mB35 {margin-bottom:3.5rem !important;}
.mB40 {margin-bottom:4rem !important;}
.mB45 {margin-bottom:4.5rem !important;}
.mB50 {margin-bottom:5rem !important;}
.mB70 {margin-bottom:7rem !important;}

.mL0 {margin-left:0 !important;}
.mL1 {margin-left:0.1rem !important;}
.mL2 {margin-left:0.2rem !important;}
.mL3 {margin-left:0.3rem !important;}
.mL4 {margin-left:0.4rem !important;}
.mL5 {margin-left:0.5rem !important;}
.mL6 {margin-left:0.6rem !important;}
.mL7 {margin-left:0.7rem !important;}
.mL8 {margin-left:0.8rem !important;}
.mL9 {margin-left:0.9rem !important;}
.mL10 {margin-left:1rem !important;}
.mL11 {margin-left:1.1rem !important;}
.mL12 {margin-left:1.2rem !important;}
.mL13 {margin-left:1.3rem !important;}
.mL14 {margin-left:1.4rem !important;}
.mL15 {margin-left:1.5rem !important;}
.mL16 {margin-left:1.6rem !important;}
.mL17 {margin-left:1.7rem !important;}
.mL18 {margin-left:1.8rem !important;}
.mL19 {margin-left:1.9rem !important;}
.mL20 {margin-left:2rem !important;}
.mL21 {margin-left:2.1rem !important;}
.mL22 {margin-left:2.2rem !important;}
.mL23 {margin-left:2.3rem !important;}
.mL24 {margin-left:2.4rem !important;}
.mL25 {margin-left:2.4rem !important;}
.mL26 {margin-left:2.6rem !important;}
.mL27 {margin-left:2.7rem !important;}
.mL28 {margin-left:2.8rem !important;}
.mL29 {margin-left:2.9rem !important;}
.mL30 {margin-left:3rem !important;}
.mL35 {margin-left:3.5rem !important;}
.mL40 {margin-left:4rem !important;}
.mL45 {margin-left:4.5rem !important;}
.mL50 {margin-left:5rem !important;}

.pT0 {padding-top:0 !important;}
.pT1 {padding-top:0.1rem !important;}
.pT2 {padding-top:0.2rem !important;}
.pT3 {padding-top:0.3rem !important;}
.pT4 {padding-top:0.4rem !important;}
.pT5 {padding-top:0.5rem !important;}
.pT6 {padding-top:0.6rem !important;}
.pT7 {padding-top:0.7rem !important;}
.pT8 {padding-top:0.8rem !important;}
.pT9 {padding-top:0.9rem !important;}
.pT10 {padding-top:1rem !important;}
.pT11 {padding-top:1.1rem !important;}
.pT12 {padding-top:1.2rem !important;}
.pT13 {padding-top:1.3rem !important;}
.pT14 {padding-top:1.4rem !important;}
.pT15 {padding-top:1.5rem !important;}
.pT16 {padding-top:1.6rem !important;}
.pT17 {padding-top:1.7rem !important;}
.pT18 {padding-top:1.8rem !important;}
.pT19 {padding-top:1.9rem !important;}
.pT20 {padding-top:2rem !important;}
.pT21 {padding-top:2.1rem !important;}
.pT22 {padding-top:2.2rem !important;}
.pT23 {padding-top:2.3rem !important;}
.pT24 {padding-top:2.4rem !important;}
.pT25 {padding-top:2.4rem !important;}
.pT26 {padding-top:2.6rem !important;}
.pT27 {padding-top:2.7rem !important;}
.pT28 {padding-top:2.8rem !important;}
.pT29 {padding-top:2.9rem !important;}
.pT30 {padding-top:3rem !important;}
.pT35 {padding-top:3.5rem !important;}
.pT40 {padding-top:4rem !important;}
.pT45 {padding-top:4.5rem !important;}
.pT50 {padding-top:5rem !important;}

.pR0 {padding-right:0 !important;}
.pR1 {padding-right:0.1rem !important;}
.pR2 {padding-right:0.2rem !important;}
.pR3 {padding-right:0.3rem !important;}
.pR4 {padding-right:0.4rem !important;}
.pR5 {padding-right:0.5rem !important;}
.pR6 {padding-right:0.6rem !important;}
.pR7 {padding-right:0.7rem !important;}
.pR8 {padding-right:0.8rem !important;}
.pR9 {padding-right:0.9rem !important;}
.pR10 {padding-right:1rem !important;}
.pR11 {padding-right:1.1rem !important;}
.pR12 {padding-right:1.2rem !important;}
.pR13 {padding-right:1.3rem !important;}
.pR14 {padding-right:1.4rem !important;}
.pR15 {padding-right:1.5rem !important;}
.pR16 {padding-right:1.6rem !important;}
.pR17 {padding-right:1.7rem !important;}
.pR18 {padding-right:1.8rem !important;}
.pR19 {padding-right:1.9rem !important;}
.pR20 {padding-right:2rem !important;}
.pR21 {padding-right:2.1rem !important;}
.pR22 {padding-right:2.2rem !important;}
.pR23 {padding-right:2.3rem !important;}
.pR24 {padding-right:2.4rem !important;}
.pR25 {padding-right:2.4rem !important;}
.pR26 {padding-right:2.6rem !important;}
.pR27 {padding-right:2.7rem !important;}
.pR28 {padding-right:2.8rem !important;}
.pR29 {padding-right:2.9rem !important;}
.pR30 {padding-right:3rem !important;}
.pR35 {padding-right:3.5rem !important;}
.pR40 {padding-right:4rem !important;}
.pR45 {padding-right:4.5rem !important;}
.pR50 {padding-right:5rem !important;}

.pB0 {padding-bottom:0 !important;}
.pB1 {padding-bottom:0.1rem !important;}
.pB2 {padding-bottom:0.2rem !important;}
.pB3 {padding-bottom:0.3rem !important;}
.pB4 {padding-bottom:0.4rem !important;}
.pB5 {padding-bottom:0.5rem !important;}
.pB6 {padding-bottom:0.6rem !important;}
.pB7 {padding-bottom:0.7rem !important;}
.pB8 {padding-bottom:0.8rem !important;}
.pB9 {padding-bottom:0.9rem !important;}
.pB10 {padding-bottom:1rem !important;}
.pB11 {padding-bottom:1.1rem !important;}
.pB12 {padding-bottom:1.2rem !important;}
.pB13 {padding-bottom:1.3rem !important;}
.pB14 {padding-bottom:1.4rem !important;}
.pB15 {padding-bottom:1.5rem !important;}
.pB16 {padding-bottom:1.6rem !important;}
.pB17 {padding-bottom:1.7rem !important;}
.pB18 {padding-bottom:1.8rem !important;}
.pB19 {padding-bottom:1.9rem !important;}
.pB20 {padding-bottom:2rem !important;}
.pB21 {padding-bottom:2.1rem !important;}
.pB22 {padding-bottom:2.2rem !important;}
.pB23 {padding-bottom:2.3rem !important;}
.pB24 {padding-bottom:2.4rem !important;}
.pB25 {padding-bottom:2.4rem !important;}
.pB26 {padding-bottom:2.6rem !important;}
.pB27 {padding-bottom:2.7rem !important;}
.pB28 {padding-bottom:2.8rem !important;}
.pB29 {padding-bottom:2.9rem !important;}
.pB30 {padding-bottom:3rem !important;}
.pB35 {padding-bottom:3.5rem !important;}
.pB40 {padding-bottom:4rem !important;}
.pB45 {padding-bottom:4.5rem !important;}
.pB50 {padding-bottom:5rem !important;}

.pL0 {padding-left:0 !important;}
.pL1 {padding-left:0.1rem !important;}
.pL2 {padding-left:0.2rem !important;}
.pL3 {padding-left:0.3rem !important;}
.pL4 {padding-left:0.4rem !important;}
.pL5 {padding-left:0.5rem !important;}
.pL6 {padding-left:0.6rem !important;}
.pL7 {padding-left:0.7rem !important;}
.pL8 {padding-left:0.8rem !important;}
.pL9 {padding-left:0.9rem !important;}
.pL10 {padding-left:1rem !important;}
.pL11 {padding-left:1.1rem !important;}
.pL12 {padding-left:1.2rem !important;}
.pL13 {padding-left:1.3rem !important;}
.pL14 {padding-left:1.4rem !important;}
.pL15 {padding-left:1.5rem !important;}
.pL16 {padding-left:1.6rem !important;}
.pL17 {padding-left:1.7rem !important;}
.pL18 {padding-left:1.8rem !important;}
.pL19 {padding-left:1.9rem !important;}
.pL20 {padding-left:2rem !important;}
.pL21 {padding-left:2.1rem !important;}
.pL22 {padding-left:2.2rem !important;}
.pL23 {padding-left:2.3rem !important;}
.pL24 {padding-left:2.4rem !important;}
.pL25 {padding-left:2.4rem !important;}
.pL26 {padding-left:2.6rem !important;}
.pL27 {padding-left:2.7rem !important;}
.pL28 {padding-left:2.8rem !important;}
.pL29 {padding-left:2.9rem !important;}
.pL30 {padding-left:3rem !important;}
.pL35 {padding-left:3.5rem !important;}
.pL40 {padding-left:4rem !important;}
.pL45 {padding-left:4.5rem !important;}
.pL50 {padding-left:5rem !important;}
.alignPre {white-space:pre-wrap !important;word-break:break-all !important;}

/* print */
@media print  {
    html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td {
        margin: 0; 
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body {print-color-adjust: exact;-webkit-print-color-adjust: exact;}
    #headerArea,#footerArea,.snbArea,.btn_print,.btn_share{display:none !important;}
    .container,.contents{padding:0 !important;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* Enter your style code */
    .kockDream_tit em {background:none;color:#8266d0}
}

/* 오픈공지 */
.open_intro {position:fixed;width:100%;height:100%;background:#fff url(../img/common/openIntro_bg.png) left 50% top 12rem no-repeat;background-size:cover;z-index:999999;}
.open_intro .logo img+img {margin-left:2rem;}
.open_intro .inner {height:100%;min-height:100vh;padding-top:9rem;text-align:center;}
.open_intro .tit {margin-top:80.5rem;margin-bottom:3rem;font-size:5.6rem;font-weight:300;line-height:7.2rem;letter-spacing:-0.1rem;}
.open_intro .tit b {font-weight:700}
.open_intro .txt {font-size:1.8rem;line-height:3.2rem;}
.open_intro .date {margin-top:40.7rem;margin-bottom:50.5rem;padding:1.8rem 4rem;background: #4286ea;display:inline-block;vertical-align:top;color:#fff;color:#fff;border-radius:5rem;font-size:1.8rem;}
.open_intro .date br {display:none;}
.typeTopNotice  .open_intro {margin-top:-7rem;}


@media all and (max-width:1040px){
    .open_intro .inner {display:flex;justify-content:center;flex-direction:column;padding: 0 2rem;}
    .open_intro .logo img:nth-child(1) {height:4rem}
    .open_intro .logo img:nth-child(2) {height:3.5rem}
    .open_intro .tit {margin-top:4rem;margin-bottom:2rem;font-size:2.5rem;line-height: 3.7rem;}
    .open_intro .txt {font-size:1.6rem;line-height:2.6rem;}
    .open_intro .date {width:50rem;margin:0 auto;margin-top:2rem;margin-bottom:2rem;font-size:1.6rem;padding:1.2rem 2.5rem;}
}

@media all and (max-width:768px){
    .open_intro {background-size:contain;background-position:left 50% top 38%;}
    .open_intro .txt br {display:none;}
    .open_intro .date {width:20rem;border-radius:2.5rem;font-size:1.4rem;}
    .open_intro .date br {display:block;}
}

@media all and (max-width:560px){
    .typeTopNotice  .open_intro {margin-top:-8.5rem;}

}

@media all and (max-width:380px){
    .open_intro .tit {font-size:2.2rem;line-height:3.2rem;}
}

html .ck-content,
body .ck-content{
  color: var(--color-text-basic);
}

.board_view_banner{
    display:flex;
    gap:2rem;
    width:100%;
    padding:4rem;
    margin-top: 4rem;
    border-radius:0.8rem;
    background-color:#eef2f7;
    color:#02001F;
    box-sizing: border-box;
}
.board_view_banner img{
    width:22rem;
    height:max-content;
}
.board_view_banner p{
    font-size:1.7rem;
    font-weight:400;
}
.board_view_banner strong{
    font-weight:600;
}
@media all and (max-width: 768px){
    .board_view_banner{
        flex-direction:column;
        align-items: center;
        padding:4rem 2rem;
    }
    .board_view_banner br{
        display:none;
    }
}