:root {
    --color-bg: #19191D;
    --color-lightBlack: #CCCCCD;
    --color-text: #F7F7F7;
    --color-gray: #86868D;
    --color-lightGray: #66666D;

    --header--height: 4.4rem;
    --font--line-height: 3.6rem;

    --font--title:3.6rem;
    --font--subTitle:2.2rem;
    --font--contents:1.7rem;
    --font--infomation: 1.2rem;


    --font--weight-bold: 700;
    --font--weight-medium: 450;
}
body.light {
    --color-bg: #FAFAFA;
    --color-text: #262626;
    --color-lightBlack: #36363D;
    --color-lightGray: #CCCCCD;
}

@media screen and (max-width: 600px) {
    :root {
        --font--line-height: 3rem;

        --font--title: 2.9rem;
        --font--subTitle: 1.8rem;
        --font--contents: 1.6rem;
        --font--infomation: 1.2rem;
    }
    .pc {display: none !important;}
    .m {display: block !important;}
}


html {font-size: 10px; }
body {margin: 0; padding: 0; overflow-x: hidden !important; box-sizing: border-box; font-family: 'SUIT Variable', sans-serif; color: var(--color-text); background-color: var(--color-bg); width: 100%; min-height: 120vh;}
body img {border-radius: 12px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

span,p,h1,h2,h3,h4,h5,h6 {color: inherit; font-size: inherit; margin: 0;}


*,*::before,*::after {margin: 0;padding: 0; letter-spacing: -0.03rem;}
*::-webkit-scrollbar {display: none;}

sup {color: var(--color-gray); font-size: calc(100% - 1rem); font-weight: 600}
sub {color: var(--color-gray)}


@import url(./body.css);
@import url(https://cdn.jsdelivr.net/gh/sun-typeface/SUIT/fonts/variable/woff2/SUIT-Variable.css);

.pc {display: block;}
.m {display: none;}

.underline {border-bottom: 1px solid var(--color-lightGray); margin-top: 3.2rem;}

.content_wrapper {max-width: 68rem; margin: 0 auto; margin-top: calc(var(--header--height) + 3.6rem) ;}
.content_wrapper { padding: 1.8rem !important; line-height: var(--font--line-height); }
.content_header { font-weight: var(--font--weight-bold); font-size: var(--font--title); }
.subTitle h3 { font-weight: var(--font--weight-medium); font-size: var(--font--subTitle); color: var(--color-gray); }
.content_data { font-size: var(--font--contents); color: var(--color-lightBlack); font-weight: var(--font--weight-medium); white-space: pre-line;}
.content_data img {width: 100%;}
.certification {display: flex; justify-content: space-between; margin-top: 4.8rem; font-size: var(--font--infomation);}
.info {color: var(--color-lightGray); font-size: var(--font--infomation);}





.nav-mobile-title {color: var(--color-text); font-size: var(--font--contents); padding: 1.2rem 1.8rem; font-weight: var(--font--weight-bold); display: flex; align-items: center; justify-content: space-between;}


table {width: 100%; overflow: hidden; display: block;}
tbody {max-width: 100%; display:flex; flex-direction: column; overflow: scroll;}
td {white-space: nowrap;}
/* Nav */

.header_wrapper {max-width: 80rem; margin: 0 auto; padding: 0 2.4rem;}
header {position: fixed; top: 0; z-index: 999; width: 100%; height: 4.4rem; background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(1rem); -webkit-backdrop-filter: blur(1rem);}
.nav-logo {width: 1.6rem; height: 4.4rem; background: url('../images/favicon-white.svg') center/contain no-repeat;}
header .nav-list {bottom: 0; right: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; list-style: none; margin: 0 -2rem; white-space: nowrap;}
header .nav-list .nav-item {font-size: 1.2rem; align-items: center; color: #fff; padding: 0 2rem; cursor: pointer; opacity: 0.7;}
header .nav-list .nav-item:hover {opacity: 1;}
header .nav-list .nav-item .item__contents {width: 100%; position: fixed; left: 0; display: none;}
header .nav-list .nav-item:hover .item__contents {display: block;}
header .nav-list .nav-item .item__contents .contents__menu {background-color: rgba(22, 22, 23, 1); padding: 40px 22px 84px;}
header .nav-list .nav-item .item__contents .contents__menu > ul {display: flex; padding: 20px 0; list-style: none; max-width: 98rem; margin: 0 auto; padding: 0 2.2rem;}
header .nav-list .nav-item .item__contents .contents__menu > ul > li {padding-right: 44px; margin: 0 0 -4px;}
header .nav-list .nav-item .item__contents .contents__menu > ul > li h4 {cursor: default; padding: 3px 0 12px 0; font-size: 12px; color: #86868b; list-style: none;}
header .nav-list .nav-item .item__contents .contents__menu > ul > li ul li {padding: 5px 0; font-size: 12px; font-weight: 500; color: #e8e8ed; cursor: pointer; list-style: none;}
header .nav-list .nav-item .item__contents .contents__menu > ul > li .big-font li {font-size: 24px; font-weight: 700; padding-right: 44px;}
header .nav-list .nav-item .item__contents .contents__menu > ul > li ul li:hover {color: #fff;}