/* https://image.whox2.com/terms/assets/terms_common_extend.css */

:root {
    --color-blue-100: #cce3ff;
    --color-blue-200: #99c8ff;
    --color-blue-300: #66acff;
    --color-blue-400: #3391ff;
    --color-blue-500: #0075ff;
    --color-blue-600: #005ecc;
    --color-blue-700: #004699;
    --color-blue-800: #002f66;
    --color-blue-900: #001733;


    --color-red-100: #fcd9da;
    --color-red-200: #f9b3b5;
    --color-red-300: #f78e91;
    --color-red-400: #f4686c;
    --color-red-500: #f14247;
    --color-red-600: #c13539;
    --color-red-700: #91282b;
    --color-red-800: #601a1c;
    --color-red-900: #300d0e;

    --color-orange-100: #ffe1cc;
    --color-orange-200: #ffc499;
    --color-orange-300: #ffa666;
    --color-orange-400: #ff8933;
    --color-orange-500: #ff6b00;
    --color-orange-600: #cc5600;
    --color-orange-700: #994000;
    --color-orange-800: #662b00;
    --color-orange-900: #331500;

    --color-yellow-100: #fff1cf;
    --color-yellow-200: #ffe49f;
    --color-yellow-300: #ffd66e;
    --color-yellow-400: #ffc93e;
    --color-yellow-500: #ffbb0e;
    --color-yellow-600: #cc960b;
    --color-yellow-700: #997008;
    --color-yellow-800: #664b06;
    --color-yellow-900: #332503;

    --color-green-100: #cdebe0;
    --color-green-200: #9ad7c1;
    --color-green-300: #68c4a3;
    --color-green-400: #36b084;
    --color-green-500: #039c65;
    --color-green-600: #037d51;
    --color-green-700: #025e3d;
    --color-green-800: #013e28;
    --color-green-900: #011f14;

    --color-gray-100: #dee0e1;
    --color-gray-200: #bdc0c3;
    --color-gray-300: #9ca1a6;
    --color-gray-400: #7b8188;
    --color-gray-500: #5a626a;
    --color-gray-600: #484e55;
    --color-gray-700: #363b40;
    --color-gray-800: #24272a;
    --color-gray-900: #121415;

    --color-black: #000000;
    --color-white: #ffffff;
    --color-accent: #0075ff;
    --color-negative: #f14247;
    --color-warning: #ffbb0e;
    --color-positive: #039c65;
    --color-positiveTransparent: #039c651a;
    --color-negativeTransparent: #f142471a;


    /* 라이트모드 */
    --primary: var(--color-black);
    --secondary: var(--color-white);
    --tertiary: #f5f5f5;
    --fourthly: #EFF3F8;

    --contentPrimary: var(--color-black);
    --contentSecondary: var(--color-gray-500);
    --contentTertiary: var(--color-gray-300);

    --popup-bg: var(--primary);
    --popup-confirm: var(--color-gray-800);
    --popup-confirm-text: var(--color-white);
    --popup-cancel: var(--color-gray-100);
    --popup-cancel-text: var(--color-gray-300);

    --borderOpaque: var(--color-gray-100);
    --borderTransparent: rgba(127, 144, 162, 0.3);
    --borderTransparent15: rgba(127, 144, 162, 0.15);
}

/* 다크모드 */
@media (prefers-color-scheme: dark) {
    :root {
        --primary: var(--color-white);
        --secondary: var(--color-black);
        --tertiary: var(--color-gray-800);
        --fourthly: var(--color-gray-700);

        --contentPrimary: var(--color-white);
        --contentSecondary: var(--color-gray-300);
        --contentTertiary: var(--color-gray-400);

        --popup-bg: var(--primary);
        --popup-confirm: var(--color-white);
        --popup-confirm-text: var(--color-gray-800);
        --popup-cancel: var(--color-gray-800);
        --popup-cancel-text: var(--color-gray-400);

        --borderOpaque: var(--color-gray-400);
        --borderTransparent: rgba(127, 144, 162, 0.3);
        --borderTransparent15: rgba(127, 144, 162, 0.15);
    }
}



/* @font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    src: url('./font/NotoSansKR-Regular.woff2') format('woff2'),
        url('./font/NotoSansKR-Regular.woff') format('woff'),
        url('./font/NotoSansKR-Regular.otf') format('opentype');
} */

/* @font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');} */

/* @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); */

@import "/assets/pretendard.css";

/* font */
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('/assets/fonts/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('/assets/fonts/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/assets/fonts/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/assets/fonts/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/assets/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/assets/fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/assets/fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/assets/fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/assets/fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/assets/fonts/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

/* Reset */
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}



body, h1, h2, h3, h4, h5, h6, input, textarea, select {
	/* font-family: 'Noto Sans KR', sans-serif; */
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1.8;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
     ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
    margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */

main {
    display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
     ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
     ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
    background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
    font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
    font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

img {
    border-style: none;
}

/* Forms
     ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
    vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
    overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
     ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
    display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
    display: list-item;
}

/* Misc
     ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
    display: none;
}

/**
   * Add the correct display in IE 10.
   */

[hidden] {
    display: none;
}


/* 텍스트 정렬 */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}
.vat {vertical-align: top !important;}
.vam {vertical-align: middle !important;}

/*폰트 사이즈*/
.fs11 {font-size: 11px !important;line-height: 1.2;}
.fs12 {font-size: 12px !important;line-height: 1.2;}
.fs13 {font-size: 13px !important;line-height: 1.2;}
.fs14 {font-size: 14px !important;line-height: 1.2;}
.fs15 {font-size: 15px !important;line-height: 1.2;}

/* bold */
.b {font-weight:bold !important;}

/* 포인트 컬러 */
.fc-red01 {color: var(--color-red-500) !important;}
.fc-blue01 {color:var(--color-blue-500) !important;}
.fc-bk01 {color: var(--color-gray-800) !important;}
.fc-gr01 {color:var(--color-gray-300) !important;}

/* 텍스트 언더라인 */
.underline { text-decoration: underline;}

/* float */
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.cl {clear:both !important;}

/*display*/
.dpb {display: block !important;}
.dpib {display: inline-block !important;}
.dpi {display: inline !important;}

/* margin */
.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}

.mt-one {margin-top: 1% !important;}
.mt-two {margin-top: 2% !important;}
.mt-tree {margin-top: 3% !important;}
.mt-four {margin-top: 4% !important;}
.mt-five {margin-top: 5% !important;}
.mt-six {margin-top: 6% !important;}
.mt-seven {margin-top: 7% !important;}
.mt-eight {margin-top: 8% !important;}
.mt-nine {margin-top: 9% !important;}
.mt-ten {margin-top: 10% !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}

.mr-one {margin-right: 1% !important;}
.mr-two {margin-right: 2% !important;}
.mr-tree {margin-right: 3% !important;}
.mr-four {margin-right: 4% !important;}
.mr-five {margin-right: 5% !important;}
.mr-six {margin-right: 6% !important;}
.mr-seven {margin-right: 7% !important;}
.mr-eight {margin-right: 8% !important;}
.mr-nine {margin-right: 9% !important;}
.mr-ten {margin-right: 10% !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}

.mb-one {margin-bottom: 1% !important;}
.mb-two {margin-bottom: 2% !important;}
.mb-tree {margin-bottom: 3% !important;}
.mb-four {margin-bottom: 4% !important;}
.mb-five {margin-bottom: 5% !important;}
.mb-six {margin-bottom: 6% !important;}
.mb-seven {margin-bottom: 7% !important;}
.mb-eight {margin-bottom: 8% !important;}
.mb-nine {margin-bottom: 9% !important;}
.mb-ten {margin-bottom: 10% !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}

.ml-one {margin-left: 1% !important;}
.ml-two {margin-left: 2% !important;}
.ml-tree {margin-left: 3% !important;}
.ml-four {margin-left: 4% !important;}
.ml-five {margin-left: 5% !important;}
.ml-six {margin-left: 6% !important;}
.ml-seven {margin-left: 7% !important;}
.ml-eight {margin-left: 8% !important;}
.ml-nine {margin-left: 9% !important;}
.ml-ten {margin-left: 10% !important;}

/* padding */
.p0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}

/* border */
.bdtn {border-top:none !important;}
.bbn {border-bottom:none !important;}
.bln {border-left:none !important;}
.brn {border-right:none !important;}

/* 라인 */
.line01 {clear:both;width:100%;border-bottom:1px solid var(--borderTransparent);}







body {
    /* font-family: 'Noto Sans KR', serif; */
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    padding: 0;
    font-size: 16px;
    color: var(--contentPrimary);
    background-color: var(--secondary);
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 5px 0 10px;
    margin-left: 8px;
}

table th {
    background-color: var(--fourthly);
    font-weight: bold;
}


table td, 
table th {
    border: 1px solid var(--borderOpaque);
    padding: 5px;
    word-break: break-all;
    font-size: 1rem;
}

table img {
    vertical-align: middle;
}

table.pp_label {
    text-align: center;
}
table.pp_label tr:nth-child(1) td {
    padding: 16px;
}
table.pp_label td {
    padding: 10px;
}

table.pp_contents {
    text-align: center;
}
table.pp_contents tr td {
    padding: 10px;
    vertical-align: middle;
}
table.pp_contents tr td:last-child {
    text-align: left;
}
table.pp_contents img {
    width: 48px;
}
table.pp_contents a {
    font-weight: 600;
}


form {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
}
form select {
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    form select {
        width: 280px;
    }
 }

.section {
    margin-top: 20px;
}

.title-main {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

h1 {
    font-size: 18px;
    font-weight: bold;
}

h2 {
    font-size: 16px;
    font-weight: bold;
}

h3,
h3.title,
.title {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 1rem;
}

h3.title img {
    margin-left: 4px;
    width: 36px;
    vertical-align: -12px;
}

.title a {
    color: #000;
}

.content {
    margin-left: 10px;
}

.depth-in {
    margin-left: 20px;
}

.table {
    display: flex;
}

.align-center {
    text-align: center;
}

.highlight {
    font-weight: bold;
    color: steelblue;
    text-decoration: underline;
}

.b {
    font-weight: bold;
}


ul li {
    margin-bottom: 4px;
}

ul li table {
    margin-left: 8px;
}
p + ul {
    margin-left: 8px;
}
ul li>p,
ul li>ul>li {
    padding-left: 8px;
}

/* 2023-05-10 추가*/
.agreements {
    box-sizing: border-box;
    padding: 10px 24px 12px;
    line-height: 160%;
    font-size: 16px;
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    word-break: break-all;
}

.agreements h3 + div {
    padding-left: 12px;
}


.emphasis { font-size: 1.2rem !important; font-weight: bold !important; text-decoration: underline; color: var(--color-blue-500); }

/* 20250429 추가 */
button {
    background: transparent;
    color: #0075ff;
    border: none;
    text-decoration: underline;
}
a.link {
    color: #0075ff;
    text-decoration: underline;
}

.version-selector {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px;    /* 상하 마진 0, 아래에 20px 공간 추가 */
    padding: 12px 16px;     /* 위아래 12px, 좌우 16px 여백 */
    background-color: #fff;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    width: calc(100% - 48px);     /* 내용에 맞춰 너비 자동 조절 */
  }
  
  .version-selector select {
    font-size: 1rem;
    font-weight: 500;
    padding: 6px 10px;
    border: none;
    border-radius: 6px;
    background-color: #fff;
    cursor: pointer;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
  }