@charset "UTF-8";

/* font-family:'Montserrat' */
@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: normal;
    src: url("../fonts/Montserrat-Thin.html");
    src: url("../fonts/Montserrat-Thind41d.html?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat-Thin.ttf") format("truetype"), url("../fonts/Montserrat-Thin.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: italic;
    src: url("../fonts/Montserrat-ThinItalic.html");
    src: url("../fonts/Montserrat-ThinItalicd41d.html?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("../fonts/Montserrat-ThinItalic.woff") format("woff"), url("../fonts/Montserrat-ThinItalic.ttf") format("truetype"), url("../fonts/Montserrat-ThinItalic.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: normal;
    src: url("../fonts/Montserrat-ExtraLight.html");
    src: url("../fonts/Montserrat-ExtraLightd41d.html?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat-ExtraLight.ttf") format("truetype"), url("../fonts/Montserrat-ExtraLight.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: italic;
    src: url("../fonts/Montserrat-ExtraLightItalic.html");
    src: url("../fonts/Montserrat-ExtraLightItalicd41d.html?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLightItalic.woff") format("woff"), url("../fonts/Montserrat-ExtraLightItalic.ttf") format("truetype"), url("../fonts/Montserrat-ExtraLightItalic.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/Montserrat-Light.html");
    src: url("../fonts/Montserrat-Lightd41d.html?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype"), url("../fonts/Montserrat-Light.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Montserrat-Regular.html");
    src: url("../fonts/Montserrat-Regulard41d.html?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype"), url("../fonts/Montserrat-Regular.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: italic;
    src: url("../fonts/Montserrat-Italic.html");
    src: url("../fonts/Montserrat-Italicd41d.html?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Italic.woff") format("woff"), url("../fonts/Montserrat-Italic.ttf") format("truetype"), url("../fonts/Montserrat-Italic.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/Montserrat-Medium.html");
    src: url("../fonts/Montserrat-Mediumd41d.html?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype"), url("../fonts/Montserrat-Medium.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: italic;
    src: url("../fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("../fonts/Montserrat-MediumItalic.woff") format("woff"), url("../fonts/Montserrat-MediumItalic.ttf") format("truetype"), url("../fonts/Montserrat-MediumItalic.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/Montserrat-SemiBold.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: italic;
    src: url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-SemiBoldItalic.woff") format("woff"), url("../fonts/Montserrat-SemiBoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-SemiBoldItalic.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype"), url("../fonts/Montserrat-Bold.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: italic;
    src: url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-BoldItalic.woff") format("woff"), url("../fonts/Montserrat-BoldItalic.otf") format("opentype"), url("../fonts/Montserrat-BoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-BoldItalic.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
    src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.woff") format("woff"), url("../fonts/Montserrat-ExtraBold.otf") format("opentype"), url("../fonts/Montserrat-ExtraBold.ttf") format("truetype"), url("../fonts/Montserrat-ExtraBold.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: italic;
    src: url("../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBoldItalic.woff") format("woff"), url("../fonts/Montserrat-ExtraBoldItalic.otf") format("opentype"), url("../fonts/Montserrat-ExtraBoldItalic.ttf") format("truetype"), url("../fonts/Montserrat-ExtraBoldItalic.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: normal;
    src: url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff"), url("../fonts/Montserrat-Black.otf") format("opentype"), url("../fonts/Montserrat-Black.ttf") format("truetype"), url("../fonts/Montserrat-Black.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: italic;
    src: url("../fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("../fonts/Montserrat-BlackItalic.woff") format("woff"), url("../fonts/Montserrat-BlackItalic.otf") format("opentype"), url("../fonts/Montserrat-BlackItalic.ttf") format("truetype"), url("../fonts/Montserrat-BlackItalic.svg") format("svg");
    font-display: swap;
}

/* font-family:'Pretendard' */
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    font-style: normal;
    src: url("../fonts/Pretendard-Thin.woff2") format("woff2"), url("../fonts/Pretendard-Thin.woff") format("woff"), url("../fonts/Pretendard-Thin.otf") format("opentype"), url("../fonts/Pretendard-Thin.ttf") format("truetype"), url("../fonts/Pretendard-Thin.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    font-style: normal;
    src: url("../fonts/Pretendard-ExtraLight.woff2") format("woff2"), url("../fonts/Pretendard-ExtraLight.woff") format("woff"), url("../fonts/Pretendard-ExtraLight.otf") format("opentype"), url("../fonts/Pretendard-ExtraLight.ttf") format("truetype"), url("../fonts/Pretendard-ExtraLight.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/Pretendard-Light.woff2") format("woff2"), url("../fonts/Pretendard-Light.woff") format("woff"), url("../fonts/Pretendard-Light.otf") format("opentype"), url("../fonts/Pretendard-Light.ttf") format("truetype"), url("../fonts/Pretendard-Light.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard-Regular.woff") format("woff"), url("../fonts/Pretendard-Regular.otf") format("opentype"), url("../fonts/Pretendard-Regular.ttf") format("truetype"), url("../fonts/Pretendard-Regular.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard-Medium.woff") format("woff"), url("../fonts/Pretendard-Medium.otf") format("opentype"), url("../fonts/Pretendard-Medium.ttf") format("truetype"), url("../fonts/Pretendard-Medium.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/Pretendard-SemiBold.woff") format("woff"), url("../fonts/Pretendard-SemiBold.otf") format("opentype"), url("../fonts/Pretendard-SemiBold.ttf") format("truetype"), url("../fonts/Pretendard-SemiBold.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/Pretendard-Bold.woff2") format("woff2"), url("../fonts/Pretendard-Bold.woff") format("woff"), url("../fonts/Pretendard-Bold.otf") format("opentype"), url("../fonts/Pretendard-Bold.ttf") format("truetype"), url("../fonts/Pretendard-Bold.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    font-style: normal;
    src: url("../fonts/Pretendard-ExtraBold.woff2") format("woff2"), url("../fonts/Pretendard-ExtraBold.woff") format("woff"), url("../fonts/Pretendard-ExtraBold.otf") format("opentype"), url("../fonts/Pretendard-ExtraBold.ttf") format("truetype"), url("../fonts/Pretendard-ExtraBold.svg") format("svg");
    font-display: swap;
}

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    font-style: normal;
    src: url("../fonts/Pretendard-Black.woff2") format("woff2"), url("../fonts/Pretendard-Black.woff") format("woff"), url("../fonts/Pretendard-Black.otf") format("opentype"), url("../fonts/Pretendard-Black.ttf") format("truetype"), url("../fonts/Pretendard-Black.svg") format("svg");
    font-display: swap;
}

/* font-family:'Questrial' */
@font-face {
    font-family: "PretendardJP";
    font-weight: 100;
    font-display: swap;
    src: url("../fonts/PretendardJP-Thin.woff2") format("woff2"), url("../fonts/PretendardJP-Thin.woff") format("woff"), url("../fonts/PretendardJP-Thin.otf") format("opentype"), url("../fonts/PretendardJP-Thin.ttf") format("truetype"), url("../fonts/PretendardJP-Thin.svg") format("svg");
}

@font-face {
    font-family: "PretendardJP";
    font-weight: 200;
    font-display: swap;
    src: url("../fonts/PretendardJP-ExtraLight.woff2") format("woff2"), url("../fonts/PretendardJP-ExtraLight.woff") format("woff"), url("../fonts/PretendardJP-ExtraLight.otf") format("opentype"), url("../fonts/PretendardJP-ExtraLight.ttf") format("truetype"), url("../fonts/PretendardJP-ExtraLight.svg") format("svg");
}

@font-face {
    font-family: "PretendardJP";
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/PretendardJP-Light.woff2") format("woff2"), url("../fonts/PretendardJP-Light.woff") format("woff"), url("../fonts/PretendardJP-Light.otf") format("opentype"), url("../fonts/PretendardJP-Light.ttf") format("truetype"), url("../fonts/PretendardJP-Light.svg") format("svg");
}

@font-face {
    font-family: "PretendardJP";
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/PretendardJP-Regular.woff2") format("woff2"), url("../fonts/PretendardJP-Regular.woff") format("woff"), url("../fonts/PretendardJP-Regular.otf") format("opentype"), url("../fonts/PretendardJP-Regular.ttf") format("truetype"), url("../fonts/PretendardJP-Regular.svg") format("svg");
}

@font-face {
    font-family: "PretendardJP";
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/PretendardJP-Medium.woff2") format("woff2"), url("../fonts/PretendardJP-Medium.woff") format("woff"), url("../fonts/PretendardJP-Medium.otf") format("opentype"), url("../fonts/PretendardJP-Medium.ttf") format("truetype"), url("../fonts/PretendardJP-Medium.svg") format("svg");
}

@font-face {
    font-family: "PretendardJP";
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/PretendardJP-SemiBold.woff2") format("woff2"), url("../fonts/PretendardJP-SemiBold.woff") format("woff"), url("../fonts/PretendardJP-SemiBold.otf") format("opentype"), url("../fonts/PretendardJP-SemiBold.ttf") format("truetype"), url("../fonts/PretendardJP-SemiBold.svg") format("svg");
}

@font-face {
    font-family: "PretendardJP";
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/PretendardJP-Bold.woff2") format("woff2"), url("../fonts/PretendardJP-Bold.woff") format("woff"), url("../fonts/PretendardJP-Bold.otf") format("opentype"), url("../fonts/PretendardJP-Bold.ttf") format("truetype"), url("../fonts/PretendardJP-Bold.svg") format("svg");
}

@font-face {
    font-family: "PretendardJP";
    font-weight: 800;
    font-display: swap;
    src: url("../fonts/PretendardJP-ExtraBold.woff2") format("woff2"), url("../fonts/PretendardJP-ExtraBold.woff") format("woff"), url("../fonts/PretendardJP-ExtraBold.otf") format("opentype"), url("../fonts/PretendardJP-ExtraBold.ttf") format("truetype"), url("../fonts/PretendardJP-ExtraBold.svg") format("svg");
}

@font-face {
    font-family: "PretendardJP";
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/PretendardJP-Black.woff2") format("woff2"), url("../fonts/PretendardJP-Black.woff") format("woff"), url("../fonts/PretendardJP-Black.otf") format("opentype"), url("../fonts/PretendardJP-Black.ttf") format("truetype"), url("../fonts/PretendardJP-Black.svg") format("svg");
}

/* font-family:'Roboto' */
@font-face {
    font-family: "Roboto";
    font-weight: 100;
    font-style: normal;
    src: url("../fonts/Roboto-Thin.woff") format("woff"), url("../fonts/Roboto-Thin.otf") format("opentype"), url("../fonts/Roboto-Thin.ttf") format("truetype"), url("../fonts/Roboto-Thin.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 100;
    font-style: italic;
    src: url("../fonts/Roboto-ThinItalic.woff") format("woff"), url("../fonts/Roboto-ThinItalic.otf") format("opentype"), url("../fonts/Roboto-ThinItalic.ttf") format("truetype"), url("../fonts/Roboto-ThinItalic.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 200 300;
    font-style: normal;
    src: url("../fonts/Roboto-Light.woff") format("woff"), url("../fonts/Roboto-Light.otf") format("opentype"), url("../fonts/Roboto-Light.ttf") format("truetype"), url("../fonts/Roboto-Light.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 200 300;
    font-style: italic;
    src: url("../fonts/Roboto-LightItalic.woff") format("woff"), url("../fonts/Roboto-LightItalic.otf") format("opentype"), url("../fonts/Roboto-LightItalic.ttf") format("truetype"), url("../fonts/Roboto-LightItalic.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"), url("../fonts/Roboto-Regular.otf") format("opentype"), url("../fonts/Roboto-Regular.ttf") format("truetype"), url("../fonts/Roboto-Regular.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 400;
    font-style: italic;
    src: url("../fonts/Roboto-Italic.woff") format("woff"), url("../fonts/Roboto-Italic.otf") format("opentype"), url("../fonts/Roboto-Italic.ttf") format("truetype"), url("../fonts/Roboto-Italic.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 500 600;
    font-style: normal;
    src: url("../fonts/Roboto-Medium.woff") format("woff"), url("../fonts/Roboto-Medium.otf") format("opentype"), url("../fonts/Roboto-Medium.ttf") format("truetype"), url("../fonts/Roboto-Medium.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 500 600;
    font-style: italic;
    src: url("../fonts/Roboto-MediumItalic.woff") format("woff"), url("../fonts/Roboto-MediumItalic.otf") format("opentype"), url("../fonts/Roboto-MediumItalic.ttf") format("truetype"), url("../fonts/Roboto-MediumItalic.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 700 800;
    font-style: normal;
    src: url("../fonts/Roboto-Bold.woff") format("woff"), url("../fonts/Roboto-Bold.otf") format("opentype"), url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 700 800;
    font-style: italic;
    src: url("../fonts/Roboto-BoldItalic.woff") format("woff"), url("../fonts/Roboto-BoldItalic.otf") format("opentype"), url("../fonts/Roboto-BoldItalic.ttf") format("truetype"), url("../fonts/Roboto-BoldItalic.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 900;
    font-style: normal;
    src: url("../fonts/Roboto-Black.woff") format("woff"), url("../fonts/Roboto-Black.otf") format("opentype"), url("../fonts/Roboto-Black.ttf") format("truetype"), url("../fonts/Roboto-Black.svg") format("svg");
}

@font-face {
    font-family: "Roboto";
    font-weight: 900;
    font-style: italic;
    src: url("../fonts/Roboto-BlackItalic.woff") format("woff"), url("../fonts/Roboto-BlackItalic.otf") format("opentype"), url("../fonts/Roboto-BlackItalic.ttf") format("truetype"), url("../fonts/Roboto-BlackItalic.svg") format("svg");
}

/* font-family:'Questrial' */
@font-face {
    font-family: "Questrial";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/Questrial-Regular.html");
    src: url("../fonts/Questrial-Regulard41d.html?#iefix") format("embedded-opentype"), url("../fonts/Questrial-Regular.woff2") format("woff2"), url("../fonts/Questrial-Regular.woff") format("woff"), url("../fonts/Questrial-Regular.otf") format("opentype"), url("../fonts/Questrial-Regular.ttf") format("truetype"), url("../fonts/Questrial-Regular.svg") format("svg");
    font-display: swap;
}

/* font-family:'slick' */
@font-face {
    font-family: "slick";
    font-weight: 900;
    font-style: normal;
    src: url("../fonts/slick.html");
    src: url("../fonts/slickd41d.html?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.otf") format("opentype"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg") format("svg");
    font-display: swap;
}

/* font-family:'효성폰트' */
@font-face {
    font-family: "Hyosung";
    font-weight: 700;
    font-display: swap;
    src: local("Brand New Hyosung Bold"), url("../fonts/Brand_New_Hyosung_OTF_Bold.woff2") format("woff2"), url("../fonts/Brand_New_Hyosung_OTF_Bold.woff") format("woff"), url("../fonts/Brand_New_Hyosung_OTF_Bold.eot") format("eot");
}

@font-face {
    font-family: "Hyosung";
    font-weight: 500;
    font-display: swap;
    src: local("Brand New Hyosung Medium"), url("../fonts/Brand_New_Hyosung_OTF_Medium.woff2") format("woff2"), url("../fonts/Brand_New_Hyosung_OTF_Medium.woff") format("woff"), url("../fonts/Brand_New_Hyosung_OTF_Medium.eot") format("eot");
}

@font-face {
    font-family: "Hyosung";
    font-weight: 300;
    font-display: swap;
    src: local("Brand New Hyosung Light"), url("../fonts/Brand_New_Hyosung_OTF_Light.woff2") format("woff2"), url("../fonts/Brand_New_Hyosung_OTF_Light.woff") format("woff"), url("../fonts/Brand_New_Hyosung_OTF_Light.eot") format("eot");
}

/* font-family:'Poppins' */
@font-face {
    font-family: "Poppins";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/poppins/Poppins-Regular.woff2") format("font-woff2"), url("../fonts/poppins/Poppins-Regular.woff") format("woff"), url("../fonts/poppins/Poppins-Regular.otf") format("opentype"), url("../fonts/poppins/Poppins-Regular.ttf") format("truetype"), url("../fonts/poppins/Poppins-Regular.svg") format("svg");
}

@font-face {
    font-family: "Poppins";
    font-weight: 500;
    font-style: normal;
    src: url("../fonts/poppins/Poppins-Medium.woff2") format("font-woff2"), url("../fonts/poppins/Poppins-Medium.woff") format("woff"), url("../fonts/poppins/Poppins-Medium.otf") format("opentype"), url("../fonts/poppins/Poppins-Medium.ttf") format("truetype"), url("../fonts/poppins/Poppins-Medium.svg") format("svg");
}

@font-face {
    font-family: "Poppins";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/poppins/Poppins-SemiBold.woff2") format("font-woff2"), url("../fonts/poppins/Poppins-SemiBold.woff") format("woff"), url("../fonts/poppins/Poppins-SemiBold.otf") format("opentype"), url("../fonts/poppins/Poppins-SemiBold.ttf") format("truetype"), url("../fonts/poppins/Poppins-SemiBold.svg") format("svg");
}

@font-face {
    font-family: "Poppins";
    font-weight: 700;
    font-style: normal;
    src: url("../fonts/poppins/Poppins-Bold.woff2") format("font-woff2"), url("../fonts/poppins/Poppins-Bold.woff") format("woff"), url("../fonts/poppins/Poppins-Bold.otf") format("opentype"), url("../fonts/poppins/Poppins-Bold.ttf") format("truetype"), url("../fonts/poppins/Poppins-Bold.svg") format("svg");
}

/* 중문 PretendardJP 미지원 글꼴에 대한 백업 폰트 */
@font-face {
    font-family: "Noto Sans SC";
    font-weight: 900;
    font-display: swap;
    src: local("Noto Sans SC Black"), url("../fonts/NotoSansSC-Black.woff2") format("woff2"), url("../fonts/NotoSansSC-Black.woff") format("woff");
}

@font-face {
    font-family: "Noto Sans SC";
    font-weight: 700;
    font-display: swap;
    src: local("Noto Sans SC Bold"), url("../fonts/NotoSansSC-Bold.woff2") format("woff2"), url("../fonts/NotoSansSC-Bold.woff") format("woff");
}

@font-face {
    font-family: "Noto Sans SC";
    font-weight: 500;
    font-display: swap;
    src: local("Noto Sans SC Medium"), url("../fonts/NotoSansSC-Medium.woff2") format("woff2"), url("../fonts/NotoSansSC-Medium.woff") format("woff");
}

@font-face {
    font-family: "Noto Sans SC";
    font-weight: 400;
    font-display: swap;
    src: local("Noto Sans SC Regular"), url("../fonts/NotoSansSC-Regular.woff2") format("woff2"), url("../fonts/NotoSansSC-Regular.woff") format("woff");
}

@font-face {
    font-family: "Noto Sans SC";
    font-weight: 300;
    font-display: swap;
    src: local("Noto Sans SC Light"), url("../fonts/NotoSansSC-Light.woff2") format("woff2"), url("../fonts/NotoSansSC-Light.woff") format("woff");
}

@font-face {
    font-family: "Noto Sans SC";
    font-weight: 100;
    font-display: swap;
    src: local("Noto Sans SC Thin"), url("../fonts/NotoSansSC-Thin.woff2") format("woff2"), url("../fonts/NotoSansSC-Thin.woff") format("woff");
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    background: transparent;
    font-weight: normal;
    font-style: normal;
    box-sizing: border-box;
    touch-action: auto;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1rem;
}

body.scroll-hidden {
    overflow: hidden;
}

html,
body {
    font-family: "Pretendard", "Roboto", "NotoSansKR", sans-serif;
    letter-spacing: 0;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html:lang(zh-CN),
body:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

ul,
ol,
li {
    list-style: none;
}

em,
i,
cite,
code,
address {
    font-style: normal;
    font-weight: normal;
}

a,
u,
ins {
    text-decoration: none;
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

table caption {
    font-size: 0;
    line-height: 0;
    text-indent: -9999rem;
}

table caption>div,
table caption legend,
table caption .hide {
    overflow: hidden;
    display: block;
    position: absolute;
    border: 0;
    width: 0;
    height: 0;
    clip: rect(0, 0, 0, 0);
}

button {
    border: none;
    background: none;
    font-family: "Pretendard";
    cursor: pointer;
}

label,
img,
input,
select,
textarea,
button,
a {
    vertical-align: middle;
}

input,
button,
select,
textarea {
    -webkit-appearance: none;
    /* for chrome */
    -moz-appearance: none;
    /*for firefox*/
    appearance: none;
    border-radius: 0;
}

input::-ms-expand,
button::-ms-expand,
select::-ms-expand,
textarea::-ms-expand {
    display: none;
    /*for IE10,11*/
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number],
input[type=text],
input[type=password],
input[type=url],
input[type=email],
input[type=tel],
input[type=date],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .pc-only {
        display: none;
    }
}

.mo-only {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .mo-only {
        display: inline-block;
    }
}

br.br-mo {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    br.br-mo {
        display: block;
    }
}

br.br-pc {
    display: block;
}

@media (min-width: 280px) and (max-width: 1023px) {
    br.br-pc {
        display: none;
    }
}

.blind {
    position: absolute;
    margin: -0.1rem;
    width: 0;
    height: 0;
    padding: 0;
    border: 0;
    white-space: nowrap;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .mo-blind {
        position: absolute;
        margin: -0.1rem;
        width: 0;
        height: 0;
        padding: 0;
        border: 0;
        white-space: nowrap;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
    }
}

.editor-reset * {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
    line-height: inherit;
}

.editor-reset * em {
    font-style: italic;
}

.editor-reset b,
.editor-reset strong {
    font-weight: 700;
}

.editor-reset em {
    font-style: italic;
}

.editor-reset em * {
    font-style: italic;
}

.editor-reset ul {
    list-style: inherit;
}

.editor-reset ol {
    list-style: decimal;
}

.editor-reset img {
    display: inline;
    width: auto;
    max-width: 100% !important;
}

.notice-line {
    width: 100%;
    height: 0.1rem;
    margin-top: 12rem;
    margin-bottom: 6rem;
    background-color: rgb(196, 196, 196);
}

.notice-line .notice-text {
    display: block;
    padding-top: 1.6rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
    color: rgb(40, 40, 40);
    text-align: right;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .notice-line .notice-text {
        padding-top: 1.2rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.notice-line .accent {
    display: inline-block;
    width: 0.9rem;
    padding-right: 0.2rem;
    font-weight: 600;
    color: rgb(255, 17, 17);
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .notice-line {
        margin-top: 10rem;
    }
}

.couple-text {
    display: inline-block;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

/*! jQuery UI - v1.13.2 - 2022-10-05
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
    touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: 0.4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: 0.12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: 0.5em;
    top: 0.3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    -ms-filter: "alpha(opacity=25)";
    /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 0.8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0.222em 0;
    margin: 0.2em 0;
    vertical-align: middle;
    margin-left: 0.4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0.2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    -ms-filter: "alpha(opacity=70)";
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    -ms-filter: "alpha(opacity=35)";
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)";
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons-444444-256x240.html");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons-444444-256x240.html");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons-555555-256x240.html");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons-ffffff-256x240.html");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons-777620-256x240.html");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons-cc0000-256x240.html");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons-777777-256x240.html");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: 0.3;
    -ms-filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    box-shadow: 0px 0px 5px #666666;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
.ui-draggable-handle {
    touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 0.5em 0.5em 0.5em 0.7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

/* icon support */
.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0.2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: 0.4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: 0.12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: 0.5em;
    top: 0.3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0.5em;
    padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    -ms-filter: "alpha(opacity=25)";
    /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: 0.8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0.222em 0;
    margin: 0.2em 0;
    vertical-align: middle;
    margin-left: 0.4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px 0.2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/*!
 * jQuery UI CSS Framework 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
 */
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    -ms-filter: "alpha(opacity=70)";
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    -ms-filter: "alpha(opacity=35)";
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)";
    /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../images/jqueryui/ui-icons-444444-256x240.html");
}

.ui-widget-header .ui-icon {
    background-image: url("../images/jqueryui/ui-icons-444444-256x240.html");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../images/jqueryui/ui-icons-555555-256x240.html");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../images/jqueryui/ui-icons-ffffff-256x240.html");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../images/jqueryui/ui-icons-777620-256x240.html");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../images/jqueryui/ui-icons-cc0000-256x240.html");
}

.ui-button .ui-icon {
    background-image: url("../images/jqueryui/ui-icons-777777-256x240.html");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: 0.3;
    -ms-filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    box-shadow: 0px 0px 5px #666666;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option--selectable {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
    padding: 0;
}

.select2-container--default .select2-results__option--disabled {
    color: #999;
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
    padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

/** * Swiper 8.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 21, 2022 */
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff; charset=utf-8; base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
}

.guide-button {
    vertical-align: bottom !important;
}

.guide-button.sample .icon-rtl .button-text-core {
    gap: 1.6rem;
}

.guide-button.sample .icon-ltr .button-text-core {
    gap: 1.6rem;
}

.text-guide-class-name {
    display: block;
    color: rgb(0, 0, 0);
    font-weight: 600;
    font-size: 1.6rem;
    text-align: center;
    margin-top: 2rem;
}

.background-black .text-guide-class-name {
    color: rgb(255, 255, 255);
}

.button-display .button-wrap {
    display: flex;
    width: 100%;
}

.button-display .button-wrap.form-1 {
    gap: 1.6rem;
}

.button-display .button-wrap.form-2 {
    flex-direction: column;
    gap: 2rem;
}

.button-display .button-wrap.form-3 {
    flex-wrap: wrap;
    gap: 0.8rem;
}

.button-display .button-wrap.form-4 {
    gap: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button-display .button-wrap.form-4 {
        flex-direction: column;
        gap: 2rem;
    }
}

.button-display.form-1 {
    display: flex;
}

.button-display.form-1 .button-wrap {
    flex: 1 1 100%;
}

.button-display.form-1.align-1 .button-wrap {
    justify-content: start;
}

.button-display.form-1.align-2 .button-wrap {
    justify-content: end;
}

.button-display.form-1.align-3 .button-wrap {
    justify-content: center;
}

.button-display.form-1.align-4 .button-wrap {
    justify-content: space-between;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button-display.form-1.sort-1 {
        width: 100%;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button-display.form-1.sort-2 .form-1 {
        flex-direction: column;
        gap: 2rem;
    }
}

.button-display.form-1.sort-3 {
    flex-wrap: wrap;
    gap: 1.6rem 1rem;
}

.button-display.form-1.sort-3 .button-wrap {
    width: auto;
    flex: 0 0 auto;
    max-width: 100%;
    justify-content: start;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button-display.form-1.sort-3 {
        gap: 1rem;
    }

    .button-display.form-1.sort-3 .button-wrap {
        width: 100%;
        flex: 1 1 100%;
    }
}

.button {
    display: inline-block;
    font-size: 0;
    color: rgb(0, 0, 0);
    transition: 0.3s ease;
}

.button .button-text-core {
    display: flex;
    height: 100%;
}

.button .button-text-core::after {
    background-repeat: no-repeat;
}

.button .button-text-core>span.text {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

.button.design-1.case-1 {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-style: solid;
    border-width: 0.2rem;
    border-radius: 1.6rem;
}

.button.design-1.case-1 .button-text-core {
    min-width: 12.5rem;
}

.button.design-1.case-1:hover {
    background-color: rgb(34, 205, 116);
    border-color: rgb(34, 205, 116);
}

.button.design-1.case-1:hover .button-text-core {
    color: rgb(255, 255, 255) !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.design-1.case-1 {
        width: 100%;
        padding: 1.6rem 2rem;
        border-radius: 1.2rem;
    }
}

.button.design-1.case-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;
    border-radius: 1.6rem;
}

.button.design-1.case-2:hover {
    background-color: rgb(34, 205, 116);
    border-color: rgb(34, 205, 116);
}

.button.design-1.case-2:hover .button-text-core {
    color: rgb(255, 255, 255) !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.design-1.case-2 {
        width: 100%;
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

    .button.design-1.case-2 .button-text-core {
        justify-content: space-between;
    }
}

.button.design-1.case-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 2.3rem;
    padding-right: 2.3rem;
    border-style: solid;
    border-width: 0.1rem;
    border-radius: 1.6rem;
}

.button.design-1.case-3:hover {
    background-color: rgb(34, 205, 116);
    border-color: rgb(34, 205, 116);
}

.button.design-1.case-3:hover .button-text-core {
    color: rgb(255, 255, 255) !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.design-1.case-3 {
        width: 100%;
    }
}

.button.design-1.case-4 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    border-radius: 1.2rem;
}

.button.design-1.case-4:hover {
    background-color: rgb(34, 205, 116);
    border-color: rgb(34, 205, 116);
}

.button.design-1.case-4:hover .button-text-core {
    color: rgb(255, 255, 255) !important;
}

.button.design-1.case-5 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2.2rem;
    padding-right: 2.2rem;
    border-style: solid;
    border-width: 0.2rem;
    border-radius: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.design-1.case-5 {
        width: 100%;
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
        border-radius: 1.2rem;
    }
}

.button.design-1.case-6 {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 0.7rem;
}

.button.design-1.case-7 {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 1.6rem;
}

.button.design-1.case-7:hover {
    background-color: rgb(34, 205, 116);
    border-color: rgb(34, 205, 116);
}

.button.design-1.case-7:hover .button-text-core {
    color: rgb(255, 255, 255) !important;
}

.button.design-1.case-8 {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    padding-left: 1.9rem;
    padding-right: 1.9rem;
    border-style: solid;
    border-width: 0.1rem;
    border-radius: 0.8rem;
}

.button.design-1.case-8.hover-1,
.button.design-1.case-8.thumbnail-display.has-icon1.hover-1-1 {
    transition: 0.3s ease-out;
}

.button.design-1.case-8.hover-1:hover,
.button.design-1.case-8.thumbnail-display.has-icon1.hover-1-1:hover {
    background-color: rgb(100, 133, 198);
    border-color: rgb(100, 133, 198);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.design-1.case-8 {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
        padding-left: 1.1rem;
        padding-right: 1.1rem;
    }
}

.button.design-1.case-9 {
    min-width: 24rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;
    border-radius: 1.6rem;
}

.button.design-1.case-9:hover {
    background-color: rgb(34, 205, 116);
    border-color: rgb(34, 205, 116);
}

.button.design-1.case-9:hover .button-text-core {
    color: rgb(255, 255, 255) !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.design-1.case-9 {
        min-width: unset;
        width: 100%;
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        padding-left: 2rem;
        padding-right: 2rem;
        border-radius: 1.2rem;
    }
}

.button.design-1.case-10 {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-style: solid;
    border-width: 0.2rem;
    border-radius: 1.6rem;
    min-width: 240px;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.design-1.case-10 {
        width: 100%;
        min-width: initial;
        padding: 1.4rem 1.8rem;
        border-radius: 1.2rem;
    }
}

.button.design-1.case-11 {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;
    border-radius: 1.6rem;
}

.button.design-1.case-11:hover {
    background-color: rgb(34, 205, 116);
    border-color: rgb(34, 205, 116);
}

.button.design-1.case-11:hover .button-text-core {
    color: rgb(255, 255, 255) !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.design-1.case-11 {
        width: 100%;
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
        border-radius: 1.2rem;
    }

    .button.design-1.case-11 .button-text-core {
        justify-content: space-between;
    }

    .button.design-1.case-11 .button-text-core::after {
        flex: 0 0 auto;
    }
}

.button.design-1.align-1 .button-text-core {
    justify-content: start;
}

.button.design-1.align-2 .button-text-core {
    justify-content: end;
}

.button.design-1.align-3 .button-text-core {
    justify-content: center;
}

.button.design-1.align-4 .button-text-core {
    justify-content: space-between;
}

.button.design-1.align-4.align-5 .button-text-core {
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.design-1.align-4.align-5 .button-text-core {
        justify-content: space-between;
    }
}

.button.design-1.fill-999 {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
}

.button.design-1.fill-999.color-1 .button-text-core {
    color: rgb(0, 0, 0);
}

.button.design-1.fill-490 {
    background-color: rgb(118, 123, 134);
    border-color: rgb(118, 123, 134);
}

.button.design-1.fill-490.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.fill-445 {
    background-color: rgb(98, 108, 135);
    border-color: rgb(98, 108, 135);
}

.button.design-1.fill-445.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.fill-550 {
    background-color: rgb(58, 149, 214);
    border-color: rgb(58, 149, 214);
}

.button.design-1.fill-550.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.fill-449 {
    background-color: rgb(29, 110, 205);
    border-color: rgb(29, 110, 205);
}

.button.design-1.fill-449.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.fill-266 {
    background-color: rgb(27, 75, 102);
    border-color: rgb(27, 75, 102);
}

.button.design-1.fill-266.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.fill-325 {
    background-color: rgb(83, 83, 83);
    border-color: rgb(83, 83, 83);
}

.button.design-1.fill-325.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.fill-157 {
    background-color: rgb(40, 40, 40);
    border-color: rgb(40, 40, 40);
}

.button.design-1.fill-157.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.fill-127 {
    background-color: rgb(27, 31, 39);
    border-color: rgb(27, 31, 39);
}

.button.design-1.fill-127.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.fill-0 {
    background-color: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
}

.button.design-1.fill-0.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.fill-transparent {
    background-color: transparent;
    border-color: transparent;
}

.button.design-1.fill-transparent.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.fill-transparent.color-2 .button-text-core {
    color: #CDCDCD;
}

.button.design-1[class*=line-] {
    border-style: solid;
}

.button.design-1.line-999 {
    border-color: rgb(255, 255, 255);
}

.button.design-1.line-999.color-1 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-1.line-999.opacity-1 {
    border-color: rgba(255, 255, 255, 0.2);
}

.button.design-1.line-999.opacity-2 {
    border-color: rgba(255, 255, 255, 0.5);
}

.button.design-1.line-999.opacity-2 .button-text-core {
    color: rgba(255, 255, 255, 0.5);
}

.button.design-1.line-799 {
    border-color: rgb(204, 204, 204);
}

.button.design-1.line-799.color-1 .button-text-core {
    color: rgb(0, 0, 0);
}

.button.design-1.line-799.color-1 .button-text-core::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2ZM0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11ZM6.29289 10.2929C6.68342 9.90237 7.31658 9.90237 7.70711 10.2929L10 12.5858V7C10 6.44772 10.4477 6 11 6C11.5523 6 12 6.44772 12 7V12.5858L14.2929 10.2929C14.6834 9.90237 15.3166 9.90237 15.7071 10.2929C16.0976 10.6834 16.0976 11.3166 15.7071 11.7071L11.7078 15.7064C11.7054 15.7088 11.703 15.7112 11.7005 15.7136C11.5208 15.8901 11.2746 15.9992 11.003 16C11.002 16 11.001 16 11 16C10.999 16 10.998 16 10.997 16C10.8625 15.9996 10.7343 15.9727 10.6172 15.9241C10.502 15.8764 10.3938 15.8063 10.2995 15.7136C10.297 15.7112 10.2946 15.7088 10.2922 15.7064L6.29289 11.7071C5.90237 11.3166 5.90237 10.6834 6.29289 10.2929Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}

.button.design-1.line-799:hover .button-text-core::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2ZM0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11ZM6.29289 10.2929C6.68342 9.90237 7.31658 9.90237 7.70711 10.2929L10 12.5858V7C10 6.44772 10.4477 6 11 6C11.5523 6 12 6.44772 12 7V12.5858L14.2929 10.2929C14.6834 9.90237 15.3166 9.90237 15.7071 10.2929C16.0976 10.6834 16.0976 11.3166 15.7071 11.7071L11.7078 15.7064C11.7054 15.7088 11.703 15.7112 11.7005 15.7136C11.5208 15.8901 11.2746 15.9992 11.003 16C11.002 16 11.001 16 11 16C10.999 16 10.998 16 10.997 16C10.8625 15.9996 10.7343 15.9727 10.6172 15.9241C10.502 15.8764 10.3938 15.8063 10.2995 15.7136C10.297 15.7112 10.2946 15.7088 10.2922 15.7064L6.29289 11.7071C5.90237 11.3166 5.90237 10.6834 6.29289 10.2929Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.design-1.line-768 {
    border-color: rgb(196, 196, 196);
}

.button.design-1.line-768.color-1 .button-text-core {
    color: rgb(0, 0, 0);
}

.button.design-1.line-325 {
    border-color: rgb(83, 83, 83);
}

.button.design-1.line-325.color-1 .button-text-core {
    color: rgb(0, 0, 0);
}

.button.design-1.line-0 {
    border-color: rgb(0, 0, 0);
}

.button.design-1.line-0.color-1 .button-text-core {
    color: rgb(0, 0, 0);
}

.button.design-1.line-0.color-1 .button-text-core::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.8 4C0.358172 4 -2.42698e-07 4.44771 -2.18557e-07 5C-1.94416e-07 5.55228 0.358172 6 0.8 6L6.58579 6L4.29289 8.29289C3.90237 8.68342 3.90237 9.31658 4.29289 9.70711C4.68342 10.0976 5.31658 10.0976 5.70711 9.70711L9.70711 5.70711C10.0976 5.31658 10.0976 4.68342 9.70711 4.29289L5.70711 0.292893C5.31658 -0.0976317 4.68342 -0.0976317 4.29289 0.292893C3.90237 0.683417 3.90237 1.31658 4.29289 1.70711L6.58579 4L0.8 4Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}

.button.design-1.line-0.color-2 .button-text-core {
    color: rgb(0, 0, 0);
}

.button.design-1.border-width-1 {
    border-width: 0.1rem;
}

.button.design-1.border-width-2 {
    border-width: 0.2rem;
}

.button.design-1.border-width-3 {
    border-width: 0.3rem;
}

.button.design-1.border-width-4 {
    border-width: 0.4rem;
}

.button.design-1.ltr .button-text-core {
    flex-direction: row-reverse;
}

.button.design-2.color-999 .button-text-core {
    color: rgb(255, 255, 255);
}

.button.design-2.color-999 .button-text-core::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2ZM0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11ZM6.29289 10.2929C6.68342 9.90237 7.31658 9.90237 7.70711 10.2929L10 12.5858V7C10 6.44772 10.4477 6 11 6C11.5523 6 12 6.44772 12 7V12.5858L14.2929 10.2929C14.6834 9.90237 15.3166 9.90237 15.7071 10.2929C16.0976 10.6834 16.0976 11.3166 15.7071 11.7071L11.7078 15.7064C11.7054 15.7088 11.703 15.7112 11.7005 15.7136C11.5208 15.8901 11.2746 15.9992 11.003 16C11.002 16 11.001 16 11 16C10.999 16 10.998 16 10.997 16C10.8625 15.9996 10.7343 15.9727 10.6172 15.9241C10.502 15.8764 10.3938 15.8063 10.2995 15.7136C10.297 15.7112 10.2946 15.7088 10.2922 15.7064L6.29289 11.7071C5.90237 11.3166 5.90237 10.6834 6.29289 10.2929Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.design-2.color-325 .button-text-core {
    color: rgb(83, 83, 83);
}

.button.design-2.color-325 .button-text-core::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2ZM0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11ZM6.29289 10.2929C6.68342 9.90237 7.31658 9.90237 7.70711 10.2929L10 12.5858V7C10 6.44772 10.4477 6 11 6C11.5523 6 12 6.44772 12 7V12.5858L14.2929 10.2929C14.6834 9.90237 15.3166 9.90237 15.7071 10.2929C16.0976 10.6834 16.0976 11.3166 15.7071 11.7071L11.7078 15.7064C11.7054 15.7088 11.703 15.7112 11.7005 15.7136C11.5208 15.8901 11.2746 15.9992 11.003 16C11.002 16 11.001 16 11 16C10.999 16 10.998 16 10.997 16C10.8625 15.9996 10.7343 15.9727 10.6172 15.9241C10.502 15.8764 10.3938 15.8063 10.2995 15.7136C10.297 15.7112 10.2946 15.7088 10.2922 15.7064L6.29289 11.7071C5.90237 11.3166 5.90237 10.6834 6.29289 10.2929Z' fill='rgb(83,83,83)'/%3E%3C/svg%3E%0A");
}

.button.design-2.color-0 .button-text-core {
    color: rgb(0, 0, 0);
}

.button.design-2.color-0 .button-text-core::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2ZM0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11ZM6.29289 10.2929C6.68342 9.90237 7.31658 9.90237 7.70711 10.2929L10 12.5858V7C10 6.44772 10.4477 6 11 6C11.5523 6 12 6.44772 12 7V12.5858L14.2929 10.2929C14.6834 9.90237 15.3166 9.90237 15.7071 10.2929C16.0976 10.6834 16.0976 11.3166 15.7071 11.7071L11.7078 15.7064C11.7054 15.7088 11.703 15.7112 11.7005 15.7136C11.5208 15.8901 11.2746 15.9992 11.003 16C11.002 16 11.001 16 11 16C10.999 16 10.998 16 10.997 16C10.8625 15.9996 10.7343 15.9727 10.6172 15.9241C10.502 15.8764 10.3938 15.8063 10.2995 15.7136C10.297 15.7112 10.2946 15.7088 10.2922 15.7064L6.29289 11.7071C5.90237 11.3166 5.90237 10.6834 6.29289 10.2929Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}

.button.design-3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.button.medium .button-text-core {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.button.medium-1v .button-text-core {
    font-weight: 500;
    font-size: 2rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.medium-1v .button-text-core {
        font-weight: 600;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.button.medium-2v .button-text-core {
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.medium-2v .button-text-core {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.button.medium-3v .button-text-core {
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
}

.button.medium-4v .button-text-core {
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
}

.button.small .button-text-core {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.small .button-text-core {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 2.4rem;
    }
}

.button.small-1v .button-text-core {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.small-1v .button-text-core {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 2rem;
    }
}

.button.small-2v .button-text-core {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 3rem;
}

.button.small-3v .button-text-core {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.small-3v .button-text-core {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.button[class*=icon-] .button-text-core {
    display: flex;
    justify-content: center;
    align-items: center;
}

.button[class*=icon-] .button-text-core::after {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button[class*=icon-].mo-hide .button-text-core::after {
        display: none;
    }
}

.button.icon-sample .button-text-core {
    gap: 1.6rem;
}

.button.icon-sample .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-color: rgb(255, 255, 255);
}

.button.icon-down-arrow01 .button-text-core {
    gap: 1.6rem;
}

.button.icon-down-arrow01 .button-text-core::after {
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2ZM0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11ZM6.29289 10.2929C6.68342 9.90237 7.31658 9.90237 7.70711 10.2929L10 12.5858V7C10 6.44772 10.4477 6 11 6C11.5523 6 12 6.44772 12 7V12.5858L14.2929 10.2929C14.6834 9.90237 15.3166 9.90237 15.7071 10.2929C16.0976 10.6834 16.0976 11.3166 15.7071 11.7071L11.7078 15.7064C11.7054 15.7088 11.703 15.7112 11.7005 15.7136C11.5208 15.8901 11.2746 15.9992 11.003 16C11.002 16 11.001 16 11 16C10.999 16 10.998 16 10.997 16C10.8625 15.9996 10.7343 15.9727 10.6172 15.9241C10.502 15.8764 10.3938 15.8063 10.2995 15.7136C10.297 15.7112 10.2946 15.7088 10.2922 15.7064L6.29289 11.7071C5.90237 11.3166 5.90237 10.6834 6.29289 10.2929Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-down-arrow01.icon-color-1 .button-text-core::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2ZM0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11ZM6.29289 10.2929C6.68342 9.90237 7.31658 9.90237 7.70711 10.2929L10 12.5858V7C10 6.44772 10.4477 6 11 6C11.5523 6 12 6.44772 12 7V12.5858L14.2929 10.2929C14.6834 9.90237 15.3166 9.90237 15.7071 10.2929C16.0976 10.6834 16.0976 11.3166 15.7071 11.7071L11.7078 15.7064C11.7054 15.7088 11.703 15.7112 11.7005 15.7136C11.5208 15.8901 11.2746 15.9992 11.003 16C11.002 16 11.001 16 11 16C10.999 16 10.998 16 10.997 16C10.8625 15.9996 10.7343 15.9727 10.6172 15.9241C10.502 15.8764 10.3938 15.8063 10.2995 15.7136C10.297 15.7112 10.2946 15.7088 10.2922 15.7064L6.29289 11.7071C5.90237 11.3166 5.90237 10.6834 6.29289 10.2929Z' fill='rgb(83,83,83)'/%3E%3C/svg%3E%0A");
}

.button.icon-right-arrow01 .button-text-core {
    gap: 0.4rem;
}

.button.icon-right-arrow01 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.8 4C0.358172 4 -2.42698e-07 4.44771 -2.18557e-07 5C-1.94416e-07 5.55228 0.358172 6 0.8 6L6.58579 6L4.29289 8.29289C3.90237 8.68342 3.90237 9.31658 4.29289 9.70711C4.68342 10.0976 5.31658 10.0976 5.70711 9.70711L9.70711 5.70711C10.0976 5.31658 10.0976 4.68342 9.70711 4.29289L5.70711 0.292893C5.31658 -0.0976317 4.68342 -0.0976317 4.29289 0.292893C3.90237 0.683417 3.90237 1.31658 4.29289 1.70711L6.58579 4L0.8 4Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-close01 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2135 2.48558C15.604 2.09505 15.604 1.46189 15.2135 1.07136C14.8229 0.68084 14.1898 0.68084 13.7992 1.07136L8.14249 6.72812L2.48533 1.07097C2.09481 0.680445 1.46165 0.680445 1.07112 1.07097C0.680596 1.46149 0.680596 2.09466 1.07112 2.48518L6.72827 8.14233L1.07132 13.7993C0.680795 14.1898 0.680794 14.823 1.07132 15.2135C1.46184 15.604 2.09501 15.604 2.48553 15.2135L8.14249 9.55655L13.799 15.2131C14.1896 15.6036 14.8227 15.6036 15.2133 15.2131C15.6038 14.8226 15.6038 14.1894 15.2133 13.7989L9.5567 8.14233L15.2135 2.48558Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-close02 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2135 2.48558C15.604 2.09505 15.604 1.46189 15.2135 1.07136C14.8229 0.68084 14.1898 0.68084 13.7992 1.07136L8.14249 6.72812L2.48533 1.07097C2.09481 0.680445 1.46165 0.680445 1.07112 1.07097C0.680596 1.46149 0.680596 2.09466 1.07112 2.48518L6.72827 8.14233L1.07132 13.7993C0.680795 14.1898 0.680794 14.823 1.07132 15.2135C1.46184 15.604 2.09501 15.604 2.48553 15.2135L8.14249 9.55655L13.799 15.2131C14.1896 15.6036 14.8227 15.6036 15.2133 15.2131C15.6038 14.8226 15.6038 14.1894 15.2133 13.7989L9.5567 8.14233L15.2135 2.48558Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}

.button.icon-left-arrow02 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.70711 0.292893C5.31658 -0.0976311 4.68342 -0.0976311 4.29289 0.292893L0.292893 4.29289C-0.0976311 4.68342 -0.0976311 5.31658 0.292893 5.70711L4.29289 9.70711C4.68342 10.0976 5.31658 10.0976 5.70711 9.70711C6.09763 9.31658 6.09763 8.68342 5.70711 8.29289L2.41421 5L5.70711 1.70711C6.09763 1.31658 6.09763 0.683417 5.70711 0.292893Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-right-arrow02 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.29289 0.292893C2.68342 -0.0976311 3.31658 -0.0976311 3.70711 0.292893L7.70711 4.29289C8.09763 4.68342 8.09763 5.31658 7.70711 5.70711L3.70711 9.70711C3.31658 10.0976 2.68342 10.0976 2.29289 9.70711C1.90237 9.31658 1.90237 8.68342 2.29289 8.29289L5.58579 5L2.29289 1.70711C1.90237 1.31658 1.90237 0.683417 2.29289 0.292893Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-plus01 .button-text-core::after {
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.05025 2.05025C0 4.1005 0 7.40034 0 14C0 20.5997 0 23.8995 2.05025 25.9497C4.1005 28 7.40034 28 14 28C20.5997 28 23.8995 28 25.9497 25.9497C28 23.8995 28 20.5997 28 14C28 7.40034 28 4.1005 25.9497 2.05025C23.8995 0 20.5997 0 14 0C7.40034 0 4.1005 0 2.05025 2.05025ZM14 8C14.6627 8 15.2 8.53726 15.2 9.2V12.8H18.8C19.4627 12.8 20 13.3373 20 14C20 14.6627 19.4627 15.2 18.8 15.2H15.2V18.8C15.2 19.4627 14.6627 20 14 20C13.3373 20 12.8 19.4627 12.8 18.8V15.2H9.2C8.53726 15.2 8 14.6627 8 14C8 13.3373 8.53726 12.8 9.2 12.8H12.8V9.2C12.8 8.53726 13.3373 8 14 8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}

.button.icon-plus01:hover .button-text-core::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.05025 2.05025C0 4.1005 0 7.40034 0 14C0 20.5997 0 23.8995 2.05025 25.9497C4.1005 28 7.40034 28 14 28C20.5997 28 23.8995 28 25.9497 25.9497C28 23.8995 28 20.5997 28 14C28 7.40034 28 4.1005 25.9497 2.05025C23.8995 0 20.5997 0 14 0C7.40034 0 4.1005 0 2.05025 2.05025ZM14 8C14.6627 8 15.2 8.53726 15.2 9.2V12.8H18.8C19.4627 12.8 20 13.3373 20 14C20 14.6627 19.4627 15.2 18.8 15.2H15.2V18.8C15.2 19.4627 14.6627 20 14 20C13.3373 20 12.8 19.4627 12.8 18.8V15.2H9.2C8.53726 15.2 8 14.6627 8 14C8 13.3373 8.53726 12.8 9.2 12.8H12.8V9.2C12.8 8.53726 13.3373 8 14 8Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-minus01 .button-text-core::after {
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.05025 2.05025C0 4.1005 0 7.40034 0 14C0 20.5997 0 23.8995 2.05025 25.9497C4.1005 28 7.40034 28 14 28C20.5997 28 23.8995 28 25.9497 25.9497C28 23.8995 28 20.5997 28 14C28 7.40034 28 4.1005 25.9497 2.05025C23.8995 0 20.5997 0 14 0C7.40034 0 4.1005 0 2.05025 2.05025ZM18.8 12.8C19.4627 12.8 20 13.3373 20 14C20 14.6627 19.4627 15.2 18.8 15.2H9.2C8.53726 15.2 8 14.6627 8 14C8 13.3373 8.53726 12.8 9.2 12.8H18.8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}

.button.icon-minus01:hover .button-text-core::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.05025 2.05025C0 4.1005 0 7.40034 0 14C0 20.5997 0 23.8995 2.05025 25.9497C4.1005 28 7.40034 28 14 28C20.5997 28 23.8995 28 25.9497 25.9497C28 23.8995 28 20.5997 28 14C28 7.40034 28 4.1005 25.9497 2.05025C23.8995 0 20.5997 0 14 0C7.40034 0 4.1005 0 2.05025 2.05025ZM18.8 12.8C19.4627 12.8 20 13.3373 20 14C20 14.6627 19.4627 15.2 18.8 15.2H9.2C8.53726 15.2 8 14.6627 8 14C8 13.3373 8.53726 12.8 9.2 12.8H18.8Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-down-left-arrow01 .button-text-core::after {
    width: 2.6rem;
    height: 2.6rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.97327 13.2543L0.975886 13.0372C0.423762 13.0239 -0.0130241 12.5655 0.000296766 12.0134L0.217378 3.01599C0.230699 2.46386 0.689083 2.02708 1.24121 2.0404C1.79333 2.05372 2.23012 2.5121 2.2168 3.06423L2.05795 9.6481L11.8935 0.276001L13.2732 1.72391L3.43764 11.096L10.0215 11.2549C10.5736 11.2682 11.0104 11.7266 10.9971 12.2787C10.9838 12.8308 10.5254 13.2676 9.97327 13.2543Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-check01 .button-text-core::after {
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0691 0.947859C12.6502 1.53831 12.6426 2.48803 12.0521 3.06911L5.95537 9.06911C5.37158 9.64363 4.43487 9.64363 3.85108 9.06911L0.947859 6.21197C0.357405 5.63089 0.349808 4.68117 0.930889 4.09072C1.51197 3.50026 2.46169 3.49266 3.05214 4.07375L4.90323 5.89545L9.94786 0.930889C10.5383 0.349808 11.488 0.357405 12.0691 0.947859Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-right-arrow03 .button-text-core::after {
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-left-arrow03 .button-text-core::after {
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.70711 13.7071C7.31658 14.0976 6.68342 14.0976 6.29289 13.7071L0.292893 7.70711C-0.0976311 7.31658 -0.0976311 6.68342 0.292893 6.29289L6.29289 0.292893C6.68342 -0.097631 7.31658 -0.097631 7.70711 0.292893C8.09763 0.683418 8.09763 1.31658 7.70711 1.70711L2.41421 7L7.70711 12.2929C8.09763 12.6834 8.09763 13.3166 7.70711 13.7071Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-down-arrow02 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792894C0.683417 0.402369 1.31658 0.402369 1.70711 0.792894L6 5.08579L10.2929 0.792893C10.6834 0.402369 11.3166 0.402369 11.7071 0.792893C12.0976 1.18342 12.0976 1.81658 11.7071 2.20711L6.70711 7.20711C6.31658 7.59763 5.68342 7.59763 5.29289 7.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792894Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-up-arrow02 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7071 6.70711C11.3166 7.09763 10.6834 7.09763 10.2929 6.70711L6 2.41421L1.70711 6.70711C1.31658 7.09763 0.683417 7.09763 0.292894 6.70711C-0.0976312 6.31658 -0.0976312 5.68342 0.292894 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893L11.7071 5.29289C12.0976 5.68342 12.0976 6.31658 11.7071 6.70711Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.button.icon-left-arrow04 .button-text-core {
    gap: 0.8rem;
}

.button.icon-left-arrow04 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../images/common/icon/icon-left-arrow02.svg);
    background-size: 0.6rem 1rem;
    background-position: 49.5% 50%;
    background-color: rgb(255, 141, 36);
    border-radius: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.icon-left-arrow04 .button-text-core {
        gap: 0.7rem;
    }

    .button.icon-left-arrow04 .button-text-core::after {
        width: 1.8rem;
        height: 1.8rem;
        background-size: 0.5rem 0.8rem;
    }
}

.button.icon-prev01 .button-text-core {
    gap: 1rem;
}

.button.icon-prev01 .button-text-core::after {
    width: 1.1rem;
    height: 3.2rem;
    background-image: url(../images/common/icon/icon-left-arrow01.svg);
    background-size: contain;
    background-position: center center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.icon-prev01 .button-text-core {
        gap: 0;
    }

    .button.icon-prev01 .button-text-core::after {
        width: 3.2rem;
        background-image: url(../images/common/icon/icon-left-arrow01-mo.svg);
    }
}

.button.icon-next01 .button-text-core {
    gap: 1rem;
}

.button.icon-next01 .button-text-core::after {
    width: 1.1rem;
    height: 3.2rem;
    background-image: url(../images/common/icon/icon-right-arrow01.svg);
    background-size: contain;
    background-position: center center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.icon-next01 .button-text-core {
        gap: 0;
    }

    .button.icon-next01 .button-text-core::after {
        width: 3.2rem;
        background-image: url(../images/common/icon/icon-right-arrow01-mo.svg);
    }
}

.button.icon-left-arrow05 .button-text-core::after {
    width: 4.8rem;
    height: 4.8rem;
    background-image: url(../images/common/icon/icon-left-arrow03.svg);
    background-size: contain;
    background-position: 50% 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.icon-left-arrow05 .button-text-core::after {
        width: 3.2rem;
        height: 3.2rem;
    }
}

.button.icon-right-arrow05 .button-text-core::after {
    width: 4.8rem;
    height: 4.8rem;
    background-image: url(../images/common/icon/icon-right-arrow03.svg);
    background-size: contain;
    background-position: 50% 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.icon-right-arrow05 .button-text-core::after {
        width: 3.2rem;
        height: 3.2rem;
    }
}

.button.icon-left-arrow06 .button-text-core {
    gap: 0.8rem;
}

.button.icon-left-arrow06 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../images/common/icon/icon-left-arrow05.svg);
    background-size: contain;
    background-position: 50% 50%;
}

.button.icon-right-arrow06 .button-text-core {
    gap: 0.8rem;
}

.button.icon-right-arrow06 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../images/common/icon/icon-right-arrow08.svg);
    background-size: contain;
    background-position: 50% 50%;
}

.button.icon-bottom-arrow01 .button-text-core {
    gap: 1rem;
}

.button.icon-bottom-arrow01 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../images/common/icon/icon-bottom-arrow01.svg);
    background-size: contain;
    background-position: 50% 50%;
}

.button.icon-map01 {
    padding: 0.6rem 1.3rem;
    border-radius: 0.8rem;
    background-color: rgba(0, 0, 0, 0.3);
}

.button.icon-map01 .button-text-core {
    gap: 0.4rem;
    color: rgb(255, 255, 255);
}

.button.icon-map01 .button-text-core::after {
    width: 1.7rem;
    height: 2.4rem;
    background-image: url(../images/common/icon/icon-right-arrow06.svg);
    background-size: contain;
    background-position: 50% 50%;
    transition: 0.3s ease;
}

.button.icon-map01.active {
    background-color: #153484;
    box-shadow: 0rem 0.8rem 0.8rem 0rem rgba(0, 0, 0, 0.13);
}

.button.icon-map01.active .button-text-core::after {
    background-image: url(../images/common/icon/icon-right-arrow07.svg);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.icon-map01 {
        width: 2.8rem;
        height: 3.4rem;
        padding: 0;
        background-color: transparent;
        background-image: url(../images/common/icon/icon-map02.png);
        background-size: contain;
        background-repeat: no-repeat;
        border-radius: 0;
    }

    .button.icon-map01 .button-text-core {
        gap: 0;
    }

    .button.icon-map01 .button-text-core::after {
        display: none;
    }

    .button.icon-map01.active {
        background-color: transparent;
        box-shadow: none;
    }
}

.button.icon-up-right-arrow01 .button-text-core {
    gap: 0.4rem;
}

.button.icon-up-right-arrow01 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../images/common/icon/icon-diagonal-white-arrow04.svg);
    background-size: contain;
    background-position: 50% 50%;
}

.button.icon-up-right-arrow02 .button-text-core {
    gap: 0.4rem;
}

.button.icon-up-right-arrow02 .button-text-core::after {
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../images/common/icon/icon-diagonal-black-arrow02.svg);
    background-size: contain;
    background-position: 50% 50%;
}

.button.icon-search01 {
    width: 5rem;
    height: 5rem;
    border-radius: 1.2rem;
    background-image: url(../images/common/icon/icon-search01.svg);
    background-size: 2.4rem;
    background-position: 50%;
    background-repeat: no-repeat;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.icon-search01.size-v1 {
        width: 4.6rem;
        height: 4.6rem;
        background-size: 2.2rem;
    }
}

.button.icon-search01.size-v2 {
    width: 6.4rem;
    height: 6.4rem;
    background-size: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .button.icon-search01.size-v2 {
        width: 5rem;
        height: 5rem;
        background-size: 2.4rem;
    }
}

textarea,
input:not([type=radio], [type=checkbox]) {
    position: relative;
    padding: 0 2rem;
    height: 6.4rem;
    border: 0.1rem solid rgba(225, 230, 239, 0.8);
    box-sizing: border-box;
    border-radius: 1.2rem;
    color: #000000;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 175%;
    font-family: "Pretendard";
    transition: all 0.1s ease-out;
}

@media (min-width: 280px) and (max-width: 1023px) {

    textarea,
    input:not([type=radio], [type=checkbox]) {
        height: 5rem;
    }
}

textarea::-moz-placeholder,
input:not([type=radio], [type=checkbox])::-moz-placeholder {
    color: #737373;
    font-weight: 500;
    line-height: 175%;
}

textarea::placeholder,
input:not([type=radio], [type=checkbox])::placeholder {
    color: #737373;
    font-weight: 500;
    line-height: 175%;
}

textarea:disabled,
input:disabled:not([type=radio], [type=checkbox]) {
    background-color: #ffffff;
    border-color: rgba(225, 230, 239, 0.8);
    color: #737373;
}

textarea:-moz-read-only,
input:-moz-read-only:not([type=radio], [type=checkbox]) {
    background-color: rgba(244, 246, 250, 0.8);
    border-color: rgba(244, 246, 250, 0.8);
    color: #000000;
}

textarea:read-only,
input:read-only:not([type=radio], [type=checkbox]) {
    background-color: rgba(244, 246, 250, 0.8);
    border-color: rgba(244, 246, 250, 0.8);
    color: #000000;
}

textarea.textRegexp,
input.textRegexp:not([type=radio], [type=checkbox]) {
    border: 0.2rem solid #F11;
}

textarea:active:not(:-moz-read-only),
input:active:not(:-moz-read-only):not([type=radio], [type=checkbox]),
textarea:focus:not(:-moz-read-only),
input:focus:not(:-moz-read-only):not([type=radio], [type=checkbox]) {
    border: 0.2rem solid rgba(40, 40, 40, 0.8);
}

textarea:active:not(:read-only),
input:active:not(:read-only):not([type=radio], [type=checkbox]),
textarea:focus:not(:read-only),
input:focus:not(:read-only):not([type=radio], [type=checkbox]) {
    border: 0.2rem solid rgba(40, 40, 40, 0.8);
}

input[type=radio],
input[type=checkbox] {
    overflow: hidden;
    display: block;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}

input[type=radio]+label,
input[type=checkbox]+label {
    display: inline-block;
    padding-left: 3.6rem;
    padding-right: 3.6rem;
    line-height: 3.2rem;
    font-size: 1.8rem;
    font-weight: 600;
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {

    input[type=radio]+label,
    input[type=checkbox]+label {
        padding-left: 2.6rem;
        padding-right: 1.6rem;
        font-size: 1.6rem;
        font-weight: 500;
        white-space: nowrap;
    }
}

textarea.fill-999,
input:not([type=radio], [type=checkbox]).fill-999 {
    background-color: rgb(255, 255, 255);
}

textarea.line-157,
input:not([type=radio], [type=checkbox]).line-157 {
    border-color: rgb(40, 40, 40);
}

input[type=checkbox]+label {
    background: url("../images/common/icon/bg_chk_off.svg") no-repeat left center;
    background-size: 2.8rem 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    input[type=checkbox]+label {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
        padding-left: 3.2rem;
        font-size: 1.4rem;
        line-height: 2rem;
        min-height: 3.2rem;
        white-space: initial;
    }
}

input[type=checkbox]:checked+label {
    background: url("../images/common/icon/bg_chk_on.svg") no-repeat left center;
    background-size: 2.8rem 2.8rem;
}

input[type=radio]+label {
    background: url("../images/common/icon/bg_radio_off.svg") no-repeat left center;
    background-size: 2.4rem 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    input[type=radio]+label {
        background-size: 1.8rem 1.8rem;
        color: #000000;
    }
}

input[type=radio]:checked+label {
    background: url("../images/common/icon/bg_radio_on.svg") no-repeat left center;
    background-size: 2.4rem 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    input[type=radio]:checked+label {
        background-size: 1.8rem 1.8rem;
    }
}

input[type=file] {
    overflow: hidden;
    display: block;
    position: absolute;
    border: 0;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
}

input[type=file]+input.file-name {
    border: unset;
}

input.data-picker {
    position: relative;
    padding-left: 5.8rem;
    background-image: url(../images/common/icon/icon-calendar01.svg);
    background-size: 2.4rem;
    background-position: 1.8rem 50%;
    background-repeat: no-repeat;
}

@media (min-width: 280px) and (max-width: 1023px) {
    input.data-picker {
        padding-left: 4.2rem;
        background-position: 1rem 50%;
    }
}

.submit-display.design-1 {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
    padding: 0;
    border: hidden;
}

.submit-display.design-1 .form-list {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.submit-display.design-1 .form-list~.form-list {
    padding-top: 3rem;
}

.submit-display.design-1 .form-list.case-1 {
    flex: 1 1 100%;
    row-gap: 3rem;
}

.submit-display.design-1 .form-list.case-2 {
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 3rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-1 .form-list.case-2 {
        row-gap: 2.4rem;
    }
}

.submit-display.design-1 .form-list.case-2 .form-item {
    width: calc(50% - 1rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-1 .form-list.case-2 .form-item {
        width: 100%;
    }
}

.submit-display.design-1 .form-list.case-3 {
    flex-direction: row;
}

.submit-display.design-1 .form-list.case-4 {
    max-width: 65.8rem;
    margin: 0 auto;
    flex: 1 1 100%;
    row-gap: 3rem;
}

.submit-display.design-1 .form-list.case-5 {
    max-width: 73rem;
    margin: 0 auto;
    flex: 1 1 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-1 .form-list.case-5 {
        max-width: initial;
    }
}

.submit-display.design-1 .form-list .form-item {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.submit-display.design-1 .form-list .form-item .form-wrap {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex: 1 1 100%;
    row-gap: 1rem;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-head .form-name {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.8rem;
    color: #282828;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-1 .form-list .form-item .form-wrap .form-head .form-name {
        font-size: 1.8rem;
    }
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    position: relative;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area {
    display: flex;
    align-items: center;
    width: 100%;
    row-gap: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area {
        overflow: hidden;
    }
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form {
    position: relative;
    display: flex;
    transition: 0.2s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form {
        overflow: auto;
    }
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form.flex {
    display: inline-flex;
    flex: 1 1 100%;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form.design-1 {
    flex-direction: column;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form.design-2 {
    flex-direction: row;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form.case-1 {
    width: 100%;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form.case-1>input {
    width: 100%;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form.case-2 {
    width: calc(50% - 1rem);
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form.case-2 input[type=radio]+label {
    white-space: nowrap;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form.case-2 {
        width: 100%;
        flex-wrap: wrap;
    }
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form.case-3 {
    width: 100%;
    gap: 0.8rem;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .form.case-3>input {
    width: 100%;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .form-area .textarea {
    width: 100%;
    height: 30rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    resize: none;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .txt-error {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 157.143%;
    padding-left: 1rem;
    color: #999;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-1 .form-list .form-item .form-wrap .form-body .txt-error {
        font-size: 1.2rem;
    }
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .checkText {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
    padding-left: 1rem;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .checkText.color-red {
    color: #FF1111;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-body .checkText.color-green {
    color: #22CD74;
}

.submit-display.design-1 .form-list .form-item .form-wrap .required {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: normal;
    color: #F11;
}

.submit-display.design-1 .form-list .form-item .form-wrap .form-btn {
    display: inline-block;
    width: 10.4rem;
    height: 6.4rem;
    line-height: 6.4rem;
    margin-left: 0.8rem;
    vertical-align: middle;
    border-radius: 1.2rem;
    background-color: #767B86;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-1 .form-list .form-item .form-wrap .form-btn {
        height: 5rem;
        line-height: 5rem;
    }
}

.submit-display.design-1.submit-form {
    margin-top: 3rem;
}

.submit-display.design-2 {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
}

.submit-display.design-2 .form-list .form-item~.form-item {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-2 .form-list .form-item~.form-item {
        padding-top: 10rem;
    }
}

.submit-display.design-2 .form-head {
    padding-bottom: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-2 .form-head {
        padding-bottom: 2.4rem;
    }
}

.submit-display.design-2 .form-body {
    width: 100%;
    height: 36rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    border-radius: 1.2rem;
    border: 0.1rem solid rgba(225, 230, 239, 0.8);
    overflow: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-2 .form-body {
        padding-right: 1rem;
        height: 32rem;
    }
}

.submit-display.design-2 .form-body .data-display.design-1 {
    width: 100%;
    height: 100%;
    padding: 4rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.submit-display.design-2 .form-body .data-display.design-1::-webkit-scrollbar {
    width: 0.8rem;
}

.submit-display.design-2 .form-body .data-display.design-1::-webkit-scrollbar-thumb {
    width: 0.8rem;
    background-color: rgb(34, 205, 116);
    border-radius: 0.2rem;
}

.submit-display.design-2 .form-body .data-display.design-1::-webkit-scrollbar-track {
    width: 0.8rem;
    background: linear-gradient(to right, transparent 0.1rem, #EBEBEB 0.1rem 0.7rem, transparent 0.7rem 0.8rem);
    margin-top: 2rem;
    border-radius: 0.2rem;
}

.submit-display.design-2 .form-body .data-display.design-1::-webkit-scrollbar-track-piece {
    border-radius: 0.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-2 .form-body .data-display.design-1 {
        padding: 2rem;
    }

    .submit-display.design-2 .form-body .data-display.design-1::-webkit-scrollbar {
        width: 0.4rem;
        border-radius: 0.4rem;
    }

    .submit-display.design-2 .form-body .data-display.design-1::-webkit-scrollbar-thumb {
        width: 0.4rem;
        background-color: rgb(34, 205, 116);
        border-radius: 0.4rem;
    }

    .submit-display.design-2 .form-body .data-display.design-1::-webkit-scrollbar-track {
        width: 0.4rem;
        background-color: #EBEBEB;
        margin-top: 2rem;
        border-radius: 0.4rem;
    }

    .submit-display.design-2 .form-body .data-display.design-1::-webkit-scrollbar-track-piece {
        border-radius: 0.4rem;
    }
}

.submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item~.data-item {
    padding-top: 4rem;
}

.submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-head .subjext {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 177.778%;
    color: #282828;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-head .subjext {
        font-size: 1.6rem;
    }
}

.submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-head .summary {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 175%;
    color: #282828;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-head .summary {
        font-size: 1.4rem;
    }
}

.submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-body {
        padding-top: 2rem;
    }
}

.submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-body>dt {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 175%;
    color: #282828;
}

.submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-body>dt~dt {
    padding-top: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-body>dt {
        font-size: 1.4rem;
    }

    .submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-body>dt~dt {
        padding-top: 1rem;
    }
}

.submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-body>dd {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 175%;
    color: #737373;
    padding-left: 1.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-2 .form-body .data-display.design-1 .data-list .data-item .data-wrap .data-body>dd {
        font-size: 1.4rem;
    }
}

.submit-display.design-2 .form-footer {
    padding-top: 2rem;
}

.submit-display.design-2 .required {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #F11;
}

.submit-display.design-3 {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
}

.submit-display.design-3 .form-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 2rem;
}

.submit-display.design-3 .form-wrap .form-head {
    flex: 0 0 auto;
}

.submit-display.design-3 .form-wrap .form-head .form-name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.8rem;
}

.submit-display.design-3 .form-wrap .form-body .form-area .form {
    display: flex;
    align-items: center;
}

.submit-display.design-3 .form-wrap .form-body .form-area .form .text {
    width: 100%;
    height: 5rem;
}

.submit-display.design-3 .form-wrap .form-body .form-area .form .text.data-picker {
    max-width: 26.7rem;
}

.submit-display.design-3 .form-wrap .form-body .form-area .form .form-para {
    flex: 0 0 auto;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.8rem;
    padding: 0 1.2rem;
}

.submit-display.design-3 .form-wrap .form-body .form-area .form .button-display {
    flex: 0 0 auto;
    margin-left: 0.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .submit-display.design-3 .form-wrap .form-body {
        flex: 1 1 100%;
    }

    .submit-display.design-3 .form-wrap .form-body .form-area .form .text {
        height: 4.6rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .submit-display.design-3 .form-wrap .form-body .form-area .form .text.data-picker {
        max-width: initial;
    }

    .submit-display.design-3 .form-wrap .form-body .form-area .form .form-para {
        padding: 0 0.4rem;
    }
}

.select-display select {
    font-family: "Pretendard", "Roboto", "NotoSansKR", sans-serif;
}

.select-display.design-1 .select-item {
    display: flex;
    gap: 0.8rem;
}

.select-display.design-1 .select-item .select-wrap {
    position: relative;
    flex: 1 1 auto;
    width: calc(100% - 5.8rem);
}

.select-display.design-1 .select-item .select-wrap select {
    width: 100%;
    height: 5rem;
    padding: 0 24% 0 1.8rem;
    border-radius: 1.2rem;
    border: 0.1rem solid rgb(225, 230, 239);
    background: rgb(255, 255, 255);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.select-display.design-1 .select-item .select-wrap::after {
    content: "";
    position: absolute;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    top: 50%;
    right: 1.8rem;
    margin-top: -1.6rem;
    background: url(../images/common/icon/icon-select-arrow1.svg) no-repeat;
    background-size: contain;
    transition: 0.3s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .select-display.design-1 .select-item .select-wrap select {
        padding: 0 18% 0 1rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .select-display.design-1 .select-item .select-wrap::after {
        right: 1rem;
    }
}

.width-auto {
    width: auto;
}

.width-ratio1 {
    width: 1%;
}

.width-ratio2 {
    width: 2%;
}

.width-ratio3 {
    width: 3%;
}

.width-ratio4 {
    width: 4%;
}

.width-ratio5 {
    width: 5%;
}

.width-ratio6 {
    width: 6%;
}

.width-ratio7 {
    width: 7%;
}

.width-ratio8 {
    width: 8%;
}

.width-ratio9 {
    width: 9%;
}

.width-ratio10 {
    width: 10%;
}

.width-ratio11 {
    width: 11%;
}

.width-ratio12 {
    width: 12%;
}

.width-ratio13 {
    width: 13%;
}

.width-ratio14 {
    width: 14%;
}

.width-ratio15 {
    width: 15%;
}

.width-ratio16 {
    width: 16%;
}

.width-ratio17 {
    width: 17%;
}

.width-ratio18 {
    width: 18%;
}

.width-ratio19 {
    width: 19%;
}

.width-ratio20 {
    width: 20%;
}

.width-ratio21 {
    width: 21%;
}

.width-ratio22 {
    width: 22%;
}

.width-ratio23 {
    width: 23%;
}

.width-ratio24 {
    width: 24%;
}

.width-ratio25 {
    width: 25%;
}

.width-ratio26 {
    width: 26%;
}

.width-ratio27 {
    width: 27%;
}

.width-ratio28 {
    width: 28%;
}

.width-ratio29 {
    width: 29%;
}

.width-ratio30 {
    width: 30%;
}

.width-ratio31 {
    width: 31%;
}

.width-ratio32 {
    width: 32%;
}

.width-ratio33 {
    width: 33%;
}

.width-ratio34 {
    width: 34%;
}

.width-ratio35 {
    width: 35%;
}

.width-ratio36 {
    width: 36%;
}

.width-ratio37 {
    width: 37%;
}

.width-ratio38 {
    width: 38%;
}

.width-ratio39 {
    width: 39%;
}

.width-ratio40 {
    width: 40%;
}

.width-ratio41 {
    width: 41%;
}

.width-ratio42 {
    width: 42%;
}

.width-ratio43 {
    width: 43%;
}

.width-ratio44 {
    width: 44%;
}

.width-ratio45 {
    width: 45%;
}

.width-ratio46 {
    width: 46%;
}

.width-ratio47 {
    width: 47%;
}

.width-ratio48 {
    width: 48%;
}

.width-ratio49 {
    width: 49%;
}

.width-ratio50 {
    width: 50%;
}

.width-ratio51 {
    width: 51%;
}

.width-ratio52 {
    width: 52%;
}

.width-ratio53 {
    width: 53%;
}

.width-ratio54 {
    width: 54%;
}

.width-ratio55 {
    width: 55%;
}

.width-ratio56 {
    width: 56%;
}

.width-ratio57 {
    width: 57%;
}

.width-ratio58 {
    width: 58%;
}

.width-ratio59 {
    width: 59%;
}

.width-ratio60 {
    width: 60%;
}

.width-ratio61 {
    width: 61%;
}

.width-ratio62 {
    width: 62%;
}

.width-ratio63 {
    width: 63%;
}

.width-ratio64 {
    width: 64%;
}

.width-ratio65 {
    width: 65%;
}

.width-ratio66 {
    width: 66%;
}

.width-ratio67 {
    width: 67%;
}

.width-ratio68 {
    width: 68%;
}

.width-ratio69 {
    width: 69%;
}

.width-ratio70 {
    width: 70%;
}

.width-ratio71 {
    width: 71%;
}

.width-ratio72 {
    width: 72%;
}

.width-ratio73 {
    width: 73%;
}

.width-ratio74 {
    width: 74%;
}

.width-ratio75 {
    width: 75%;
}

.width-ratio76 {
    width: 76%;
}

.width-ratio77 {
    width: 77%;
}

.width-ratio78 {
    width: 78%;
}

.width-ratio79 {
    width: 79%;
}

.width-ratio80 {
    width: 80%;
}

.width-ratio81 {
    width: 81%;
}

.width-ratio82 {
    width: 82%;
}

.width-ratio83 {
    width: 83%;
}

.width-ratio84 {
    width: 84%;
}

.width-ratio85 {
    width: 85%;
}

.width-ratio86 {
    width: 86%;
}

.width-ratio87 {
    width: 87%;
}

.width-ratio88 {
    width: 88%;
}

.width-ratio89 {
    width: 89%;
}

.width-ratio90 {
    width: 90%;
}

.width-ratio91 {
    width: 91%;
}

.width-ratio92 {
    width: 92%;
}

.width-ratio93 {
    width: 93%;
}

.width-ratio94 {
    width: 94%;
}

.width-ratio95 {
    width: 95%;
}

.width-ratio96 {
    width: 96%;
}

.width-ratio97 {
    width: 97%;
}

.width-ratio98 {
    width: 98%;
}

.width-ratio99 {
    width: 99%;
}

.width-ratio100 {
    width: 100%;
}

.height-ratio1 {
    height: 1%;
}

.height-ratio2 {
    height: 2%;
}

.height-ratio3 {
    height: 3%;
}

.height-ratio4 {
    height: 4%;
}

.height-ratio5 {
    height: 5%;
}

.height-ratio6 {
    height: 6%;
}

.height-ratio7 {
    height: 7%;
}

.height-ratio8 {
    height: 8%;
}

.height-ratio9 {
    height: 9%;
}

.height-ratio10 {
    height: 10%;
}

.height-ratio11 {
    height: 11%;
}

.height-ratio12 {
    height: 12%;
}

.height-ratio13 {
    height: 13%;
}

.height-ratio14 {
    height: 14%;
}

.height-ratio15 {
    height: 15%;
}

.height-ratio16 {
    height: 16%;
}

.height-ratio17 {
    height: 17%;
}

.height-ratio18 {
    height: 18%;
}

.height-ratio19 {
    height: 19%;
}

.height-ratio20 {
    height: 20%;
}

.height-ratio21 {
    height: 21%;
}

.height-ratio22 {
    height: 22%;
}

.height-ratio23 {
    height: 23%;
}

.height-ratio24 {
    height: 24%;
}

.height-ratio25 {
    height: 25%;
}

.height-ratio26 {
    height: 26%;
}

.height-ratio27 {
    height: 27%;
}

.height-ratio28 {
    height: 28%;
}

.height-ratio29 {
    height: 29%;
}

.height-ratio30 {
    height: 30%;
}

.height-ratio31 {
    height: 31%;
}

.height-ratio32 {
    height: 32%;
}

.height-ratio33 {
    height: 33%;
}

.height-ratio34 {
    height: 34%;
}

.height-ratio35 {
    height: 35%;
}

.height-ratio36 {
    height: 36%;
}

.height-ratio37 {
    height: 37%;
}

.height-ratio38 {
    height: 38%;
}

.height-ratio39 {
    height: 39%;
}

.height-ratio40 {
    height: 40%;
}

.height-ratio41 {
    height: 41%;
}

.height-ratio42 {
    height: 42%;
}

.height-ratio43 {
    height: 43%;
}

.height-ratio44 {
    height: 44%;
}

.height-ratio45 {
    height: 45%;
}

.height-ratio46 {
    height: 46%;
}

.height-ratio47 {
    height: 47%;
}

.height-ratio48 {
    height: 48%;
}

.height-ratio49 {
    height: 49%;
}

.height-ratio50 {
    height: 50%;
}

.height-ratio51 {
    height: 51%;
}

.height-ratio52 {
    height: 52%;
}

.height-ratio53 {
    height: 53%;
}

.height-ratio54 {
    height: 54%;
}

.height-ratio55 {
    height: 55%;
}

.height-ratio56 {
    height: 56%;
}

.height-ratio57 {
    height: 57%;
}

.height-ratio58 {
    height: 58%;
}

.height-ratio59 {
    height: 59%;
}

.height-ratio60 {
    height: 60%;
}

.height-ratio61 {
    height: 61%;
}

.height-ratio62 {
    height: 62%;
}

.height-ratio63 {
    height: 63%;
}

.height-ratio64 {
    height: 64%;
}

.height-ratio65 {
    height: 65%;
}

.height-ratio66 {
    height: 66%;
}

.height-ratio67 {
    height: 67%;
}

.height-ratio68 {
    height: 68%;
}

.height-ratio69 {
    height: 69%;
}

.height-ratio70 {
    height: 70%;
}

.height-ratio71 {
    height: 71%;
}

.height-ratio72 {
    height: 72%;
}

.height-ratio73 {
    height: 73%;
}

.height-ratio74 {
    height: 74%;
}

.height-ratio75 {
    height: 75%;
}

.height-ratio76 {
    height: 76%;
}

.height-ratio77 {
    height: 77%;
}

.height-ratio78 {
    height: 78%;
}

.height-ratio79 {
    height: 79%;
}

.height-ratio80 {
    height: 80%;
}

.height-ratio81 {
    height: 81%;
}

.height-ratio82 {
    height: 82%;
}

.height-ratio83 {
    height: 83%;
}

.height-ratio84 {
    height: 84%;
}

.height-ratio85 {
    height: 85%;
}

.height-ratio86 {
    height: 86%;
}

.height-ratio87 {
    height: 87%;
}

.height-ratio88 {
    height: 88%;
}

.height-ratio89 {
    height: 89%;
}

.height-ratio90 {
    height: 90%;
}

.height-ratio91 {
    height: 91%;
}

.height-ratio92 {
    height: 92%;
}

.height-ratio93 {
    height: 93%;
}

.height-ratio94 {
    height: 94%;
}

.height-ratio95 {
    height: 95%;
}

.height-ratio96 {
    height: 96%;
}

.height-ratio97 {
    height: 97%;
}

.height-ratio98 {
    height: 98%;
}

.height-ratio99 {
    height: 99%;
}

.height-ratio100 {
    height: 100%;
}

.text-guide-class-name.guide-title-name {
    display: inline-block;
    text-align: left;
}

.text-guide-class-name .blur {
    opacity: 0.5;
}

.title {
    font-size: 0;
}

.title.design-1.case-2 .dif-font {
    font-family: "Poppins";
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}

.title.design-1.case-2::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.1rem;
    margin-top: 6rem;
    background-color: rgb(115, 115, 115);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.design-1.case-2::after {
        margin-top: 3.2rem;
    }
}

.title.small-v20 .name {
    font-family: "Hyosung";
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v20 .name {
        font-size: 2rem;
        line-height: 3.2rem;
    }
}

.title.small-v19 .name {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
    font-family: "Hyosung";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v19 .name {
        font-size: 2.6rem;
        line-height: 3.8rem;
    }
}

.title.small-v18 .name {
    font-family: "Hyosung";
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v18 .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.title.small-v17 .name {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v17 .name {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }
}

.title.small-v16 .name {
    font-family: "Hyosung";
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v16 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.accordion-content .title.small-v16 .name {
    color: #000;
}

.title.small-v15 .name {
    font-family: "Hyosung";
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v15 .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.title.small-v14 .name {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
    font-family: "Hyosung";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v14 .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.title.small-v13 .name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.8rem;
    font-family: "Hyosung";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v13 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.title.small-v12 .name {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.8rem;
    font-family: "Hyosung";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v12 .name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.title.small-v11 .name {
    font-size: 4rem;
    font-weight: 700;
    line-height: 7.2rem;
    font-family: "Hyosung";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v11 .name {
        font-size: 2.8rem;
        line-height: 4rem;
    }
}

.title.small-v10 .name {
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 6.4rem;
    font-family: "Hyosung";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v10 .name {
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4rem;
    }
}

.title.small-v9 .name {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v9 .name {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.title.small-v8 .name {
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v8 .name {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 3rem;
    }
}

.title.small-v7 .name {
    font-family: "Hyosung";
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v7 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.title.small-v6 .name {
    font-family: "Hyosung";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

.title.small-v5 .name {
    font-family: "Hyosung";
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

.title.small-v4 .name {
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v4 .name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.title.small-v3 .name {
    font-family: "Hyosung";
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v3 .name {
        font-size: 2.4rem;
    }
}

.title.small-v2 .name {
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.small-v2 .name {
        font-size: 2.4rem;
        line-height: 3rem;
    }
}

.title.small-v1 .name {
    font-family: "Hyosung";
    font-size: 4rem;
    font-weight: 700;
    line-height: 6rem;
}

.title.small .name {
    font-family: "Poppins";
    font-size: 5rem;
    font-weight: 700;
    line-height: 6.8rem;
}

.title.medium .name {
    font-family: "Hyosung";
    font-size: 5.2rem;
    font-weight: 700;
    line-height: 7.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.medium .name {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.title.large .name {
    font-family: "Hyosung";
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 7.2rem;
}

.human-rights-greeting {
    color: #fff;
    text-align: left;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    width: 53%;
    margin: 0 auto;
}

.human-rights-greeting .summary {
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 1rem;
}


@media (min-width: 280px) and (max-width: 1023px) {
    .title.large .name {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.title.large-v1 .name {
    font-family: "Poppins";
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 8.6rem;
}

.title.large-v2 .name {
    font-size: 6.5rem;
    font-weight: 700;
    line-height: 7rem;
}

.title.large-v3 .name {
    font-family: "Poppins";
    font-size: 7.2rem;
    font-weight: 600;
    line-height: 9.2rem;
}

.title.large-v4 .name {
    font-family: "Poppins";
    font-size: 8rem;
    font-weight: 700;
    line-height: 10.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.large-v4 .name {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.title.large-v5 .name {
    font-family: "Hyosung";
    font-size: 6.4rem;
    font-weight: 700;
    line-height: 7.6rem;
}

.title.large-v6 .name {
    font-family: "Poppins";
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 7.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.large-v6 .name {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.title.large-v7 .name {
    font-family: "Hyosung";
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 7.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.large-v7 .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.title.large-v8 .name {
    font-family: "Hyosung";
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 7.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.large-v8 .name {
        font-size: 3.2rem;
        line-height: 4.6rem;
    }
}

.title.align-1 {
    text-align: left;
}

.title.align-2 {
    text-align: right;
}

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

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

@media (min-width: 280px) and (max-width: 1023px) {
    .title.align-4 {
        -moz-text-align-last: left;
        text-align-last: left;
    }
}

.title.align-5 {
    text-align: left;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.align-5 {
        text-align: center;
    }
}

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

@media (min-width: 280px) and (max-width: 1023px) {
    .title.align-6 {
        text-align: left;
    }
}

.title.color-1 .name {
    color: rgb(255, 255, 255);
}

.title.color-2 .name {
    color: rgb(0, 0, 0);
}

.title.color-3 .name {
    color: rgb(27, 75, 102);
}

.title.color-4 .name {
    color: rgb(40, 86, 206);
}

.title.color-5 .name {
    color: rgb(75, 132, 240);
}

.title.color-6 .name {
    color: rgb(135, 211, 254);
}

.title.color-7 .name {
    color: rgb(40, 40, 40);
}

.title.color-8 .name {
    color: rgb(255, 124, 50);
}

.title.color-9 .name {
    color: rgb(27, 75, 102);
}

.title.color-10 .name {
    color: rgb(217, 217, 217);
}

.title.color-11 .name {
    color: rgb(165, 169, 255);
}

.title.color-12 .name {
    color: rgb(9, 25, 67);
}

.title.space-1 {
    margin-bottom: 8rem !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.space-1 {
        margin-bottom: 4rem !important;
    }
}

.title.space-2 {
    margin-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .title.space-2 {
        margin-bottom: 6rem;
    }
}

.title.small-v2 .name:lang(zh-CN),
.title.small-v3 .name:lang(zh-CN),
.title.small-v4 .name:lang(zh-CN),
.title.small-v5 .name:lang(zh-CN),
.title.small-v7 .name:lang(zh-CN),
.title.small-v10 .name:lang(zh-CN),
.title.small-v13 .name:lang(zh-CN),
.title.small-v14 .name:lang(zh-CN),
.title.small-v15 .name:lang(zh-CN),
.title.small-v16 .name:lang(zh-CN),
.title.small-v18 .name:lang(zh-CN),
.title.small-v19 .name:lang(zh-CN),
.title.medium .name:lang(zh-CN),
.title.large .name:lang(zh-CN),
.title.large-v7 .name:lang(zh-CN),
.title.large-v8 .name:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.accordion-display.design-1 {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1 {
        padding: 0 1.8rem;
    }

    .accordion-display.design-1.type-1 {
        padding: 0;
    }
}

.accordion-display.design-1.case-1 {
    background-color: #ffffff;
    max-width: 133.6rem;
    margin: 0 auto;
}

.accordion-display.design-1.case-1 .accordion-list .accordion-item {
    border-bottom: 0.1rem solid #d9d9d9;
}

.accordion-display.design-1.case-2 .accordion-list .accordion-item {
    border-bottom: 0.1rem solid #d9d9d9;
    overflow: hidden;
}

.accordion-display.design-1.case-2 .accordion-list .accordion-item .accordion-wrap .accordion-head {
    background-color: #F5F4F4;
}

.accordion-display.design-1.border-1 .accordion-list .accordion-item {
    border-bottom-color: rgb(0, 0, 0);
}

.accordion-display.design-1.border-1 .accordion-list .accordion-item.active .accordion-body {
    border-color: rgb(0, 0, 0);
}

.accordion-display.design-1.space-1 .accordion-list .accordion-item .accordion-wrap .accordion-head {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1.space-1 .accordion-list .accordion-item .accordion-wrap .accordion-head {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.accordion-display.design-1.space-1 .accordion-list .accordion-item .accordion-wrap .accordion-body {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1.space-1 .accordion-list .accordion-item .accordion-wrap .accordion-body {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.accordion-display.design-1.space-2 .accordion-list .accordion-item .accordion-wrap .accordion-head {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1.space-2 .accordion-list .accordion-item .accordion-wrap .accordion-head {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

.accordion-display.design-1.space-2 .accordion-list .accordion-item .accordion-wrap .accordion-body {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

.accordion-display.design-1 .accordion-list .accordion-item {
    transition: 0.3s ease-out;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-head {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-body {
    padding: 0 1.8rem;
    background-color: #ffffff;
    border-top: 0.1rem solid transparent;
    transition: 0.3s ease-out;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.3s ease-out;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-body .accordion-content {
    max-width: 133.6rem;
    margin: 0 auto;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-body.design-1 {
    position: relative;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-body.design-1 .accordion-content {
    padding: 0 1.8rem 0;
    max-height: 66rem;
    margin-left: -1.8rem;
    overflow-x: hidden;
    overflow-y: auto;
    max-width: 130rem;
    margin: 0 auto;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-body.design-1 .accordion-content::-webkit-scrollbar {
    width: 0.8rem;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-body.design-1 .accordion-content::-webkit-scrollbar-thumb {
    width: 0.8rem;
    background-color: rgb(34, 205, 116);
    border-radius: 0.2rem;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-body.design-1 .accordion-content::-webkit-scrollbar-track {
    width: 0.8rem;
    background: linear-gradient(to right, transparent 0.1rem, #EBEBEB 0.1rem 0.7rem, transparent 0.7rem 0.8rem);
    border-radius: 0.2rem;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-body.design-1 .accordion-content::-webkit-scrollbar-track-piece {
    border-radius: 0.2rem;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-body.design-1::before {
    content: "";
    width: 100vw;
    height: 0.1rem;
    background-color: transparent;
    position: absolute;
    top: -0.1rem;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.1s;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button {
    display: block;
    max-width: 133.6rem;
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button {
        padding: 0;
    }
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button.case-1 .accordion-button-body {
    padding: 4rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s ease-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button.case-1 .accordion-button-body {
        padding: 2rem 0;
    }
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button.case-2 .accordion-button-body {
    padding: 4rem 0rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
    transition: 0.3s ease-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button.case-2 .accordion-button-body {
        padding: 2rem;
    }
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-title {
    color: #000;
    font-family: "Hyosung";
    font-style: normal;
    font-weight: 700;
    line-height: 3.2rem;
    font-size: 2.2rem;
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-title:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-title {
        font-size: 1.6rem;
    }
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-title.small-v1 {
    font-size: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-title.small-v1 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-title .small {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.8rem;
    color: #737373;
    padding-left: 1.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-title .small {
        font-size: 1.4rem;
        line-height: 2.2rem;
        font-weight: 700;
        padding-left: 0.8rem;
    }
}

.accordion-display.design-1 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-icon {
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    background: url(../images/common/common/acc-on.svg) no-repeat;
    background-size: cover;
    transition: 0.1s ease-out;
}

.accordion-display.design-1 .accordion-list .accordion-item.active .accordion-button .accordion-icon {
    background: url(../images/common/common/acc-off.svg) no-repeat;
    background-size: cover;
}

.accordion-display.design-1 .accordion-list .accordion-item.active .accordion-body {
    border-color: #d9d9d9;
    height: auto;
    opacity: 1;
    padding-top: 6rem;
    padding-bottom: 12rem;
    transition: 0.3s ease-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1 .accordion-list .accordion-item.active .accordion-body {
        padding-top: 3rem;
        padding-bottom: 6rem;
    }
}

.accordion-display.design-1 .accordion-list .accordion-item.active .accordion-body.design-1 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1 .accordion-list .accordion-item.active .accordion-body.design-1 {
        padding: unset;
    }
}

.accordion-display.design-1 .accordion-list .accordion-item.active .accordion-body.design-1::before {
    background-color: #d9d9d9;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-1 .accordion-list .accordion-item.active .accordion-body.design-1 .accordion-content {
        max-height: unset;
        margin-left: unset;
        padding: 3rem 1.8rem 6rem;
    }

    .accordion-display.design-1 .accordion-list .accordion-item.active .accordion-body.design-1 .accordion-content::-webkit-scrollbar {
        width: unset;
    }
}

.accordion-display.design-2 {
    width: 87.3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-2 {
        width: 100%;
    }
}

.accordion-display.design-2 .accordion-list .accordion-item {
    background-color: #091943;
    border-radius: 3.2rem;
    margin-bottom: 0.4rem;
    transition: 0.2s ease-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-2 .accordion-list .accordion-item {
        border-radius: 2.4rem;
        margin-bottom: 0.6rem;
    }
}

.accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-head {
    width: 100%;
}

.accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-body {
    height: 0;
    overflow: hidden;
    max-width: 70rem;
    margin: 0 auto;
    margin-right: 8.5%;
    transition: 0.3s ease;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-body {
        margin-right: auto;
        padding: 0 8%;
        max-width: unset;
    }
}

.accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-body .accordion-content ul>li {
    font-size: 1.8rem;
    font-weight: 500;
    color: #282828;
    line-height: 3.2rem;
    padding: 1.5rem 0;
    border-bottom: 0.1rem solid rgba(9, 25, 67, 0.2);
}

.accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-body .accordion-content ul>li.small {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 22px;
    color: #6C4E00;
    padding: 1.5rem 0 0 0;
    border-bottom: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-body .accordion-content ul>li {
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-weight: 500;
        padding: 1.4rem 0;
    }

    .accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-body .accordion-content ul>li:nth-child(1) {
        padding-top: 0;
    }

    .accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-body .accordion-content ul>li.small {
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 2rem;
    }
}

.accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-button {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-button-body {
    padding: 3.6rem 8%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-button-body {
        padding: 2.4rem 6% 2.4rem 8%;
        gap: 5%;
    }
}

.accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-button-body .accordion-title {
    color: #ffffff;
    font-family: "Hyosung";
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-button-body .accordion-title {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.accordion-display.design-2 .accordion-list .accordion-item .accordion-wrap .accordion-button .accordion-button-body .button.icon-down-arrow02 .button-text-core::after {
    width: 1.6rem;
    height: 0.95rem;
    background-size: contain;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792894C0.683417 0.402369 1.31658 0.402369 1.70711 0.792894L6 5.08579L10.2929 0.792893C10.6834 0.402369 11.3166 0.402369 11.7071 0.792893C12.0976 1.18342 12.0976 1.81658 11.7071 2.20711L6.70711 7.20711C6.31658 7.59763 5.68342 7.59763 5.29289 7.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792894Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
}

.accordion-display.design-2 .accordion-list .accordion-item.active {
    background-color: #FFC633;
    margin-bottom: 2.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-2 .accordion-list .accordion-item.active {
        margin-bottom: 5.7rem;
    }
}

.accordion-display.design-2 .accordion-list .accordion-item.active .accordion-button .accordion-button-body .accordion-title {
    color: #091943;
}

.accordion-display.design-2 .accordion-list .accordion-item.active .accordion-button .accordion-button-body .button.icon-down-arrow02 .button-text-core::after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792894C0.683417 0.402369 1.31658 0.402369 1.70711 0.792894L6 5.08579L10.2929 0.792893C10.6834 0.402369 11.3166 0.402369 11.7071 0.792893C12.0976 1.18342 12.0976 1.81658 11.7071 2.20711L6.70711 7.20711C6.31658 7.59763 5.68342 7.59763 5.29289 7.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792894Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}

.accordion-display.design-2 .accordion-list .accordion-item.active .accordion-body {
    padding-bottom: 3.8rem;
    height: auto;
    transition: 0.3s ease;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-display.design-2 .accordion-list .accordion-item.active .accordion-body {
        padding: 0 8% 2.4rem;
    }
}

.accordion-select .button-select {
    position: relative;
    width: 100%;
    padding: 1.1rem 24% 1.1rem 1.8rem;
    border-radius: 1.2rem;
    border: 0.1rem solid rgb(225, 230, 239);
    background: rgb(255, 255, 255);
    text-align: left;
}

.accordion-select .button-select::after {
    content: "";
    position: absolute;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    top: 50%;
    right: 1.8rem;
    margin-top: -1.6rem;
    background: url(../images/common/icon/icon-select-arrow1.svg) no-repeat;
    background-size: contain;
    transition: 0.3s;
}

.accordion-select .button-select .text-button-wrap .text {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.accordion-select .button-select.active::after {
    transform: rotate(180deg);
}

.accordion-select .select-layer-wrap {
    display: none;
}

.accordion-select .select-layer-wrap .select-layer-list {
    margin-top: 0.4rem;
    padding: 2rem 24% 3rem 1.8rem;
    border-radius: 1.2rem;
    border: 0.1rem solid rgb(225, 230, 239);
    background: rgb(255, 255, 255);
}

.accordion-select .select-layer-wrap .select-layer-list .select-layer-item .link-text-select-item {
    display: block;
}

.accordion-select .select-layer-wrap .select-layer-list .select-layer-item .link-text-select-item .text {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: rgb(153, 153, 153);
}

.accordion-select .select-layer-wrap .select-layer-list .select-layer-item .link-text-select-item.acitve .text {
    color: rgb(0, 0, 0);
}

.accordion-select .select-layer-wrap .select-layer-list .select-layer-item+.select-layer-item {
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .accordion-select .button-select {
        padding: 1rem 17.67% 1rem 1.2rem;
    }

    .accordion-select .button-select::after {
        right: 1rem;
    }

    .accordion-select .button-select .text-button-wrap .text {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .accordion-select .select-layer-wrap .select-layer-list {
        padding: 2rem 17.67% 2rem 1.2rem;
    }

    .accordion-select .select-layer-wrap .select-layer-list .select-layer-item .link-text-select-item .text {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .accordion-select .select-layer-wrap .select-layer-list .select-layer-item+.select-layer-item {
        margin-top: 0.5rem;
    }
}

.order-list.design-1.usual-1 .order-item {
    position: relative;
    padding-left: 2.4rem;
    font-weight: 500;
    color: #282828;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1 .order-item {
        padding-left: 1.8rem;
    }
}

.order-list.design-1.usual-1.case-1 .order-item::before {
    content: "•";
    color: #535353;
    position: absolute;
    left: 0.8rem;
    top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-1 .order-item::before {
        font-size: 1.2rem;
    }
}

.order-list.design-1.usual-1.case-1.small .order-item {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-1.small .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.order-list.design-1.usual-1.case-1.medium .order-item {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-1.medium .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.case-1.large .order-item {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-1.large .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.case-2 {
    counter-reset: order-count;
}

.order-list.design-1.usual-1.case-2 .order-item::before {
    content: counter(order-count) ". ";
    width: 2.4rem;
    height: 2.4rem;
    color: #535353;
    position: absolute;
    left: 0.5rem;
    top: 0;
    counter-increment: order-count;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-2 .order-item::before {
        font-size: 1.2rem;
    }
}

.order-list.design-1.usual-1.case-2.small .order-item {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-2.small .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.order-list.design-1.usual-1.case-2.medium .order-item {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-2.medium .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.case-2.large .order-item {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-2.large .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.case-3 {
    padding-top: 2.4rem;
}

.order-list.design-1.usual-1.case-3 .order-item {
    display: block;
    padding-left: 1rem;
    color: rgb(115, 115, 115);
    word-break: keep-all;
}

.order-list.design-1.usual-1.case-3 .order-item::before {
    content: "*";
    position: absolute;
    left: 0;
    top: 0;
    color: rgb(115, 115, 115);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-3 .order-item {
        padding-left: 0.9rem;
    }
}

.order-list.design-1.usual-1.case-3.small .order-item {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-3.small .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.order-list.design-1.usual-1.case-3.medium .order-item {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-3.medium .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.case-3.large .order-item {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-3.large .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.case-4 .order-item {
    padding-left: 1.3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-4 .order-item {
        padding-left: 1rem;
    }
}

.order-list.design-1.usual-1.case-4 .order-item::before {
    content: "※";
    color: #535353;
    position: absolute;
    left: 0;
    top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-4 .order-item::before {
        font-size: 1.2rem;
    }
}

.order-list.design-1.usual-1.case-4.small .order-item {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-4.small .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.order-list.design-1.usual-1.case-4.medium .order-item {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-4.medium .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.case-4.large .order-item {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-4.large .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.case-5 {
    counter-reset: order-count;
}

.order-list.design-1.usual-1.case-5 .order-item::before {
    content: counter(order-count);
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    color: #282828;
    position: absolute;
    left: 0;
    top: 0;
    counter-increment: order-count;
}

.order-list.design-1.usual-1.case-5 .order-item::after {
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    border: 0.15rem solid #282828;
    border-radius: 50%;
    position: absolute;
    left: 0.44rem;
    top: 0.6rem;
}

.order-list.design-1.usual-1.case-5.small .order-item {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-5.small .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.order-list.design-1.usual-1.case-5.medium .order-item {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-5.medium .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.case-5.large .order-item {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-5.large .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.case-6 .order-item {
    color: #282828;
}

.order-list.design-1.usual-1.case-6.small .order-item {
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-indent: -1.7rem;
    padding-left: 2rem;
}

.order-list.design-1.usual-1.case-6.medium .order-item {
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-indent: -1.8rem;
    padding-left: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-6.medium .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
        text-indent: -1.7rem;
        padding-left: 2rem;
    }
}

.order-list.design-1.usual-1.case-6.large .order-item {
    font-size: 1.8rem;
    line-height: 3.2rem;
    text-indent: -2.1rem;
    padding-left: 2.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-6.large .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
        text-indent: -1.7rem;
        padding-left: 2rem;
    }
}

.order-list.design-1.usual-1.case-7 .order-item {
    padding-left: 0;
}

.order-list.design-1.usual-1.case-7 .order-item::before {
    display: none;
}

.order-list.design-1.usual-1.case-7.medium .order-item {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.case-7.medium .order-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.order-list.design-1.usual-1.align-1 {
    text-align: left;
}

.order-list.design-1.usual-1.align-2 {
    text-align: right;
}

.order-list.design-1.usual-1.align-3 {
    text-align: center;
}

.order-list.design-1.usual-1.type-1 .order-item~.order-item {
    margin-top: 1rem;
}

.order-list.design-1.usual-1.type-2 .order-item {
    margin: 0;
}

.order-list.design-1.usual-1.type-3 .order-item~.order-item {
    margin-top: 0.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.type-3 .order-item~.order-item {
        margin-top: 0;
    }
}

.order-list.design-1.usual-1.type-4 .order-item~.order-item {
    margin-top: 0.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.type-4 .order-item~.order-item {
        margin-top: 1rem;
    }
}

.order-list.design-1.usual-1.type-5 .order-item~.order-item {
    margin-top: 0.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.type-5 .order-item~.order-item {
        margin-top: 0.4rem;
    }
}

.order-list.design-1.usual-1.color-1 .order-item {
    color: #fff;
}

.order-list.design-1.usual-1.color-1 .order-item::before {
    color: #fff;
}

.order-list.design-1.usual-1.color-2 .order-item {
    color: rgb(83, 83, 83);
}

.order-list.design-1.usual-1.color-2 .order-item::before {
    color: rgb(83, 83, 83);
}

.order-list.design-1.usual-1.color-3 .order-item {
    color: rgb(115, 115, 115);
}

.order-list.design-1.usual-1.color-3 .order-item::before {
    color: rgb(115, 115, 115);
}

.order-list.design-1.usual-1.color-4 .order-item {
    color: rgb(196, 196, 196);
}

.order-list.design-1.usual-1.color-4 .order-item::before {
    color: rgb(196, 196, 196);
}

.order-list.design-1.usual-1.color-5 .order-item {
    color: rgb(40, 40, 40);
}

.order-list.design-1.usual-1.color-5 .order-item::before {
    color: rgb(40, 40, 40);
}

.order-list.design-1.usual-1.column-1 {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .order-list.design-1.usual-1.column-1 {
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        column-gap: 0;
    }
}

.card-box-display .card-box-inner {
    height: 100%;
    border-radius: 1.6rem;
    padding: 4rem 5rem;
}

.card-box-display .card-box-inner .order-list {
    margin-top: 2rem;
}

.card-box-display .card-box-inner .order-list .order-item {
    line-height: 3rem !important;
}

.card-box-display.color-1 .card-box-inner {
    background-color: #4B84F0;
}

.card-box-display.color-2 .card-box-inner {
    background-color: #336BCD;
}

.card-box-display.color-3 .card-box-inner {
    background-color: #2057B1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .card-box-display .card-box-inner {
        border-radius: 1.2rem;
        padding: 2.8rem 3rem;
    }

    .card-box-display .card-box-inner .order-list {
        margin-top: 1.2rem;
    }

    .card-box-display .card-box-inner .order-list .order-item {
        line-height: 2.4rem !important;
    }
}

.card-box-display.desgin-1 .card-box-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 1.3rem;
}

.card-box-display.desgin-1 .card-box-list+.btn-more-wrap {
    display: none;
}

.card-box-display.desgin-1 .card-item {
    width: calc(50% - 0.65rem);
    padding: 4.2rem 4.525% 4.2rem 5.657%;
    border: 0.1rem solid rgb(225, 230, 239);
    border-radius: 1.6rem;
    transition: box-shadow 0.5s;
}

.card-box-display.desgin-1 .card-item:hover {
    box-shadow: 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.1);
}

.card-box-display.desgin-1 .card-wrap {
    position: relative;
    padding-right: 3.2rem;
}

.card-box-display.desgin-1 .card-head .card-title {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 4.2rem;
    color: rgb(0, 0, 0);
    padding-right: 2rem;
    word-break: keep-all;
    word-wrap: break-word;
}

.card-box-display.desgin-1 .card-head .card-title:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.card-box-display.desgin-1 .card-head .btn-map {
    position: absolute;
    right: 0;
    top: 0;
    width: 3.2rem;
    height: 3.2rem;
    background: url(../images/common/icon/icon-map01.svg) no-repeat 50% 50%;
    background-size: contain;
}

.card-box-display.desgin-1 .card-head+.card-body {
    margin-top: 2rem;
}

.card-box-display.desgin-1 .card-body .card-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(0, 0, 0);
    word-break: keep-all;
    word-wrap: break-word;
}

.card-box-display.desgin-1 .card-body+.card-aside {
    margin-top: 1rem;
}

.card-box-display.desgin-1 .number-list .list-item {
    display: flex;
}

.card-box-display.desgin-1 .number-list .list-item p {
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(153, 153, 153);
}

.card-box-display.desgin-1 .number-list .list-name {
    font-weight: 600;
    flex: 0 0 3.8rem;
}

.card-box-display.desgin-1 .number-list .list-info {
    font-weight: 500;
    flex: 1 1 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .card-box-display.desgin-1 .card-box-list {
        display: block;
    }

    .card-box-display.desgin-1 .card-box-list+.btn-more-wrap {
        display: block;
        margin-top: 4rem;
    }

    .card-box-display.desgin-1 .card-item {
        width: initial;
        padding: 2.8rem;
    }

    .card-box-display.desgin-1 .card-item+.card-item {
        margin-top: 1rem;
    }

    .card-box-display.desgin-1 .card-item.mo-hide {
        display: none;
    }

    .card-box-display.desgin-1 .card-wrap {
        position: relative;
        padding-right: 0;
    }

    .card-box-display.desgin-1 .card-head .card-title {
        font-size: 2.2rem;
        line-height: 3.2rem;
        padding-right: 4.8rem;
    }

    .card-box-display.desgin-1 .card-head .btn-map {
        width: 2.8rem;
        height: 2.8rem;
    }

    .card-box-display.desgin-1 .card-head+.card-body {
        margin-top: 1.7rem;
    }

    .card-box-display.desgin-1 .card-body .card-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .card-box-display.desgin-1 .number-list .list-item p {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .card-box-display.desgin-1 .number-list .list-name {
        flex: 0 0 2.8rem;
    }
}

.chart-display {
    position: relative;
}

.chart-display .chart-wrap .picture {
    display: block;
}

.chart-display .chart-wrap .picture .img {
    width: 100%;
}

.chart-display .chart-wrap .chart-footer {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.chart-display.design-1 .chart-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6rem 2rem;
}

.chart-display.design-1 .chart-item {
    width: calc(50% - 1rem);
}

.chart-display.design-1 .chart-head {
    text-align: center;
}

.chart-display.design-1 .chart-head .title+.chart-caption {
    margin-top: 0.9rem;
}

.chart-display.design-1 .chart-head .chart-caption {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(115, 115, 115);
}

.chart-display.design-1 .chart-body {
    margin-top: 3rem;
    border: 0.1rem solid rgb(225, 230, 239);
    border-radius: 1.6rem;
    overflow: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .chart-display.design-1 .chart-list {
        display: block;
    }

    .chart-display.design-1 .chart-item {
        width: initial;
    }

    .chart-display.design-1 .chart-item+.chart-item {
        margin-top: 6rem;
    }

    .chart-display.design-1 .chart-head {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 1rem;
    }

    .chart-display.design-1 .chart-head .title {
        text-align: left;
    }

    .chart-display.design-1 .chart-head .title+.chart-caption {
        margin-top: 0;
    }

    .chart-display.design-1 .chart-head .chart-caption {
        text-align: right;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .chart-display.design-1 .chart-body {
        margin-top: 2.4rem;
        border: none;
    }
}

.guide-dataList-class {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin-bottom: 3rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: white;
    background: #2856CE;
    border-radius: 0.5rem;
}

.data-display {
    width: 100%;
}

.data-display .data-title.color-1 {
    color: rgb(0, 0, 0);
}

.data-display.design-1.case-1 .data-head+.data-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-1 .data-head+.data-body {
        padding-top: 4rem;
    }
}

.data-display.design-1.case-1 .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-1 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-1 .data-para+.data-para {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-1 .data-para2 {
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-1 .data-para2 {
        font-weight: 600;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-1 .large-v8 .name {
        font-size: 3.2rem;
        line-height: 4.6rem;
    }

    .data-display.design-1.case-1 .name {
        font-size: 3.2rem;
        line-height: 4.2rem;
    }
}

.data-display.design-1.case-2 .data-above .data-sup {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-2 .data-above .data-sup {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.data-display.design-1.case-2 .data-above .data-sup2 {
    font-family: "Hyosung";
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-2 .data-above .data-sup2 {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.data-display.design-1.case-2 .data-above+.data-head {
    padding-top: 0.6rem;
}

.data-display.design-1.case-2 .data-head+.data-body {
    padding-top: 4rem;

}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-2 .data-head+.data-body {
        padding-top: 2.4rem;
    }
}

.data-display.design-1.case-2 .data-body+.data-mean {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-2 .data-body+.data-mean {
        padding-top: 2.4rem;
    }
}

.data-display.design-1.case-2 .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-2 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-bottom: 2rem;
    }

    .data-display.design-1.case-2 .data-para+.data-para {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-2 .data-note {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-2 .data-note {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-2 .data-aside-title {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
}

.data-display.design-1.case-2 .data-aside-title+.data-aside-list {
    padding-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-2 .data-aside-title+.data-aside-list {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-3 .data-above .data-sup {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-3 .data-above .data-sup {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 3rem;
    }
}

.data-display.design-1.case-3 .data-above+.data-head {
    padding-top: 0.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-3 .data-above+.data-head {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-3 .data-head+.data-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-3 .data-head+.data-body {
        padding-top: 2.4rem;
    }

    .diagram-display.design-1 .diagram-head+.table-display {
        padding-top: 2.4rem;
    }
}

.data-display.design-1.case-3 .data-body+.data-mean {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-3 .data-body+.data-mean {
        padding-top: 2.4rem;
    }
}

.data-display.design-1.case-3 .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    word-break: keep-all;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-3 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-3 .data-para+.data-para {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-3 .data-note {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-3 .data-note {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-3 .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.data-display.design-1.case-4 .data-head+.data-attach {
    padding-top: 1.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-4 .data-head+.data-attach {
        padding-top: 0.4rem;
    }
}

.data-display.design-1.case-4 .data-attach+.data-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-4 .data-attach+.data-body {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-4 .data-caption {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-4 .data-caption {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.data-display.design-1.case-4 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-4 .data-para+.data-para {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-4 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.data-display.design-1.case-5 .data-head+.data-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-5 .data-head+.data-body {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-5 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-5 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-5 .data-para+.data-para {
    padding-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-5 .data-para+.data-para {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-5+.case-5 {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-5+.case-5 {
        padding-top: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-5 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.data-display.design-1.case-6 .data-head+.data-body {
    padding-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-6 .data-head+.data-body {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-6 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-6 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-6+.case-6 {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-6+.case-6 {
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-6 .name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.data-display.design-1.case-7 .data-above+.data-head {
    padding-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-7 .data-above+.data-head {
        padding-top: 0.4rem;
    }
}

.data-display.design-1.case-7 .data-sup {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-7 .data-sup {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2.2rem;
    }
}

.data-display.design-1.case-7 .data-head+.data-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-7 .data-head+.data-body {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-7 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

.data-display.design-1.case-7 .data-para.size-1 {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-7 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-7 .data-para.size-1 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-7 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.data-display.design-1.case-8 .data-head+.data-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-8 .data-head+.data-body {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-8 .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
}

.data-display.design-1.case-8 .data-note {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-8 .data-note {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-8 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-8 .data-para+.data-para {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-8 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.data-display.design-1.case-9 .data-above .data-sup {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-9 .data-above .data-sup {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.data-display.design-1.case-9 .data-above+.data-head {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-9 .data-above+.data-head {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-9 .data-head+.data-body {
    padding-top: 6rem;
}

.data-display.design-1.case-9 .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
}

.data-display.design-1.case-9 .data-para+.data-para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-9 .data-para+.data-para {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-9 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-9 .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.data-display.design-1.case-10 .data-head+.data-body {
    padding-top: 2rem;
}

.data-display.design-1.case-10 .data-attach+.data-body {
    padding-top: 3.2rem;
}

.data-display.design-1.case-10 .data-caption {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
}

.data-display.design-1.case-10 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

.data-display.design-1.case-11 .data-head+.data-body {
    padding-top: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-11 .data-head+.data-body {
        padding-top: 2rem;
    }
}

.data-display.design-1.case-11 .data-para {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-11 .data-para {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-11 .name {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.data-display.design-1.case-12 .data-head+.data-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-12 .data-head+.data-body {
        padding-top: 4rem;
    }
}

.data-display.design-1.case-12 .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
}

.data-display.design-1.case-12 .data-para.large-v1 {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-12 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-12 .data-para+.data-para {
        padding-top: 1rem;
    }

    .data-display.design-1.case-12 .data-para.bold-v1 {
        font-weight: 600;
        line-height: 2.2rem;
    }

    .data-display.design-1.case-12 .data-para.large-v1 {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }

    .data-display.design-1.case-12 .data-para.color-v1 {
        color: rgb(40, 40, 40);
    }
}

.data-display.design-1.case-12 .data-sub {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-12 .data-sub {
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-12 .name {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.data-display.design-1.case-13 .data-above+.data-head {
    padding-top: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-13 .data-above+.data-head {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-13 .data-sup {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-13 .data-sup {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.data-display.design-1.case-13 .data-head+.data-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-13 .data-head+.data-body {
        padding-top: 2.4rem;
    }
}

.data-display.design-1.case-13 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-13 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-13 .data-para+.data-para {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-13 .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.data-display.design-1.case-14 .data-head+.data-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-14 .data-head+.data-body {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-14 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-14 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-14 .data-para+.data-para {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-14 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.data-display.design-1.case-15 .data-head+.data-body {
    padding-top: 1.6rem;
}

.data-display.design-1.case-15 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-15 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-15 .data-para+.data-para {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-16 .data-head+.data-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-16 .data-head+.data-body {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-16 .data-para {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-16 .data-para {
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-17 .data-head+.data-body {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-17 .data-head+.data-body {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-17 .data-body+.data-aside {
    padding-top: 4rem;
}

.data-display.design-1.case-17 .data-title {
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-17 .data-title {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-17 .data-title+.data-para {
    padding-top: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-17 .data-title+.data-para {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-17 .data-title2 {
    font-family: "hyosung";
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

.data-display.design-1.case-17 .data-title2.color-1 {
    color: rgb(40, 40, 40);
}

.data-display.design-1.case-17 .data-title2+.data-title {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-17 .data-title2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .data-display.design-1.case-17 .data-title2+.data-title {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-17 .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-17 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-17 .data-aside .aside-title {
    display: inline-block;
}

.data-display.design-1.case-17 .data-aside .aside-title+.aside-list {
    padding-top: 0.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-17 .data-aside .aside-title+.aside-list {
        padding-top: 0;
    }
}

.data-display.design-1.case-17 .data-aside .aside-list {
    display: flex;
    flex-direction: column;
}

.data-display.design-1.case-17 .data-aside .aside-item {
    display: flex;
    gap: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-17 .data-aside .aside-item {
        gap: 0;
    }
}

.data-display.design-1.case-17 .data-aside .aside-title,
.data-display.design-1.case-17 .data-aside .aside-text {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    color: rgb(83, 83, 83);
}

@media (min-width: 280px) and (max-width: 1023px) {

    .data-display.design-1.case-17 .data-aside .aside-title,
    .data-display.design-1.case-17 .data-aside .aside-text {
        display: inline-block;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-17 .data-aside .aside-text+.aside-date {
        padding-left: 0.35rem;
    }

    .data-display.design-1.case-17 .data-aside .aside-text+.aside-text {
        padding-left: 0.7rem;
    }
}

.data-display.design-1.case-17+.data-display.case-17 {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-17+.data-display.case-17 {
        padding-top: 2rem;
    }
}

.data-display.design-1.case-18 .data-above+.data-head {
    padding-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-18 .data-above+.data-head {
        padding-top: 0.4rem;
    }
}

.data-display.design-1.case-18 .data-sup {
    font-size: 2rem;
    font-weight: 500;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-18 .data-sup {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2.2rem;
    }
}

.data-display.design-1.case-18 .data-head+.data-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-18 .data-head+.data-body {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-18 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-18 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-18 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.data-display.design-1.case-19 .data-head+.data-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-19 .data-head+.data-body {
        padding-top: 2.4rem;
    }
}

.data-display.design-1.case-19 .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-19 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-20 .data-head+.data-body {
    padding-top: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-20 .data-head+.data-body {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-20 .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-20 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-21 .data-head+.data-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-21 .data-head+.data-body {
        padding-top: 1.6rem;
    }
}

.data-display.design-1.case-21 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-21 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-21 .data-para+.data-para {
    padding-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-21 .data-para+.data-para {
        padding-top: 1rem;
    }
}

.data-display.design-1.case-22 .data-head+.data-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-22 .data-head+.data-body {
        padding-top: 2.4rem;
    }
}

.data-display.design-1.case-22 .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.data-display.design-1.case-22 .data-para+.data-para {
    padding-top: 1rem;
}

.data-display.design-1.case-22 .data-para.large-v1 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.4rem;
}

.data-display.design-1.case-22 .data-para.large-v1+.data-para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-22 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-22 .data-para.large-v1 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.data-display.design-1.case-22 .data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-22 .data-aside {
        padding-top: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-22 .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .data-display.design-1.case-22.type-1 .data-aside {
        padding-top: 4rem;
    }
}

.data-display.design-1.case-23 .data-body {
    padding-top: 1rem;
}

.data-display.design-1.case-23 .data-body .data-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.data-display.design-1.case-23 .data-mean {
    padding-top: 4rem;
}

.data-display.design-1.case-23 .data-mean .data-note {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.data-display.design-1.case-23 .data-mean .data-note+.data-note {
    margin-top: 0.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-23 .data-body {
        padding-top: 1.2rem;
    }

    .data-display.design-1.case-23 .data-body .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-23 .data-mean {
        padding-top: 3rem;
    }

    .data-display.design-1.case-23 .data-mean .data-note {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .data-display.design-1.case-23 .data-mean .data-note+.data-note {
        margin-top: 0.2rem;
    }
}

.data-display.design-1.case-24>.data-list>.data-item>.data-wrap>.data-body {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-24>.data-list>.data-item>.data-wrap>.data-body {
        margin-top: 4rem;
    }
}

.data-display.design-1.case-24>.data-list>.data-item>.data-wrap>.data-aside {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-24>.data-list>.data-item>.data-wrap>.data-aside {
        margin-top: 8rem;
    }
}

.data-display.design-1.case-25>.data-list>.data-item+.data-item {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-25>.data-list>.data-item+.data-item {
        margin-top: 8rem;
    }
}

.data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-body>.data-para {
    margin-top: 3rem;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-body>.data-para.large-v1 {
    font-family: "Hyosung";
    margin-top: 8rem;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(27, 75, 102);
}

.data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-body>.data-para.large-v1:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-body>.data-para.large-v1+.data-para {
    margin-top: 1.8rem;
}

.data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-body>.data-para.color-v1 {
    color: rgb(40, 40, 40);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-body>.data-para {
        margin-top: 1.6rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-body>.data-para.large-v1 {
        margin-top: 6rem;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-body>.data-para.large-v1+.data-para {
        margin-top: 1rem;
    }
}

.data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-aside {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-aside {
        margin-top: 4rem;
    }
}

.data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-foot {
    margin-top: 6rem;
}

.data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-foot>.data-para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-foot {
        margin-top: 4rem;
    }

    .data-display.design-1.case-25>.data-list>.data-item>.data-wrap>.data-foot>.data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
        text-align: left;
    }
}

.data-display.design-1.case-26 .sub-title {
    margin-top: 3rem;
    font-family: "hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3.6rem;
}

.data-display.design-1.case-26 .sub-title:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.data-display.design-1.case-26 .data-thumbnail {
    margin-top: 5rem;
}

.data-display.design-1.case-26 .data-head+.data-body {
    margin-top: 8rem;
}

.data-display.design-1.case-26 .data-para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.data-display.design-1.case-26 .data-aside {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-26 .sub-title {
        margin-top: 4rem;
        font-weight: 700;
        font-size: 2rem;
        line-height: 3.2rem;
    }

    .data-display.design-1.case-26 .data-thumbnail {
        margin-top: 6rem;
    }

    .data-display.design-1.case-26 .data-head+.data-body {
        margin-top: 4rem;
    }

    .data-display.design-1.case-26 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
        text-align: left;
    }

    .data-display.design-1.case-26 .data-aside {
        margin-top: 6rem;
    }
}

.data-display.design-1.case-27 .data-head.type-1 {
    max-width: 137.2rem;
    margin: 0 auto;
    padding: 0 1.8rem;
}

.data-display.design-1.case-27 .data-head.align-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.data-display.design-1.case-27 .data-aside {
    padding-top: 6rem;
}

.data-display.design-1.case-27 .data-aside .dart {
    text-align: center;
}

.data-display.design-1.case-27 .data-body {
    padding-top: 4rem;
}

.data-display.design-1.case-27 .data-para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-27 .data-aside {
        padding-top: 4rem;
    }

    .data-display.design-1.case-27 .data-body {
        padding-top: 2.4rem;
    }

    .data-display.design-1.case-27 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-28 .data-head.align-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.data-display.design-1.case-28 .data-body {
    padding-top: 3rem;
}

.data-display.design-1.case-28 .data-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.data-display.design-1.case-28 .data-para+.data-note {
    margin-top: 0.4rem;
}

.data-display.design-1.case-28 .data-para+.data-para {
    margin-top: 2rem;
}

.data-display.design-1.case-28 .data-para.medium-v1 {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.data-display.design-1.case-28 .data-note {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.data-display.design-1.case-28 .data-note+.data-note {
    margin-top: 0.4rem;
}

.data-display.design-1.case-28 .data-note.type-1 {
    padding-left: 0.9em;
    text-indent: -0.9em;
}

.data-display.design-1.case-28 .data-button {
    padding-top: 4rem;
}

.data-display.design-1.case-28.type-1 .data-body>.data-desc {
    font-family: "Pretendard", "Roboto", "NotoSansKR", sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 3.2rem;
    color: #535353;
    font-style: normal;
    white-space: pre-line;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-28.type-1 .data-body>.data-desc {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-28 .data-body {
        padding-top: 1.6rem;
    }

    .data-display.design-1.case-28 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-28 .data-para+.data-para {
        margin-top: 1rem;
    }

    .data-display.design-1.case-28 .data-para.medium-v1 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-28 .data-note {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .data-display.design-1.case-28 .data-note+.data-note {
        margin-top: 0;
    }

    .data-display.design-1.case-28.type-1 .data-head,
    .data-display.design-1.case-28.type-1 .data-body {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.data-display.design-1.case-29 .data-head+.data-body {
    padding-top: 3rem;
}

.data-display.design-1.case-29 .data-body~.data-mean {
    padding-top: 4rem;
}

.data-display.design-1.case-29 .data-body+.data-foot {
    padding-top: 3rem;
}

.data-display.design-1.case-29 .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

.data-display.design-1.case-29 .data-para+.data-para {
    padding-top: 2rem;
}

.data-display.design-1.case-29 .data-para .link-1 {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: rgb(75, 132, 240);
    text-decoration: underline;
}

.data-display.design-1.case-29+.case-29 {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-29 .data-head+.data-body {
        padding-top: 1.6rem;
    }

    .data-display.design-1.case-29 .data-body~.data-mean {
        padding-top: 3rem;
    }

    .data-display.design-1.case-29 .data-body+.data-foot {
        padding-top: 4rem;
    }

    .data-display.design-1.case-29 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-29 .data-para+.data-para {
        padding-top: 1rem;
    }

    .data-display.design-1.case-29+.case-29 {
        padding-top: 6rem;
    }
}

.data-display.design-1.case-30 .data-item+.data-item {
    padding-top: 3rem;
}

.data-display.design-1.case-30 .data-head+.data-body {
    padding-top: 0.8rem;
}

.data-display.design-1.case-30 .data-head+.data-body.type-1 {
    padding-top: 0.2rem;
}

.data-display.design-1.case-30 .data-body .data-body-item+.data-body-item {
    padding-top: 1.2rem;
}

.data-display.design-1.case-30 .data-body+.data-foot {
    padding-top: 4rem;
}

.data-display.design-1.case-30 .data-aside {
    padding-top: 4rem;
}

.data-display.design-1.case-30 .data-aside .data-aside-item+.data-aside-item {
    padding-top: 3rem;
}

.data-display.design-1.case-30 .data-foot .data-foot-item+.data-foot-item {
    padding-top: 3rem;
}

.data-display.design-1.case-30 .data-foot .data-foot-item .data-note {
    padding-top: 0.8rem;
}

.data-display.design-1.case-30 .data-index {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.data-display.design-1.case-30 .data-index+.data-index {
    padding-top: 0.8rem;
}

.data-display.design-1.case-30 .data-para {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.data-display.design-1.case-30 .data-para+.data-para {
    padding-top: 0.2rem;
}

.data-display.design-1.case-30 .data-para+.data-note {
    padding-top: 0.2rem;
}

.data-display.design-1.case-30 .data-para+.data-button {
    padding-top: 2.4rem;
}

.data-display.design-1.case-30 .data-note {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    padding-left: 1.7rem;
}

.data-display.design-1.case-30 .data-note .link-1 {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: rgb(75, 132, 240);
    text-decoration: underline;
}

.data-display.design-1.case-30 .data-note.type-1 {
    padding-left: 0;
}

.data-display.design-1.case-30.type-1 .data-aside {
    padding-top: 0;
}

.data-display.design-1.case-30.type-1 .data-aside .data-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-30 .data-head+.data-body {
        padding-top: 1rem;
    }

    .data-display.design-1.case-30 .data-head+.data-body.type-1 {
        padding-top: 1rem;
    }

    .data-display.design-1.case-30 .data-body .data-body-item+.data-body-item {
        padding-top: 1rem;
    }

    .data-display.design-1.case-30 .data-body+.data-foot {
        padding-top: 3rem;
    }

    .data-display.design-1.case-30 .data-aside {
        padding-top: 3rem;
    }

    .data-display.design-1.case-30 .data-foot .data-foot-item+.data-foot-item {
        padding-top: 1rem;
    }

    .data-display.design-1.case-30 .data-foot .data-foot-item .data-note {
        padding-top: 1rem;
    }

    .data-display.design-1.case-30 .data-index {
        font-size: 1.6rem;
        line-height: 2.2rem;
        padding-left: 1.15em;
        text-indent: -1.15em;
    }

    .data-display.design-1.case-30 .data-index+.data-index {
        padding-top: 1.1rem;
    }

    .data-display.design-1.case-30 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-30 .data-para+.data-para {
        padding-top: 1rem;
    }

    .data-display.design-1.case-30 .data-para+.data-note {
        padding-top: 0;
    }

    .data-display.design-1.case-30 .data-para+.data-button {
        padding-top: 4rem;
    }

    .data-display.design-1.case-30 .data-note {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-30 .data-note .link-1 {
        color: rgb(153, 153, 153);
        text-decoration: none;
    }

    .data-display.design-1.case-30.type-1 .data-aside {
        padding-top: 0;
    }

    .data-display.design-1.case-30.type-1 .data-aside .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-31 .data-above .data-logo .img {
    width: 17.6rem;
    max-width: 100%;
}

.data-display.design-1.case-31 .data-above+.data-head {
    padding-top: 6rem;
}

.data-display.design-1.case-31 .data-head .title+.sub-title {
    padding-top: 1rem;
}

.data-display.design-1.case-31 .data-head .sub-title {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.data-display.design-1.case-31 .data-head+.data-body {
    padding-top: 4rem;
}

.data-display.design-1.case-31 .data-aside {
    background-color: rgb(244, 248, 255);
    border-radius: 0.8rem;
    margin-top: 4rem;
    padding: 4rem;
}

.data-display.design-1.case-31 .data-aside .aside-title {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(9, 25, 67);
}

.data-display.design-1.case-31 .data-aside .aside-title+.aside-note {
    padding-top: 2rem;
}

.data-display.design-1.case-31 .data-aside .aside-note .aside-note-item {
    display: inline-block;
    padding-right: 4rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(27, 75, 102);
}

.data-display.design-1.case-31 .data-aside .aside-note .aside-note-item:last-child {
    padding-right: 0;
}

.data-display.design-1.case-31 .data-aside .aside-para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(9, 25, 67);
}

.data-display.design-1.case-31 .data-aside .aside-para+.aside-sub-para {
    margin-top: 2rem;
}

.data-display.design-1.case-31 .data-aside .aside-sub-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(83, 83, 83);
}

.data-display.design-1.case-31 .data-aside+.data-foot {
    padding-top: 4rem;
}

.data-display.design-1.case-31 .data-aside+.data-button {
    padding-top: 8rem;
}

.data-display.design-1.case-31 .data-para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.data-display.design-1.case-31 .data-para .bold {
    font-weight: 600;
}

.data-display.design-1.case-31 .data-para+.sub-para {
    padding-top: 1rem;
}

.data-display.design-1.case-31 .sub-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(83, 83, 83);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-31 .data-above .data-logo .img {
        width: 12rem;
    }

    .data-display.design-1.case-31 .data-above+.data-head {
        padding-top: 4rem;
    }

    .data-display.design-1.case-31 .data-head .title+.sub-title {
        padding-top: 0.6rem;
    }

    .data-display.design-1.case-31 .data-head .sub-title {
        font-size: 1.6rem;
        line-height: 3rem;
    }

    .data-display.design-1.case-31 .data-aside {
        border-radius: 0.4rem;
        padding: 2rem;
    }

    .data-display.design-1.case-31 .data-aside .aside-title {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .data-display.design-1.case-31 .data-aside .aside-title+.aside-title {
        margin-top: 1rem;
    }

    .data-display.design-1.case-31 .data-aside .aside-note .aside-note-item {
        display: block;
        padding-right: 0;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .data-display.design-1.case-31 .data-aside .aside-para {
        font-weight: 600;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-31 .data-aside .aside-sub-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-31 .data-aside+.data-button {
        padding-top: 4rem;
    }

    .data-display.design-1.case-31 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-31 .sub-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.data-display.design-1.case-32 .data-item {
    padding-bottom: 18rem;
}

.data-display.design-1.case-32 .data-item:last-child {
    padding-bottom: 0;
}

.data-display.design-1.case-32 .data-head {
    padding-bottom: 3rem;
    border-bottom: 0.1rem solid rgb(115, 115, 115);
}

.data-display.design-1.case-32 .data-head .data-title {
    font-family: "Poppins", "Hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(0, 0, 0);
}

.data-display.design-1.case-32 .data-head .data-title .num {
    padding-left: 1rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(75, 132, 240);
}

.data-display.design-1.case-32 .data-head+.data-body {
    padding-top: 6rem;
}

.data-display.design-1.case-32 .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-32 .data-item {
        padding-bottom: 10rem;
    }

    .data-display.design-1.case-32 .data-head {
        padding-bottom: 0;
        border-bottom: none;
    }

    .data-display.design-1.case-32 .data-head .data-title {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .data-display.design-1.case-32 .data-head .data-title .num {
        padding-left: 0.8rem;
        font-size: 1.8rem;
        line-height: 3.2rem;
    }

    .data-display.design-1.case-32 .data-head+.data-body {
        padding-top: 4rem;
    }

    .data-display.design-1.case-32 .data-body+.data-aside {
        padding-top: 4rem;
    }
}

.data-display.design-1.case-33 .data-item+.data-item {
    padding-top: 18rem;
}

.data-display.design-1.case-33 .data-head+.data-body {
    padding-top: 4rem;
}

.data-display.design-1.case-33 .data-body+.data-aside {
    padding-top: 4rem;
}

.data-display.design-1.case-33 .data-para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.data-display.design-1.case-33 .data-para+.data-para {
    padding-top: 3rem;
}

.data-display.design-1.case-33 .data-note {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.case-33 .data-item+.data-item {
        padding-top: 10rem;
    }

    .data-display.design-1.case-33 .data-head+.data-body {
        padding-top: 2.4rem;
    }

    .data-display.design-1.case-33 .data-body+.data-aside {
        padding-top: 2.4rem;
    }

    .data-display.design-1.case-33 .data-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-1.case-33 .data-para+.data-para {
        padding-top: 0.8rem;
    }

    .data-display.design-1.case-33 .data-note {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.space-1.align-3 {
        text-align: left;
    }
}

.data-display.design-1.space-2 .data-above+.data-head {
    padding-top: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.space-2 .data-above+.data-head {
        padding-top: 1rem;
    }
}

.data-display.design-1.space-2 .data-head+.data-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.space-2 .data-head+.data-body {
        padding-top: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.space-2.align-3 {
        text-align: left;
    }
}

.data-display.design-1.space-3 .data-above+.data-head {
    padding-top: 0.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.space-3 .data-above+.data-head {
        padding-top: 1rem;
    }
}

.data-display.design-1.space-3 .data-head+.data-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.space-3 .data-head+.data-body {
        padding-top: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.space-3.align-3 {
        text-align: left;
    }
}

.data-display.design-1.align-1 {
    text-align: left;
}

.data-display.design-1.align-2 {
    text-align: right;
}

.data-display.design-1.align-3 {
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.align-3 {
        text-align: left;
    }
}

.data-display.design-1.align-4 {
    text-align: left;
}

.data-display.design-1.align-5 {
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-1.align-5 .name {
        text-align: center;
    }

    .data-display.design-1.align-5 .data-para {
        text-align: left;
    }
}

.data-display.design-1.align-6 {
    text-align: center;
}

.data-display.design-1.color-1 .data-sup,
.data-display.design-1.color-1 .data-para {
    color: rgb(255, 255, 255);
}

.data-display.design-1.color-2 .data-para {
    color: rgb(0, 0, 0);
}

.data-display.design-1.color-3 .data-para {
    color: rgb(217, 217, 217);
}

.data-display.design-1.color-4 .data-para {
    color: rgb(0, 0, 0);
}

.data-display.design-1.color-4 .data-caption {
    color: rgb(83, 83, 83);
}

.data-display.design-1.color-5 .data-para {
    color: rgb(225, 230, 239);
}

.data-display.design-1.color-6 .data-para {
    color: rgb(40, 40, 40);
}

.data-display.design-1.color-6 .data-note {
    color: rgb(83, 83, 83);
}

.data-display.design-1.color-7 .data-para,
.data-display.design-1.color-7 .data-para2 {
    color: rgb(40, 40, 40);
}

.data-display.design-1.color-8 .data-para {
    color: rgb(40, 40, 40);
}

.data-display.design-1.color-9 .data-sup {
    color: rgb(227, 227, 227);
}

.data-display.design-1.color-9 .data-para {
    color: rgb(225, 230, 239);
}

.data-display.design-1.color-10 .data-para {
    color: rgb(40, 40, 40);
}

.data-display.design-1.color-10 .data-note {
    color: rgb(153, 153, 153);
}

.data-display.design-1.color-11 .data-para {
    color: rgb(40, 40, 40);
}

.data-display.design-1.color-12 .data-para {
    color: rgb(244, 248, 255);
}

.data-display.design-1.color-13 .data-para {
    color: rgb(255, 255, 255);
}

.data-display.design-1.color-14 .data-sup,
.data-display.design-1.color-14 .data-sup2 {
    color: rgb(0, 109, 70);
}

.data-display.design-1.color-14 .data-para {
    color: rgb(0, 0, 0);
}

.data-display.design-1.color-15 .data-head,
.data-display.design-1.color-15 .data-para,
.data-display.design-1.color-15 .data-note {
    color: rgb(255, 255, 255);
}

.data-display.design-1.color-16 .data-para {
    color: rgb(225, 230, 239);
}

.data-display.design-1.color-16 .data-title {
    color: rgb(255, 255, 255);
}

.data-display.design-1.color-17 .data-para {
    color: rgb(40, 40, 40);
}

.data-display.design-1.color-17 .data-note {
    color: rgb(115, 115, 115);
}

.data-display.design-1.color-18 .data-para {
    color: rgb(40, 40, 40);
}

.data-display.design-1.color-18 .data-note {
    color: rgb(0, 0, 0);
}

.data-display.design-2.case-1 .data-list {
    width: 100%;
}

/* ESG 관리영역 수정 */
.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 {
    padding-top: 14rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 {
    padding-top: 14rem;
}

.contents-article8 .title.color-1 .name {
    color: rgb(40, 40, 40);
}

.contents-article8 .data-display.design-2.case-1 .data-list {
    width: 100%;
    display: flex;
    gap: 20px;
}

.contents-article8 .data-display.design-2.case-1 .data-list .data-item .data-head {
    width: auto;
    margin-bottom: 4rem;
}

.contents-article8 .data-display.design-2.case-1 .data-list .data-item .data-body {
    width: 100%;
}

.contents-article8 .data-display.design-2.case-1 .data-list .data-item {
    flex-direction: column;
    flex: 1;
}

.contents-article8 .data-display.design-2.case-1 .data-list .data-item:first-child {
    margin-top: 4rem;
}

.contents-article8 .data-display.design-2.case-1 .data-list .data-item .data-head .name {
    color: rgb(40, 40, 40);
}

.contents-article8 .data-display.design-2.case-1 .data-list .data-item .data-head .summary {
    color: rgb(40, 40, 40);
}

.contents-article8 .board-display.design-2 .board-list .board-item {
    padding: 5rem 2rem 5rem 3rem;
}

.contents-article8 .board-display.design-2 .board-list .board-item .board-body .tag-display .tag-list .tag-item {
    font-size: 1.2rem;
    padding: 0.8rem;
}

.HTNCWED40D31W01 .contents-article8 .board-display.design-2 .board-list .board-item .board-body .tag-display .tag-list .tag-item {
    width: auto;
}

.HTNCWED40D31W01 .contents-article8 .board-display.design-2 .board-list .board-item {
    height: 440px;
}

/* 공정거래 수정 */
.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article9 {
    padding-top: 14rem;
    padding-bottom: 14rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article9 {
    padding-top: 14rem;
    padding-bottom: 14rem;
}

.HTNCWED40D31W01 .thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap {
    align-items: flex-start;
}

.HTNCWED40D31W01 .board-display.design-2 .board-list .board-item .board-head .name {
    font-size: 2.6rem;
}

.contents-article9 .thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item .data-body {
    color: rgb(40, 40, 40);
}

.contents-article9 .title {
    margin: 4rem 0;
}

.contents-article9 .title.color-1 .name {
    color: rgb(40, 40, 40);
    margin-bottom: 4rem;
}

.contents-article9 .data-display.design-2.case-1 .data-list .data-item .data-head {
    width: auto;
}

.contents-article9 .thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item .data-head {
    color: #4B84F0;
}

.contents-article9 .button.design-1.line-999.opacity-1 {
    border-color: rgb(196, 196, 196);
}

.contents-article9 .button.design-1.line-999.color-1 .button-text-core {
    color: rgb(40, 40, 40);
}

.contents-article9 .data-display.design-2.type-1 .data-head {
    color: #282828;
}

.data-display.design-2.case-1 .data-list .data-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.data-display.design-2.case-1 .data-list .data-item~.data-item {
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .contents-article8 .data-display.design-2.case-1 .data-list {
        flex-direction: column;
    }

    .HTNCWED40D31W01 .contents-article8 .board-display.design-2 .board-list .board-item {
        height: auto;
    }

    .data-display.design-2.case-1 .data-list .data-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .data-display.design-2.case-1 .data-list .data-item~.data-item {
        margin-top: 6rem;
    }
}

.data-display.design-2.case-1 .data-list .data-item .data-head {
    width: 33.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-2.case-1 .data-list .data-item .data-head {
        width: 100%;
        margin-bottom: 4rem;
    }
}

.data-display.design-2.case-1 .data-list .data-item .data-head .sup {
    font-size: 3.2rem;
    font-weight: 700;
    font-weight: "Hyosung";
    line-height: 150%;
    font-family: "Hyosung";
}

.data-display.design-2.case-1 .data-list .data-item .data-head .sup.color-1 {
    color: #1ABF52;
}

.data-display.design-2.case-1 .data-list .data-item .data-head .sup.color-2 {
    color: #4B84F0;
}

.data-display.design-2.case-1 .data-list .data-item .data-head .sup.color-3 {
    color: #8962DD;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-2.case-1 .data-list .data-item .data-head .sup {
        font-size: 1.8rem;
        margin-bottom: 0.8rem;
    }
}

.data-display.design-2.case-1 .data-list .data-item .data-head .name {
    font-family: "Poppins";
    font-size: 5.6rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 128.571%;
    margin-bottom: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-2.case-1 .data-list .data-item .data-head .name {
        font-size: 3.2rem;
        margin-bottom: 1.6rem;
    }
}

.data-display.design-2.case-1 .data-list .data-item .data-head .summary {
    font-size: 1.8rem;
    font-weight: 500;
    color: #ffffff;
    line-height: 177.778%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-2.case-1 .data-list .data-item .data-head .summary {
        font-size: 1.4rem;
    }
}

.data-display.design-2.case-1 .data-list .data-item .data-body {
    width: 56.4%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-2.case-1 .data-list .data-item .data-body {
        width: 100%;
    }
}

.data-display.design-2.case-2 .data-list .data-item .data-head {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-2.case-2 .data-list .data-item .data-head {
        margin-bottom: 1.6rem;
    }
}

.data-display.design-2.case-2 .data-list .data-item .data-body .button-display.form-1.align-3 .button-wrap {
    justify-content: flex-start;
}

.data-display.design-2.type-1 .data-head {
    color: #999999;
}

.data-display.design-2.type-2 .data-head {
    color: #282828;
}

.data-display.design-2.type-3 .data-head {
    color: #ffffff;
}

.data-display.design-3 .data-list .data-item~.data-item {
    margin-top: 4rem;
}

.data-display.design-3 .data-list .data-item .data-head .data-subject {
    font-family: "Hyosung";
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 700;
}

.data-display.design-3 .data-list .data-item .data-head .data-subject~.data-title {
    margin-top: 2.4rem;
}

.data-display.design-3 .data-list .data-item .data-head .data-title {
    font-family: "Hyosung";
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 700;
}

.data-display.design-3 .data-list .data-item .data-head~.data-body {
    margin-top: 1.6rem;
}

.data-display.design-3 .data-list .data-item .data-body+.data-aside {
    margin-top: 1.6rem;
}

.data-display.design-4 .data-list .data-item>.title.small-v3 {
    padding-bottom: 3rem;
}

.data-display.design-5 .data-list {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 1rem;
}

.data-display.design-5 .data-item {
    width: calc(50% - 0.5rem);
}

.data-display.design-5 .data-head {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.8rem;
    border-radius: 1.2rem;
    background-color: rgb(75, 132, 240);
}

.data-display.design-5 .data-head .name {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
}

.data-display.design-5 .data-body {
    height: calc(100% - 7.8rem);
    margin-top: 1rem;
    padding: 3rem 3.2rem 4rem 2.6rem;
    border-radius: 1.2rem;
    background-color: rgb(248, 249, 252);
}

.data-display.design-5 .data-body .info-list .list-item {
    position: relative;
    padding-left: 2.4rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgb(40, 40, 40);
}

.data-display.design-5 .data-body .info-list .list-item+.list-item {
    margin-top: 0.2rem;
}

.data-display.design-5 .data-body .info-list .list-item::before {
    content: "·";
    position: absolute;
    left: 0.8rem;
    top: 0;
    font-weight: inherit;
    font-size: 1.75em;
    line-height: inherit;
    color: inherit;
}

.data-display.design-5 .data-body .info-list .list-item .bold {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-5 .data-list {
        display: block;
    }

    .data-display.design-5 .data-item {
        width: 100%;
    }

    .data-display.design-5 .data-item+.data-item {
        margin-top: 2rem;
    }

    .data-display.design-5 .data-head {
        padding: 1.6rem;
        border-radius: 0.8rem;
    }

    .data-display.design-5 .data-head .name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .data-display.design-5 .data-body {
        height: initial;
        margin-top: 0.6rem;
        padding: 1.6rem;
        border-radius: 0.8rem;
    }

    .data-display.design-5 .data-body .info-list .list-item {
        padding-left: 2rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .data-display.design-5 .data-body .info-list .list-item+.list-item {
        margin-top: 0.6rem;
    }

    .data-display.design-5 .data-body .info-list .list-item::before {
        left: 0.6rem;
    }
}

.data-display.design-6 .sub-data-list {
    display: flex;
    gap: 2rem;
}

.data-display.design-6 .sub-data-item {
    width: calc(50% - 1rem);
}

.data-display.design-6 .sub-data-item .sub-data-head {
    padding: 2.5rem 1.8rem 2.3rem;
    text-align: center;
    border-radius: 1.2rem;
    background-color: rgb(27, 75, 102);
}

.data-display.design-6 .sub-data-item .sub-data-head .name {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
}

.data-display.design-6 .sub-data-item .sub-data-head+.sub-data-body {
    padding-top: 1rem;
}

.data-display.design-6 .sub-data-item .sub-data-body .info-list {
    display: flex;
    gap: 1rem;
}

.data-display.design-6 .sub-data-item .sub-data-body .info-list .list-item {
    width: calc(50% - 0.5rem);
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    padding: 3.7rem 1rem;
    text-align: center;
    border-radius: 1.2rem;
    border: 0.1rem solid rgb(225, 230, 239);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-6 .sub-data-list {
        display: block;
    }

    .data-display.design-6 .sub-data-item {
        width: 100%;
    }

    .data-display.design-6 .sub-data-item+.sub-data-item {
        margin-top: 2rem;
    }

    .data-display.design-6 .sub-data-item .sub-data-head {
        padding: 1.4rem;
    }

    .data-display.design-6 .sub-data-item .sub-data-head .name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .data-display.design-6 .sub-data-item .sub-data-head+.sub-data-body {
        padding-top: 0.6rem;
    }

    .data-display.design-6 .sub-data-item .sub-data-body .info-list {
        gap: 0.5rem;
    }

    .data-display.design-6 .sub-data-item .sub-data-body .info-list .list-item {
        width: calc(50% - 0.25rem);
        font-size: 1.6rem;
        line-height: 2.8rem;
        padding: 2rem 0.5rem;
    }
}

.data-display.design-7 .sub-data-item {
    display: flex;
    gap: 1rem;
    text-align: center;
}

.data-display.design-7 .sub-data-item+.sub-data-item {
    margin-top: 1rem;
}

.data-display.design-7 .sub-data-item [class*=sub-data-] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.data-display.design-7 .sub-data-item .sub-data-head {
    width: 24.252%;
}

.data-display.design-7 .sub-data-item .sub-data-body {
    width: calc(100% - 2rem - 24.252% - 32.71%);
}

.data-display.design-7 .sub-data-item .sub-data-foot {
    width: 32.71%;
}

.data-display.design-7 .sub-data-item .sub-data-foot .img {
    max-width: 100%;
}

.data-display.design-7 .sub-data-item .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
    color: rgb(255, 255, 255);
}

.data-display.design-7 .sub-data-item .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.data-display.design-7 .sub-data-item .name {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(27, 75, 102);
}

.data-display.design-7 .sub-data-item .name:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.data-display.design-7 .sub-data-item .para {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(83, 83, 83);
}

.data-display.design-7 .sub-data-item:first-of-type [class*=sub-data-] {
    padding: 2.5rem 0.5rem;
    border-radius: 1.2rem;
    background-color: rgb(27, 75, 102);
}

.data-display.design-7 .sub-data-item:first-of-type [class*=sub-data-].sub-data-foot {
    background-color: rgb(255, 124, 50);
}

.data-display.design-7 .sub-data-item:not(:first-of-type) [class*=sub-data-] {
    min-height: 11rem;
    padding: 2.2rem 0.5rem;
    border-radius: 1.2rem;
    border: 0.1rem solid rgb(225, 230, 239);
    background-color: rgb(248, 249, 252);
    overflow: hidden;
}

.data-display.design-7 .sub-data-item:not(:first-of-type) [class*=sub-data-].sub-data-foot {
    background-color: rgb(255, 255, 255);
    padding: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .data-display.design-7 .sub-data-item {
        gap: 0.6rem;
    }

    .data-display.design-7 .sub-data-item+.sub-data-item {
        margin-top: 0.6rem;
    }

    .data-display.design-7 .sub-data-item .sub-data-head {
        width: 18rem;
    }

    .data-display.design-7 .sub-data-item .sub-data-body {
        width: calc(100% - 1.2rem - 18rem - 22rem);
    }

    .data-display.design-7 .sub-data-item .sub-data-foot {
        width: 22rem;
    }

    .data-display.design-7 .sub-data-item .subject {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .data-display.design-7 .sub-data-item .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .data-display.design-7 .sub-data-item .para {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .data-display.design-7 .sub-data-item:first-of-type [class*=sub-data-] {
        padding: 1.4rem 0.5rem;
        border-radius: 0.6rem;
    }

    .data-display.design-7 .sub-data-item:not(:first-of-type) [class*=sub-data-] {
        min-height: 7.6rem;
        padding: 1.6em 0.5rem;
        border-radius: 0.6rem;
    }

    .data-display.design-7 .sub-data-item:not(:first-of-type) [class*=sub-data-].sub-data-foot {
        padding: 0;
    }
}

.guide-dataList .guide-dataList-case-wrap {
    display: flex;
    gap: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .data-display+.data-display {
    padding: 0;
}

.guide-dataList .guide-dataList-case-wrap .data-above,
.guide-dataList .guide-dataList-case-wrap .data-head,
.guide-dataList .guide-dataList-case-wrap .data-caption,
.guide-dataList .guide-dataList-case-wrap .data-body,
.guide-dataList .guide-dataList-case-wrap .data-para {
    position: relative;
}

.guide-dataList .guide-dataList-case-wrap .data-above::before,
.guide-dataList .guide-dataList-case-wrap .data-head::before,
.guide-dataList .guide-dataList-case-wrap .data-caption::before,
.guide-dataList .guide-dataList-case-wrap .data-body::before,
.guide-dataList .guide-dataList-case-wrap .data-para::before {
    display: flex;
    align-items: center;
    position: absolute;
    top: 100%;
    padding-left: 0.3rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
    border-left: 0.1rem dotted red;
    color: red;
}

.guide-dataList .guide-dataList-case-wrap .data-sup,
.guide-dataList .guide-dataList-case-wrap .name,
.guide-dataList .guide-dataList-case-wrap .data-body,
.guide-dataList .guide-dataList-case-wrap .data-caption,
.guide-dataList .guide-dataList-case-wrap .data-note,
.guide-dataList .guide-dataList-case-wrap .data-aside-title {
    position: relative;
    display: block;
}

.guide-dataList .guide-dataList-case-wrap .data-sup:hover::after,
.guide-dataList .guide-dataList-case-wrap .name:hover::after,
.guide-dataList .guide-dataList-case-wrap .data-body:hover::after,
.guide-dataList .guide-dataList-case-wrap .data-caption:hover::after,
.guide-dataList .guide-dataList-case-wrap .data-note:hover::after,
.guide-dataList .guide-dataList-case-wrap .data-aside-title:hover::after {
    position: absolute;
    top: 100%;
    left: 0;
    display: inline-block;
    padding: 1rem;
    font-family: "Hyosung";
    font-size: 1.4rem;
    line-height: 1;
    white-space: nowrap;
    background-color: #2856CE;
    color: white;
    z-index: 1;
}

.guide-dataList .guide-dataList-case-wrap .mo .data-para {
    position: relative;
}

.guide-dataList .guide-dataList-case-wrap .mo .data-para+.data-para::before {
    position: absolute;
    top: 0;
    left: 1%;
    padding-left: 0.3rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
    border-left: 0.1rem dotted red;
    color: red;
}

.guide-dataList .guide-dataList-case-wrap .case-1 .data-head::before {
    content: "60px";
    height: 6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-1 .name:hover::after {
    content: "font-size: 56px / font-weight: 700 / line-height: 72px";
}

.guide-dataList .guide-dataList-case-wrap .case-1 .data-body:hover::after {
    content: "font-size: 18px / font-weight: 500 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-1.mo .data-head+.data-body {
    padding-top: 4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-1.mo .data-head::before {
    content: "40px";
    height: 4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-1.mo .name {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-1.mo .name:hover::after {
    content: "font-size: 32px / font-weight: 700 / line-height: 42px";
}

.guide-dataList .guide-dataList-case-wrap .case-1.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-1.mo .data-para {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-1.mo .data-para+.data-para {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-1.mo .data-para+.data-para::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2 .data-above::before {
    content: "12px";
    height: 1.2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2 .data-sup:hover::after {
    content: "font-size: 24px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-2 .data-head::before {
    content: "40px";
    height: 4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2 .name:hover::after {
    content: "font-size: 32px / font-weight: 700 / line-height: 48px";
}

.guide-dataList .guide-dataList-case-wrap .case-2 .data-body:hover::after {
    content: "font-size: 18px / font-weight: 500 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-2 .data-body::before {
    content: "30px";
    height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2 .data-note:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 22px";
}

.guide-dataList .guide-dataList-case-wrap .case-2 .data-aside-title:hover::after {
    content: "font-size: 18px / font-weight: 700 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-above .data-sup {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-above .data-sup:hover::after {
    content: "font-size: 18px / font-weight: 700 / line-height: 30px";
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-head+.data-body {
    padding-top: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-head::before {
    content: "24px";
    height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .name:hover::after {
    content: "font-size: 24px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-body+.data-mean {
    padding-top: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-body::before {
    content: "24px";
    height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-para {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-para+.data-para {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-para+.data-para::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-note {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-note:hover::after {
    content: "font-size: 12px / font-weight: 500 / line-height: 20px";
}

.guide-dataList .guide-dataList-case-wrap .case-2.mo .data-aside-title+.data-aside-list {
    padding-top: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3 .data-above::before {
    content: "6px";
    height: 0.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3 .data-sup:hover::after {
    content: "font-size: 22px / font-weight: 600 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-3 .data-head::before {
    content: "40px";
    height: 4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3 .name:hover::after {
    content: "font-size: 32px / font-weight: 700 / line-height: 48px";
}

.guide-dataList .guide-dataList-case-wrap .case-3 .data-body:hover::after {
    content: "font-size: 18px / font-weight: 500 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .data-above .data-sup {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .data-above .data-sup:hover::after {
    content: "font-size: 18px / font-weight: 700 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .data-above+.data-head {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .data-above::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .data-head+.data-body {
    padding-top: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .data-head::before {
    content: "24px";
    height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .name:hover::after {
    content: "font-size: 24px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .data-para {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .data-para+.data-para {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-3.mo .data-para+.data-para::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4 .data-head::before {
    content: "14px";
    height: 1.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4 .name:hover::after {
    content: "font-size: 32px / font-weight: 700 / line-height: 48px";
}

.guide-dataList .guide-dataList-case-wrap .case-4 .data-caption:hover::after {
    content: "font-size: 20px / font-weight: 700 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-4 .data-caption::before {
    content: "30px";
    height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4 .data-body:hover::after {
    content: "font-size: 16px / font-weight: 500 / line-height: 28px";
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .data-head+.data-attach {
    padding-top: 0.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .data-head::before {
    content: "4px";
    height: 0.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .name {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .name:hover::after {
    content: "font-size: 18px / font-weight: 700 / line-height: 30px";
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .data-attach+.data-body {
    padding-top: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .data-caption {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .data-caption:hover::after {
    content: "font-size: 14px / font-weight: 700 / line-height: 22px";
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .data-caption::before {
    content: "16px";
    height: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .data-body:hover::after {
    content: "font-size: 16px / font-weight: 500 / line-height: 28px";
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .data-para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .data-para+.data-para {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-4.mo .data-para+.data-para::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-5 .data-head::before {
    content: "30px";
    height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-5 .name:hover::after {
    content: "font-size: 28px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-5 .data-body:hover::after {
    content: "font-size: 16px / font-weight: 500 / line-height: 28px";
}

.guide-dataList .guide-dataList-case-wrap .case-5 .data-para+.data-para::before {
    content: "20px";
    top: 0;
    left: 1%;
    height: 2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-5.mo .data-head+.data-body {
    padding-top: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-5.mo .data-head::before {
    content: "16px";
    height: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-5.mo .name {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-5.mo .name:hover::after {
    content: "font-size: 18px / font-weight: 700 / line-height: 30px";
}

.guide-dataList .guide-dataList-case-wrap .case-5.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-5.mo .data-para {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-5.mo .data-para+.data-para {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-5.mo .data-para+.data-para::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-6 .data-head::before {
    content: "20px";
    height: 2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-6 .name:hover::after {
    content: "font-size: 24px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-6 .data-body:hover::after {
    content: "font-size: 16px / font-weight: 500 / line-height: 28px";
}

.guide-dataList .guide-dataList-case-wrap .case-6.mo .data-head+.data-body {
    padding-top: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-6.mo .data-head::before {
    content: "16px";
    height: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-6.mo .name {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-6.mo .name:hover::after {
    content: "font-size: 16px / font-weight: 700 / line-height: 26px";
}

.guide-dataList .guide-dataList-case-wrap .case-6.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-6.mo .data-para {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-7 .data-above::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-7 .data-sup:hover::after {
    content: "font-size: 24px / font-weight: 500 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-7 .data-head::before {
    content: "40px";
    height: 4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-7 .name:hover::after {
    content: "font-size: 28px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-7 .data-body:hover::after {
    content: "font-size: 16px / font-weight: 500 / line-height: 28px";
}

.guide-dataList .guide-dataList-case-wrap .case-7.mo .data-above+.data-head {
    padding-top: 0.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-7.mo .data-above::before {
    content: "4px";
    height: 0.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-7.mo .data-sup {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-7.mo .data-sup:hover::after {
    content: "font-size: 14px / font-weight: 700 / line-height: 22px";
}

.guide-dataList .guide-dataList-case-wrap .case-7.mo .data-head+.data-body {
    padding-top: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-7.mo .data-head::before {
    content: "16px";
    height: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-7.mo .name {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-7.mo .name:hover::after {
    content: "font-size: 18px / font-weight: 700 / line-height: 30px";
}

.guide-dataList .guide-dataList-case-wrap .case-7.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-7.mo .data-para {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-8 .data-head::before {
    content: "30px";
    height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-8 .name:hover::after {
    content: "font-size: 28px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-8 .data-body:hover::after {
    content: "font-size: 18px / font-weight: 500 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-8.mo .data-head+.data-body {
    padding-top: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-8.mo .data-head::before {
    content: "16px";
    height: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-8.mo .name {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-8.mo .name:hover::after {
    content: "font-size: 18px / font-weight: 700 / line-height: 30px";
}

.guide-dataList .guide-dataList-case-wrap .case-8.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-8.mo .data-para {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-8.mo .data-para+.data-para {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-8.mo .data-para+.data-para::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-9 .data-head::before {
    content: "60px";
    height: 6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-9 .name:hover::after {
    content: "font-size: 32px / font-weight: 700 / line-height: 48px";
}

.guide-dataList .guide-dataList-case-wrap .case-9 .data-body:hover::after {
    content: "font-size: 18px / font-weight: 500 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-9 .data-para+.data-para::before {
    content: "16px";
    top: 0;
    left: 1%;
    height: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-9.mo .name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-9.mo .name:hover::after {
    content: "font-size: 24px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-9.mo .data-body:hover::after {
    content: "font-size: 18px / font-weight: 500 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-9.mo .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-9.mo .data-para+.data-para {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-9.mo .data-para+.data-para::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-10 .data-head::before {
    content: "20px";
    height: 2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-10 .name:hover::after {
    content: "font-size: 52px / font-weight: 700 / line-height: 72px";
}

.guide-dataList .guide-dataList-case-wrap .case-10 .data-body:hover::after {
    content: "font-size: 16px / font-weight: 500 / line-height: 28px";
}

.guide-dataList .guide-dataList-case-wrap .case-10.mo .name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-10.mo .name:hover::after {
    content: "font-size: 24px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-10.mo .data-body:hover::after {
    content: "font-size: 18px / font-weight: 500 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-10.mo .data-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-11 .data-head::before {
    content: "42px";
    height: 4.2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-11 .name:hover::after {
    content: "font-size: 64px / font-weight: 700 / line-height: 76px";
}

.guide-dataList .guide-dataList-case-wrap .case-11 .data-body:hover::after {
    content: "font-size: 20px / font-weight: 600 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-11.mo .data-head+.data-body {
    padding-top: 2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-11.mo .data-head::before {
    content: "20px";
    height: 2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-11.mo .name {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-11.mo .name:hover::after {
    content: "font-size: 32px / font-weight: 700 / line-height: 40px";
}

.guide-dataList .guide-dataList-case-wrap .case-11.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-11.mo .data-para {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-12 .data-head::before {
    content: "60px";
    height: 6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-12 .name:hover::after {
    content: "font-size: 64px / font-weight: 700 / line-height: 76px";
}

.guide-dataList .guide-dataList-case-wrap .case-12 .data-body:hover::after {
    content: "font-size: 18px / font-weight: 500 / line-height: 32px";
}

.guide-dataList .guide-dataList-case-wrap .case-12.mo .data-head+.data-body {
    padding-top: 4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-12.mo .data-head::before {
    content: "40px";
    height: 4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-12.mo .name {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-12.mo .name:hover::after {
    content: "font-size: 32px / font-weight: 700 / line-height: 40px";
}

.guide-dataList .guide-dataList-case-wrap .case-12.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-12.mo .data-para {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-12.mo .data-para+.data-para {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-12.mo .data-para+.data-para::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13 .data-above::before {
    content: "12px";
    height: 1.2rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13 .data-sup:hover::after {
    content: "font-size: 24px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-13 .data-head::before {
    content: "40px";
    height: 4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13 .name:hover::after {
    content: "font-size: 64px / font-weight: 700 / line-height: 76px";
}

.guide-dataList .guide-dataList-case-wrap .case-13 .data-body:hover::after {
    content: "font-size: 16px / font-weight: 500 / line-height: 28px";
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .data-above+.data-head {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .data-above::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .data-sup {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .data-sup:hover::after {
    content: "font-size: 24px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .data-head+.data-body {
    padding-top: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .data-head::before {
    content: "24px";
    height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .name:hover::after {
    content: "font-size: 24px / font-weight: 700 / line-height: 36px";
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .data-para {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .data-para+.data-para {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-13.mo .data-para+.data-para::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-14 .data-head::before {
    content: "30px";
    height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-14 .name:hover::after {
    content: "font-size: 64px / font-weight: 700 / line-height: 76px";
}

.guide-dataList .guide-dataList-case-wrap .case-14 .data-body:hover::after {
    content: "font-size: 16px / font-weight: 500 / line-height: 28px";
}

.guide-dataList .guide-dataList-case-wrap .case-14.mo .data-head+.data-body {
    padding-top: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-14.mo .data-head::before {
    content: "16px";
    height: 1.6rem;
}

.guide-dataList .guide-dataList-case-wrap .case-14.mo .name {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3rem;
}

.guide-dataList .guide-dataList-case-wrap .case-14.mo .name:hover::after {
    content: "font-size: 18px / font-weight: 700 / line-height: 30px";
}

.guide-dataList .guide-dataList-case-wrap .case-14.mo .data-body:hover::after {
    content: "font-size: 14px / font-weight: 500 / line-height: 24px";
}

.guide-dataList .guide-dataList-case-wrap .case-14.mo .data-para {
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.guide-dataList .guide-dataList-case-wrap .case-14.mo .data-para+.data-para {
    padding-top: 1rem;
}

.guide-dataList .guide-dataList-case-wrap .case-14.mo .data-para+.data-para::before {
    content: "10px";
    height: 1rem;
}

.guide-dataList .guide-dataList-color-wrap .data-sup,
.guide-dataList .guide-dataList-color-wrap .name,
.guide-dataList .guide-dataList-color-wrap .data-body,
.guide-dataList .guide-dataList-color-wrap .data-caption,
.guide-dataList .guide-dataList-color-wrap .data-note,
.guide-dataList .guide-dataList-color-wrap .data-aside-title {
    position: relative;
    display: block;
}

.guide-dataList .guide-dataList-color-wrap .data-sup:hover::after,
.guide-dataList .guide-dataList-color-wrap .name:hover::after,
.guide-dataList .guide-dataList-color-wrap .data-body:hover::after,
.guide-dataList .guide-dataList-color-wrap .data-caption:hover::after,
.guide-dataList .guide-dataList-color-wrap .data-note:hover::after,
.guide-dataList .guide-dataList-color-wrap .data-aside-title:hover::after {
    position: absolute;
    top: 100%;
    left: 50%;
    display: inline-block;
    padding: 1rem;
    font-family: "Hyosung";
    font-size: 1.4rem;
    line-height: 1;
    white-space: nowrap;
    background-color: #2856CE;
    color: white;
    z-index: 1;
    transform: translateX(-50%);
}

.guide-dataList .guide-dataList-color-wrap .color-1 .data-sup:hover:after {
    content: "#FFFFFF";
}

.guide-dataList .guide-dataList-color-wrap .color-1 .name:hover::after {
    content: "#FFFFFF";
}

.guide-dataList .guide-dataList-color-wrap .color-1 .data-body:hover::after {
    content: "#FFFFFF";
}

.guide-dataList .guide-dataList-color-wrap .color-2 .name:hover::after {
    content: "#000000";
}

.guide-dataList .guide-dataList-color-wrap .color-2 .data-body:hover::after {
    content: "#000000";
}

.guide-dataList .guide-dataList-color-wrap .color-3 .name:hover::after {
    content: "#D9D9D9";
}

.guide-dataList .guide-dataList-color-wrap .color-3 .data-body:hover::after {
    content: "#D9D9D9";
}

.guide-dataList .guide-dataList-color-wrap .color-4 .name:hover::after {
    content: "#000000";
}

.guide-dataList .guide-dataList-color-wrap .color-4 .data-caption:hover::after {
    content: "#535353";
}

.guide-dataList .guide-dataList-color-wrap .color-4 .data-body:hover::after {
    content: "#000000";
}

.guide-dataList .guide-dataList-color-wrap .color-5 .name:hover::after {
    content: "#FFFFFF";
}

.guide-dataList .guide-dataList-color-wrap .color-5 .data-body:hover::after {
    content: "#E1E6EF";
}

.guide-dataList .guide-dataList-color-wrap .color-6 .name:hover::after {
    content: "#FFFFFF";
}

.guide-dataList .guide-dataList-color-wrap .color-6 .data-body:hover::after {
    content: "#282828";
}

.guide-dataList .guide-dataList-color-wrap .color-6 .data-note:hover::after {
    content: "#535353";
}

.guide-dataList .guide-dataList-color-wrap .color-7 .name:hover::after {
    content: "#1B4B66";
}

.guide-dataList .guide-dataList-color-wrap .color-7 .data-body:hover::after {
    content: "#282828";
}

.guide-dataList .guide-dataList-color-wrap .color-8 .name:hover::after {
    content: "#2856CE";
}

.guide-dataList .guide-dataList-color-wrap .color-8 .data-body:hover::after {
    content: "#282828";
}

.guide-dataList .guide-dataList-color-wrap .color-9 .data-sup:hover::after {
    content: "#E3E3E3";
}

.guide-dataList .guide-dataList-color-wrap .color-9 .name:hover::after {
    content: "#A5A9FF";
}

.guide-dataList .guide-dataList-color-wrap .color-9 .data-body:hover::after {
    content: "#E1E6EF";
}

.guide-dataList .guide-dataList-color-wrap .color-10 .name:hover::after {
    content: "#000000";
}

.guide-dataList .guide-dataList-color-wrap .color-10 .data-body:hover::after {
    content: "#282828";
}

.guide-dataList .guide-dataList-color-wrap .color-10 .data-note:hover::after {
    content: "#999999";
}

.guide-dataList .guide-dataList-color-wrap .color-11 .name:hover::after {
    content: "#4B84F0";
}

.guide-dataList .guide-dataList-color-wrap .color-11 .data-body:hover::after {
    content: "#282828";
}

.guide-dataList .guide-dataList-color-wrap .color-12 .name:hover::after {
    content: "#FFFFFF";
}

.guide-dataList .guide-dataList-color-wrap .color-12 .data-body:hover::after {
    content: "#F4F8FF";
}

.guide-dataList .guide-dataList-color-wrap .color-13 .name:hover::after {
    content: "#87D3FE";
}

.guide-dataList .guide-dataList-color-wrap .color-13 .data-body:hover::after {
    content: "#FFFFFF";
}

.guide-dataList .data-above::before,
.guide-dataList .data-head::before,
.guide-dataList .data-caption::before,
.guide-dataList .data-body::before {
    left: 1%;
}

.ui-datepicker {
    width: 100%;
    max-width: 26.7rem;
    padding: 1.4rem 2.1rem 2.6rem;
    background-color: #fff;
    color: #091943;
    margin-top: 0.8rem;
    border-radius: 1.2rem;
    font-family: "Pretendard", "Roboto", "NotoSansKR", sans-serif;
}

.ui-datepicker.ui-widget.ui-widget-content {
    border: 0.1rem solid rgb(225, 230, 239);
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.6rem 2rem;
    color: #091943;
    border-radius: 1.2rem;
    border: none;
    background-color: #F4F8FF;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: block;
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 50%;
    margin-top: -1rem;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0;
    text-indent: -99999px;
    background-size: 0.6rem auto;
    background-repeat: no-repeat;
    background-position: center;
}

.ui-datepicker .ui-datepicker-prev {
    left: 1.8rem;
}

.ui-datepicker .ui-datepicker-prev .ui-icon {
    background-image: url(../images/common/icon/icon-left-arrow04.svg);
}

.ui-datepicker .ui-datepicker-next {
    right: 1.8rem;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
    background-image: url(../images/common/icon/icon-right-arrow04.svg);
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
    padding: 0 3rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle;
    padding: 0 0.1rem;
}

.ui-datepicker .ui-datepicker-calendar {
    margin-top: 1.4rem;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar thead th {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.8rem;
    color: #999;
    padding: 0;
}

.ui-datepicker .ui-datepicker-calendar thead th span {
    font-weight: inherit;
}

.ui-datepicker .ui-datepicker-calendar tbody td {
    padding: 0.2rem 0 0;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #091943;
}

.ui-datepicker .ui-datepicker-calendar tbody td .ui-state-default {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.2rem 0;
    color: inherit;
    border: none;
    background: transparent;
    font-weight: inherit;
    text-align: center;
    border-radius: 1.2rem;
}

.ui-datepicker .ui-datepicker-calendar tbody td .ui-state-active {
    color: #fff;
    background: #FFC633;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-button:hover,
.ui-datepicker .ui-button:focus {
    border: none;
    background: transparent;
}

.diagram-display {
    position: relative;
}

.diagram-display .diagram-wrap .diagram-footer {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.diagram-display.design-1 .diagram-wrap {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
}

.diagram-display.design-1 .diagram-wrap .diagram-body {
    position: relative;
    width: 100%;
}

.diagram-display.design-1 .diagram-wrap .picture {
    display: block;
    width: 100%;
    padding-bottom: 1rem;
    margin: 3rem 0;
    overflow: hidden;
    overflow-x: auto;
    text-align: center;
}

.diagram-display.design-1 .diagram-wrap .picture .img {
    width: 100%;
}

.diagram-display.design-1 .diagram-wrap .picture .img_human-01-pc {
    width: 100%;
    min-width: 82rem;
}

.diagram-display.design-1 .diagram-wrap .picture .img_diagram-winwin {
    width: 100%;
    text-align: center;
}

.data-display .design-1 .data-wrap .diagram-body {
    position: relative;
    width: 100%;
}

.data-display .design-1 .data-wrap .picture {
    display: block;
    width: 100%;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    overflow: hidden;
    overflow-x: auto;
}

.data-display .design-1 .data-wrap .picture {
    width: 100%;
    min-width: 82rem;
}

.diagram-display .design-2 .diagram-wrap {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
}


/*240604 박서정 추가 상생경영 추진 조직*/
.visual-data.style-g {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 111rem;
    margin: 10rem auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .visual-data.style-g {
        max-width: 100%;
    }
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 13rem;
    column-gap: 13rem;
    row-gap: 8rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body {
        flex-direction: column;
        -moz-column-gap: 0rem;
        column-gap: 0rem;
        row-gap: 1.5rem;
        padding-left: 3.1rem;
        padding-right: 2.2rem;
    }

    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body::before {
        content: "";
        position: absolute;
        display: block;
        top: 2.7rem;
        left: 2.2rem;
        width: 0.1rem;
        height: calc(100% - 2.7rem - 8.5rem);
        background: #CFCFCF;
    }
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li {
    position: relative;
    width: calc(50% - 6.5rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li {
        width: 100%;
    }
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li::after {
    content: "";
    position: absolute;
    display: block;
    background: #CFCFCF;
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(1)::after {
    top: 3.5rem;
    left: 100%;
    width: 13rem;
    height: 0.1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(1)::before {
        content: "";
        position: absolute;
        display: block;
        top: 2.7rem;
        right: 100%;
        width: 0.9rem;
        height: 0.1rem;
        background: #CFCFCF;
    }
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(1) .title {
    background: #0934A4;
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(2)::after {
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0.1rem;
    height: 8rem;
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(3) {
    order: 4;
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(3)::after {
    top: 3.5rem;
    right: 100%;
    width: 13rem;
    height: 0.1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(3) {
        order: 3;
    }
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(4) {
    order: 3;
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(4)::after {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0.1rem;
    height: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(4) {
        order: 4;
    }

    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(4)::after {
        display: none;
    }

    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(4)::before {
        content: "";
        position: absolute;
        display: block;
        top: 2.7rem;
        right: 100%;
        width: 0.9rem;
        height: 0.1rem;
        background: #CFCFCF;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {

    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(1)::after,
    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(2)::after,
    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li:nth-child(3)::after {
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 0.1rem;
        height: 1.5rem;
    }
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li .title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 6.8rem;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #fff;
    background: #2F73F2;
    border: 0.6rem solid #C0D4FB;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li .title {
        height: 5.2rem;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1.7rem;
    }
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li .data-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 2.6rem;
    background: #F3F5FA;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li .data-display {
        padding: 2.1rem 2.6rem;
    }
}

.visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li .data-display li {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #282828;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .visual-data.style-g .visual-data-wrap .visual-data-inner .visual-data-content .data-body>li .data-display li {
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

.contents-article3 .data-footer {
    margin-top: 8rem;
}

.contents-article3 .data-footer li {
    position: relative;
    padding-left: 2.3rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3rem;
    text-align: justify;
    word-break: break-all;
}

/*e*/


@media (min-width: 280px) and (max-width: 1023px) {
    .diagram-display.design-2 .diagram-wrap .diagram-body {
        overflow: hidden;
        overflow-x: auto;
        margin-left: -1.8rem;
        margin-right: -1.8rem;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-bottom: 1rem;
    }

    .diagram-display.design-2 .diagram-wrap .diagram-body::-webkit-scrollbar {
        border-radius: 1rem;
        height: 0.4rem;
    }

    .diagram-display.design-2 .diagram-wrap .diagram-body::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .diagram-display.design-2 .diagram-wrap .diagram-body::-webkit-scrollbar-track {
        margin-left: 1.8rem;
        margin-right: 1.8rem;
        background-color: #eee;
        border-radius: 1rem;
    }
}

.diagram-display.design-2 .diagram-wrap .diagram-body .picture {
    display: block;
}

.diagram-display.design-2 .diagram-wrap .diagram-body .picture .img {
    width: 100%;
}

.diagram-display .scroll {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .diagram-display .scroll {
        display: block;
        width: 100%;
        height: 100%;
        padding-left: 4.5vw;
        max-height: 29.4vw;
        position: absolute;
        top: 27%;
        left: 0;
        overflow: hidden;
        overflow-x: auto;
    }

    .diagram-display .scroll::-webkit-scrollbar {
        background-color: #eee;
        border-radius: 1rem;
        height: 0.4rem;
    }

    .diagram-display .scroll::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .diagram-display .scroll .scroll-mo {
        padding-left: 1.8rem;
        padding-right: 0.8rem;
        padding-bottom: 1rem;
        margin-right: -1.8rem;
        margin-left: -1.8rem;
    }
}

.diagram-display .scroll-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .diagram-display .scroll-1 {
        display: block;
        width: 100%;
        height: 100%;
        max-height: 45vw;
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        overflow-x: auto;
    }

    .diagram-display .scroll-1::-webkit-scrollbar {
        background-color: #eee;
        border-radius: 1rem;
        height: 0.4rem;
    }

    .diagram-display .scroll-1::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .diagram-display .scroll-1 .scroll-mo {
        padding-left: 1.8rem;
        margin-right: -1.8rem;
        margin-left: -1.8rem;
    }
}

.green-management-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}

.green-management-box.design-1 {
    max-width: 102.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .green-management-box.design-1 {
        flex-direction: column;
        align-items: center;
    }
}

.green-management-box.design-1 .green-item {
    background-color: #4D51AC;
    border: 1px solid #383957;
    border-radius: 1.6rem;
    max-width: 32.8rem;
    height: 26rem;
    width: 100%;
    transition: all 0.5s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .green-management-box.design-1 .green-item {
        height: auto;
    }
}

.green-management-box.design-1 .green-item.middle {
    margin: 0 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .green-management-box.design-1 .green-item.middle {
        margin: 1.6rem 0;
    }
}

.green-management-box.design-1 .green-item .green-item-title {
    color: #fff;
    font-family: "Brand New Hyosung OTF";
    text-align: center;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.6rem;
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .green-management-box.design-1 .green-item .green-item-title {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.green-management-box.design-1 .green-item .green-item-body {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding: 3.2rem 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .green-management-box.design-1 .green-item .green-item-body {
        line-height: 2.4rem;
    }
}

.green-management-box.design-2 {
    max-width: 67.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .green-management-box.design-2 {
        flex-direction: column;
        align-items: center;
    }
}

.green-management-box.design-2 .green-item {
    background-color: #DA7828;
    border: 1px solid #A6520D;
    border-radius: 1.6rem;
    max-width: 32.8rem;
    height: 26rem;
    width: 100%;
    transition: all 0.5s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .green-management-box.design-2 .green-item {
        height: auto;
    }

    .green-management-box.design-2 .green-item.top {
        margin-top: 1.6rem;
    }
}

.green-management-box.design-2 .green-item .green-item-title {
    color: #fff;
    font-family: "Brand New Hyosung OTF";
    text-align: center;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.6rem;
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .green-management-box.design-2 .green-item .green-item-title {
        font-size: 1.8rem;
        line-height: 3rem;
        padding-top: 3.2rem;
    }
}

.green-management-box.design-2 .green-item .green-item-body {
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.2rem;
    padding: 3.2rem 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .green-management-box.design-2 .green-item .green-item-body {
        line-height: 2.4rem;
        padding: 1rem 8rem 3.2rem;
    }
}

.climate-change-box {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 127.6rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box {
        flex-direction: column;
        align-items: center;
    }
}

.climate-change-box.design-1 .climate-change-item {
    width: 31.9rem;
    height: 29.2rem;
    padding: 4rem;
    position: relative;
    background-color: #69A2FF;
    border-radius: 4.6rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all 0.5s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-1 .climate-change-item {
        height: 13.2rem;
        border-radius: 3.2rem;
        justify-content: center;
        width: 33.9rem;
        padding: 3rem;
        flex-direction: unset;
        align-items: center;
        justify-content: flex-start;
    }
}

.climate-change-box.design-1 .climate-change-item:nth-child(1) .climate-change-body {
    max-width: 22.9rem;
    width: 100%;
}

.climate-change-box.design-1 .climate-change-item:nth-child(2) {
    background-color: #4B84F0;
    margin: 0 1rem 0 2rem;
}

.climate-change-box.design-1 .climate-change-item:nth-child(2) .climate-change-body {
    max-width: 16.4rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-1 .climate-change-item:nth-child(2) .climate-change-body {
        max-width: 17.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-1 .climate-change-item:nth-child(2) {
        margin: 0.8rem 0 0.4rem;
    }
}

.climate-change-box.design-1 .climate-change-item:nth-child(3) {
    background-color: #336BCD;
    margin: 0 2rem 0 1rem;
}

.climate-change-box.design-1 .climate-change-item:nth-child(3) .climate-change-body {
    max-width: 21.9rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-1 .climate-change-item:nth-child(3) .climate-change-body {
        max-width: 22.9rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-1 .climate-change-item:nth-child(3) {
        margin: 0.4rem 0 0.8rem;
    }
}

.climate-change-box.design-1 .climate-change-item:nth-child(4) {
    background-color: #2057B1;
}

.climate-change-box.design-1 .climate-change-item:nth-child(4) .climate-change-body {
    max-width: 19.5rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-1 .climate-change-item:nth-child(4) .climate-change-body {
        max-width: 20.5rem;
    }
}

.climate-change-box.design-1 .climate-change-item.middle {
    margin: 0 1rem;
}

.climate-change-box.design-1 .climate-change-item .climate-change-number {
    width: 5.6rem;
    height: 5.6rem;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border-radius: 1.6rem;
    box-shadow: inset 0.2rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25);
    color: #000;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-1 .climate-change-item .climate-change-number {
        max-width: 4rem;
        width: 100%;
        height: 4rem;
        border-radius: 1.2rem;
    }
}

.climate-change-box.design-1 .climate-change-item .climate-change-number .subject {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 5.6rem;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-1 .climate-change-item .climate-change-number .subject {
        font-size: 1.6rem;
        line-height: 4.25rem;
    }
}

.climate-change-box.design-1 .climate-change-item .climate-change-body {
    color: #fff;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
    background: transparent;
    padding: 6rem 0 1.2rem;
    word-break: keep-all;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-1 .climate-change-item .climate-change-body {
        padding: 0 0 0 3rem;
        font-size: 1.4rem;
    }
}

.climate-change-box.design-2 {
    max-width: 133.4rem;
    align-items: flex-start;
    flex-direction: unset;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-2 {
        max-width: 130rem;
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 2.5rem;
    }
}

.climate-change-box.design-2 .climate-change-item {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 4rem;
    max-width: 18.9rem;
}

.climate-change-box.design-2 .climate-change-item:last-child {
    margin-right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-2 .climate-change-item {
        margin-right: 4.4rem;
    }

    .climate-change-box.design-2 .climate-change-item:last-child {
        margin-right: 0;
    }
}

.climate-change-box.design-2 .climate-change-item::after {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background: url("../images/ko/diagram/sustainability/climate/right-arrow.html") no-repeat;
    position: absolute;
    top: 4.25rem;
    right: -3.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-2 .climate-change-item::after {
        top: 3.5rem;
        right: -3.95rem;
    }
}

.climate-change-box.design-2 .climate-change-item:last-child::after {
    display: none;
}

.climate-change-box.design-2 .climate-change-item .climate-change-title {
    color: #fff;
    font-size: max(1vw, 1.6rem);
    font-family: "Brand New Hyosung OTF";
    font-style: normal;
    font-weight: 700;
    line-height: 2vw;
    background-color: #6485C6;
    border-radius: 0.8rem;
    padding: 1.9rem 3rem;
    text-align: center;
    height: 10.1rem;
    max-width: 18.9rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: keep-all;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-2 .climate-change-item .climate-change-title {
        height: 8.4rem;
        padding: 3rem;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.climate-change-box.design-2 .climate-change-item .climate-change-body {
    color: #737373;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8rem;
    text-align: center;
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .climate-change-box.design-2 .climate-change-item .climate-change-body {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.recycling-resource-box {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 133.4rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .recycling-resource-box {
        max-width: 102.6rem;
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 2.5rem;
    }
}

.recycling-resource-box.design-1 .recycling-resource-item {
    display: flex;
    width: 100%;
    flex-direction: column;
    position: relative;
    margin-right: 5.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .recycling-resource-box.design-1 .recycling-resource-item {
        margin-right: 4.4rem;
    }
}

.recycling-resource-box.design-1 .recycling-resource-item:nth-child(2) .recycling-resource-title {
    background-color: #4B84F0;
}

.recycling-resource-box.design-1 .recycling-resource-item:nth-child(3) .recycling-resource-title {
    background-color: #336BCD;
}

.recycling-resource-box.design-1 .recycling-resource-item:nth-child(4) .recycling-resource-title {
    background-color: #2057B1;
}

.recycling-resource-box.design-1 .recycling-resource-item:nth-child(5) .recycling-resource-title {
    background-color: #0C439D;
}

.recycling-resource-box.design-1 .recycling-resource-item:last-child {
    margin-right: 0;
}

.recycling-resource-box.design-1 .recycling-resource-item::after {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background: url("../images/ko/diagram/sustainability/recycle/right-arrow.html") no-repeat;
    position: absolute;
    top: 4.25rem;
    right: -4.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .recycling-resource-box.design-1 .recycling-resource-item::after {
        top: 2.75rem;
        right: -3.95rem;
    }
}

.recycling-resource-box.design-1 .recycling-resource-item:last-child::after {
    display: none;
    margin-right: 0;
}

.recycling-resource-box.design-1 .recycling-resource-item .recycling-resource-title {
    height: 10.1rem;
    padding: 3.5rem 4.9rem;
    color: #FFF;
    text-align: center;
    font-family: "Brand New Hyosung OTF";
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.2rem;
    background-color: #69A2FF;
    border-radius: 1.6rem;
    width: 22.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .recycling-resource-box.design-1 .recycling-resource-item .recycling-resource-title {
        width: 17rem;
        height: 7.4rem;
        padding: 2.4rem 4rem;
        font-size: 1.6rem;
    }
}

.recycling-resource-box.design-1 .recycling-resource-item .recycling-resource-body {
    width: 100%;
    color: #1B4B66;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.8rem;
    margin: 2rem 5.6rem 0 1.5rem;
    word-break: keep-all;
}

.recycling-resource-box.design-1 .recycling-resource-item .recycling-resource-body .grey-text {
    color: #737373;
    letter-spacing: -0.05rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .recycling-resource-box.design-1 .recycling-resource-item .recycling-resource-body {
        max-width: 15.4rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin: 2rem 0rem 0 1.5rem;
    }
}

.human-rights-box {
    max-width: 111.2rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    background-color: #0C439D;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .human-rights-box {
        flex-direction: column;
        align-items: center;
    }
}

.human-rights-box.design-1 .human-rights-item {
    border-radius: 2.4rem;
    background: rgba(255, 255, 255, 0.22);
    padding: 4rem 0 3.8rem 2.9rem;
    max-width: 30.8rem;
    width: 100%;
    height: 21.6rem;
    position: relative;
    color: #FFF;
    transition: all 0.5s;
    margin-right: 9.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .human-rights-box.design-1 .human-rights-item {
        max-width: 25.3rem;
        width: 100%;
        height: 14rem;
        margin-bottom: 3.2rem;
        padding: 2.2rem 0 2.2rem 3rem;
        margin-right: 0;
    }
}

.human-rights-box.design-1 .human-rights-item:last-child {
    margin-bottom: 0;
    margin-right: 0;
}

.human-rights-box.design-1 .human-rights-item::after {
    content: "";
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background: url("../images/ko/diagram/sustainability/human/white-arrow.html") no-repeat;
    position: absolute;
    top: 10rem;
    right: -6.25rem;
    background-size: contain;
    transition: all 0.5s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .human-rights-box.design-1 .human-rights-item::after {
        top: 14.75rem;
        right: 11.5rem;
        transform: rotate(90deg);
        width: 1.8rem;
        height: 1.8rem;
    }
}

.human-rights-box.design-1 .human-rights-item .human-rights-number {
    font-family: "Poppins";
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 4rem;
    margin-bottom: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .human-rights-box.design-1 .human-rights-item .human-rights-number {
        font-size: 1.8rem;
        line-height: 3rem;
        margin-bottom: 0;
    }
}

.human-rights-box.design-1 .human-rights-item .human-rights-title {
    font-family: "Brand New Hyosung OTF";
    font-size: 2.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .human-rights-box.design-1 .human-rights-item .human-rights-title {
        font-size: 2.2rem;
        line-height: 3.4rem;
    }
}

.human-rights-box.design-1 .human-rights-item .human-rights-text {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 3.2rem;
    margin-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .human-rights-box.design-1 .human-rights-item .human-rights-text {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 0.8rem;
    }
}

.safety-health-box {
    max-width: 133.6rem;
    width: 100%;
    display: flex;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box {
        flex-direction: column;
        align-items: center;
    }
}

.safety-health-box.design-1 .safety-health-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 27.7rem;
    width: 100%;
    margin-right: 7.6rem;
    margin-top: 2rem;
    position: relative;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-1 .safety-health-item {
        margin: 1rem 0 3.3rem 0;
        height: 11rem;
    }
}

.safety-health-box.design-1 .safety-health-item::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: -7.5rem;
    width: 7.6rem;
    height: 0.1rem;
    background-color: #c4c4c4;
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-1 .safety-health-item::after {
        width: 0.1rem;
        height: 14rem;
        top: 90%;
        right: 50%;
        transform: translateX(-50%);
    }
}

.safety-health-box.design-1 .safety-health-item::before {
    position: absolute;
    content: "";
    top: 43%;
    right: -8.75rem;
    width: 1.6rem;
    height: 1.6rem;
    border: 0.2rem solid #BBD4FF;
    background-color: #83ADF8;
    border-radius: 100%;
    z-index: 10;
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-1 .safety-health-item::before {
        width: 1.4rem;
        height: 1.4rem;
        top: 82%;
        right: 44%;
        transform: translateX(-50%);
    }
}

.safety-health-box.design-1 .safety-health-item:last-child {
    margin-right: 0;
}

.safety-health-box.design-1 .safety-health-item:last-child::after {
    display: none;
}

.safety-health-box.design-1 .safety-health-item:last-child::before {
    display: none;
}

.safety-health-box.design-1 .safety-health-item .safety-health-top {
    background-color: #4B84F0;
    border-radius: 4rem;
    color: #fff;
    max-width: 15rem;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.8rem;
    height: 4rem;
    padding: 0.6rem 0;
    z-index: 10;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-1 .safety-health-item .safety-health-top {
        max-width: 12.7rem;
        height: 3.2rem;
        width: 100%;
        margin-top: -1rem;
        padding: 0.3rem 0;
    }
}

.safety-health-box.design-1 .safety-health-item .safety-health-body {
    background-color: #F4F8FF;
    border-radius: 1.6rem;
    height: 13rem;
    width: 100%;
    color: #000;
    text-align: center;
    font-family: "Brand New Hyosung OTF";
    font-size: max(1.15vw, 2.2rem);
    font-style: normal;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: -0.16rem;
    word-break: keep-all;
    margin-top: -2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 3rem 1.5rem;
    transition: all 0.5s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-1 .safety-health-item .safety-health-body {
        font-size: 2rem;
        line-height: 3rem;
        padding-top: 4rem;
        height: 11rem;
    }
}

.safety-health-box.design-1 .safety-health-item .safety-health-body .text {
    color: #282828;
    text-align: center;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8rem;
}

.safety-health-box.design-2 .safety-health-item {
    max-width: 133.6rem;
    width: 100%;
    margin: 1rem auto;
    transition: all 0.5s;
}

.safety-health-box.design-2 .safety-health-item .safety-health-top {
    display: flex;
    justify-content: space-between;
    text-align: center;
    height: 9rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-top {
        flex-direction: column;
        align-items: center;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-top .line01 {
    border-radius: 1.6rem;
    color: #fff;
    background-color: #1B4B66;
    max-width: 26.6rem;
    width: 100%;
    padding: 3.25rem 5rem;
    font-family: "Brand New Hyosung OTF";
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    margin-right: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-top .line01 {
        background-color: unset;
        color: #000;
        text-align: left;
        padding: 0;
        max-width: 33.9rem;
        margin: 0 0 2.4rem 0;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-top .line02 {
    border-radius: 1.6rem;
    color: #fff;
    background-color: #1B4B66;
    max-width: 105rem;
    width: 100%;
    padding: 3.25rem 5rem;
    font-family: "Brand New Hyosung OTF";
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-top .line02 {
        max-width: 33.9rem;
        height: 8rem;
        width: 100%;
        font-size: 1.6rem;
        padding: 3.25rem 5rem;
        padding: 3rem;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-middle {
    display: flex;
    justify-content: space-between;
    text-align: center;
    height: 9rem;
    margin-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-middle {
        flex-direction: column;
        align-items: center;
        height: 31rem;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-middle .line01 {
    border-radius: 1.6rem;
    color: #fff;
    background-color: #FF7C32;
    max-width: 26.6rem;
    width: 100%;
    padding: 1.65vw 1rem;
    font-family: "Brand New Hyosung OTF";
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    margin-right: 2rem;
    word-break: keep-all;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-middle .line01 {
        background-color: unset;
        color: #000;
        text-align: left;
        padding: 0;
        margin: 4rem 0 2.4rem;
        max-width: 33.9rem;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-middle .line02 {
    border-radius: 1.6rem;
    color: #fff;
    background-color: #FF7C32;
    max-width: 34.3rem;
    width: 100%;
    padding: 2rem 5rem;
    font-family: "Brand New Hyosung OTF";
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    margin-right: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-middle .line02 {
        margin: 0 0 0.8rem 0;
        height: 8rem;
        font-size: 1.6rem;
        line-height: 2.6rem;
        padding: 1.5rem;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-middle .line02:last-child {
    margin-right: 0;
}

.safety-health-box.design-2 .safety-health-item .safety-health-middle .line02 .text {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-middle .line02 .text {
        font-size: 1.4rem;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-bottom2 {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-bottom2 {
        flex-direction: column;
        align-items: center;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-title {
    display: block;
    font-family: "Hyosung";
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: -0.036rem;
    color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-title {
        color: #000;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-head-wrap {
    display: flex;
    flex-basis: 26.6rem;
    align-items: center;
    padding-left: 7.6rem;
    padding-right: 7.5rem;
    border-radius: 1.6rem;
    background-color: rgb(75, 132, 240);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-head-wrap {
        text-align: left;
        padding: 0;
        margin: 4rem 0 0rem;
        max-width: 33.9rem;
        height: auto;
        flex-basis: auto;
        background-color: unset;
        width: 33.9rem;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-body-wrap {
    flex: 1;
}

.safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-body-wrap .safety-health-body-list {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-body-wrap .safety-health-body-list {
        flex-direction: column;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-body-wrap .safety-health-body-item {
    display: flex;
    gap: 2rem;
    width: calc(50% - 0.5rem);
    padding: 4rem;
    border: 0.1rem solid rgb(225, 230, 239);
    border-radius: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-body-wrap .safety-health-body-item {
        width: 33.9rem;
        padding: 2rem 1rem 2rem 2rem;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-body-wrap .safety-health-title {
    min-width: 7rem;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-body-wrap .safety-health-title {
        min-width: 5.3rem;
    }
}

.safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-body-wrap .safety-health-bullet-item {
    position: relative;
    padding-left: 2.1rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    color: rgb(0, 0, 0);
}

.safety-health-box.design-2 .safety-health-item .safety-health-bottom2 .safety-health-body-wrap .safety-health-bullet-item::before {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    left: 0.9rem;
    width: 0.3rem;
    height: 0.3rem;
    background-color: rgb(40, 40, 40);
    border-radius: 100%;
}

.ethical-management-box {
    max-width: 90.4rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.ethical-management-box.design-1 .ethical-management-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4.5rem;
}

.ethical-management-box.design-1 .ethical-management-top .top-box {
    width: 17.7rem;
    height: 17.7rem;
    background-color: #FF7C32;
    border-radius: 3.2rem;
    transform: rotate(-46.049deg);
    margin: 2.75rem 0 4.5rem;
}

.ethical-management-box.design-1 .ethical-management-top .top-title {
    position: absolute;
    top: 8.75rem;
    left: 50%;
    transform: translateX(-50%);
    color: #FFF;
    text-align: center;
    font-family: "Brand New Hyosung OTF";
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.2rem;
}

.ethical-management-box.design-1 .ethical-management-bottom {
    display: flex;
    justify-content: space-between;
}

.ethical-management-box.design-1 .ethical-management-bottom .box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 41.4rem;
    width: 100%;
}

.ethical-management-box.design-1 .ethical-management-bottom .box .blue-text {
    border-radius: 1.6rem;
    background: #4B84F0;
    padding: 2.7rem 0;
    text-align: center;
    color: #fff;
    font-family: "Brand New Hyosung OTF";
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 2rem;
}

.ethical-management-box.design-1 .ethical-management-bottom .box .steps {
    display: flex;
    justify-content: space-between;
    height: 5.6rem;
}

.ethical-management-box.design-1 .ethical-management-bottom .box .steps li {
    border-radius: 1.6rem;
    background: #F5F5F5;
    padding: 1.2rem 2rem;
    color: #282828;
    text-align: center;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.2rem;
}

.pagination-display.design-1.case-1 {
    width: 100%;
    max-width: 42.4rem;
    margin: 0 auto;
}

.pagination-display.design-1.case-1 .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-display.design-1.case-1 .pagination .page-item .button .button-text-core::after {
    width: 100%;
    height: 100%;
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow01 {
    margin-right: 1rem;
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow01 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow01.svg");
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow02 {
    margin-right: 2rem;
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow02 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow02.svg");
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow03 {
    margin-left: 2rem;
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow03 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow03.svg");
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow04 {
    margin-left: 1rem;
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow04 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow04.svg");
}

.pagination-display.design-1.case-1 .pagination .page-item.num {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 3.2rem;
    text-align: center;
    color: #282828;
}

.pagination-display.design-1.case-1 .pagination .page-item.num.active {
    background-color: #FF8D24;
    border-radius: 0.8rem;
    color: #ffffff;
}

.pagination-display.design-1.case-1 .pagination .page-item.num .page-link {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item .button.icon-page-arrow01 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow01_white.svg");
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item .button.icon-page-arrow02 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow02_white.svg");
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item .button.icon-page-arrow03 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow03_white.svg");
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item .button.icon-page-arrow04 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow04_white.svg");
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item.num {
    color: #fff;
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item.num.active {
    color: #282828;
}

.tab-display.design-1 .tab-list.form-1 {
    display: flex;
    gap: 2rem;
    max-width: 111rem;
    margin: 0 auto;
}

.tab-display.design-1 .tab-list+.board-display.design-1 {
    margin-top: 3rem;
}

.tab-display.design-1 .tab {
    display: flex;
    position: relative;
    width: 100%;
}

.tab-display.design-1 .tab .tab-inner {
    display: flex;
    position: relative;
    width: 100%;
}

.tab-display.design-1 .tab .tab-inner .text-wrap {
    display: flex;
}

.tab-display.design-1 .tab.case-1 {
    border-radius: 1.6rem;
}

.tab-display.design-1 .tab.case-1 .tab-inner {
    padding-top: 2.6rem;
    padding-bottom: 1.8rem;
    padding-left: 4rem;
    padding-right: 3.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .tab.case-1 .tab-inner {
        padding: 1.6rem;
    }
}

.tab-display.design-1 .tab.case-1 .tab-text-cate+.tab-text-title {
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .tab.case-1 .tab-text-cate+.tab-text-title {
        line-height: 3rem;
    }
}

.tab-display.design-1 .tab::after {
    position: absolute;
    top: -1rem;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    content: "";
    border-width: 0.3rem;
    border-style: solid;
    border-color: rgb(55, 55, 62);
    border-radius: 50%;
    transform: translateX(-50%);
    transition: 0.3s ease-out;
    background-color: #161F27;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .tab::after {
        top: -0.5rem;
        width: 0.7rem;
        height: 0.7rem;
        border-width: 0.15rem;
    }
}

.tab-display.design-1 .tab.fill-1,
.tab-display.design-1 .tab.fill-2 {
    background-color: rgba(83, 83, 83, 0.4);
    transition: 0.3s ease-out;
}

.tab-display.design-1 .tab.color-1 .tab-text-cate {
    color: rgb(102, 106, 196);
}

.tab-display.design-1 .tab.color-1 .tab-text-title {
    color: rgb(182, 182, 182);
    font-family: "Hyosung";
}

.tab-display.design-1 .tab.color-2 .tab-text-cate {
    color: rgb(208, 110, 30);
}

.tab-display.design-1 .tab.color-2 .tab-text-title {
    color: rgb(182, 182, 182);
}

.tab-display .small {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.tab-display .medium {
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display .medium {
        font-size: 1.6em;
        line-height: 2.6rem;
    }
}

.tab-display .large {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    letter-spacing: 0.056rem;
    font-family: "Hyosung";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display .large {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.tab-display.design-1 .tab.align-5 .text-wrap {
    flex-direction: column;
    gap: 0.4rem;
}

.tab-display .tab[class*=icon-] .tab-inner::after {
    background-repeat: no-repeat;
    background-position: center;
}

.tab-display.design-1 .tab.icon-plus01 .tab-inner {
    justify-content: space-between;
    align-items: center;
}

.tab-display.design-1 .tab.icon-plus01 .tab-inner::after {
    display: block;
    width: 4.2rem;
    height: 4.2rem;
    content: "";
    background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.05025 2.05025C0 4.1005 0 7.40034 0 14C0 20.5997 0 23.8995 2.05025 25.9497C4.1005 28 7.40034 28 14 28C20.5997 28 23.8995 28 25.9497 25.9497C28 23.8995 28 20.5997 28 14C28 7.40034 28 4.1005 25.9497 2.05025C23.8995 0 20.5997 0 14 0C7.40034 0 4.1005 0 2.05025 2.05025ZM14 8C14.6627 8 15.2 8.53726 15.2 9.2V12.8H18.8C19.4627 12.8 20 13.3373 20 14C20 14.6627 19.4627 15.2 18.8 15.2H15.2V18.8C15.2 19.4627 14.6627 20 14 20C13.3373 20 12.8 19.4627 12.8 18.8V15.2H9.2C8.53726 15.2 8 14.6627 8 14C8 13.3373 8.53726 12.8 9.2 12.8H12.8V9.2C12.8 8.53726 13.3373 8 14 8Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
    background-size: contain;
    transition: 0.3s ease-out;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .tab.icon-plus01 .tab-inner::after {
        width: 2.4rem;
        height: 2.4rem;
    }
}

.tab-display.design-1 .tab.active.fill-1 {
    background-color: rgb(102, 106, 196);
}

.tab-display.design-1 .tab.active.fill-1::after {
    border-color: rgb(102, 106, 196);
    background-color: #161F27;
}

.tab-display.design-1 .tab.active.fill-2 {
    background-color: rgb(238, 140, 60);
}

.tab-display.design-1 .tab.active.fill-2::after {
    border-color: rgb(238, 140, 60);
    background-color: #161F27;
}

.tab-display.design-1 .tab.active.color-1 .tab-text-cate {
    color: rgb(162, 166, 255);
}

.tab-display.design-1 .tab.active.color-1 .tab-text-title {
    color: rgb(255, 255, 255);
}

.tab-display.design-1 .tab.active.color-2 .tab-text-cate {
    color: rgb(255, 210, 130);
}

.tab-display.design-1 .tab.active.color-2 .tab-text-title {
    color: rgb(255, 255, 255);
}

.tab-display.design-1 .tab.active.icon-plus01 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tab-display.design-1 .tab.active.icon-plus01 .tab-inner::after {
    opacity: 1;
}

.tab-display.design-1 .board-display.design-1 {
    padding-top: 3rem;
    padding-left: 6rem;
    padding-right: 6rem;
}

.tab-display.design-1 .board-display.design-1 .board-wrap {
    background-color: rgb(30, 30, 52);
    border-radius: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.design-1 .board-wrap {
        background-color: transparent;
        border-radius: 0;
    }
}

.tab-display.design-1 .board-display.design-1 .board-inner {
    max-width: 103rem;
    margin: 0 auto;
}

.tab-display.design-1 .board-display.design-1 .board-head+.board-body {
    padding-top: 4rem;
    word-break: auto-phrase;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.design-1 .board-head+.board-body {
        padding-top: 2.4rem;
    }
}

.tab-display.design-1 .board-display.design-1 .board-above {
    display: block;
}

.tab-display.design-1 .board-display.design-1 .board-above+.board-title {
    padding-top: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.design-1 .board-above+.board-title {
        padding-top: 1rem;
    }
}

.tab-display.design-1 .board-display.design-1 .board-title {
    display: block;
}

.tab-display.design-1 .board-display.design-1 .board-body+.board-footer {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.design-1 .board-para+.board-para {
        padding-top: 1rem;
    }
}

.tab-display.design-1 .board-display.design-1 .board-footer {
    display: flex;
    gap: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.design-1 .board-footer {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.tab-display.design-1 .board-display.design-1 .board-box {
    width: calc(33.3333333333% - 1.1rem);
    border-radius: 1.6rem;
    min-height: 26rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.design-1 .board-box {
        width: 100%;
        min-height: unset;
    }
}

.tab-display.design-1 .board-display.design-1 .box-inner {
    padding-top: 3.9rem;
    padding-bottom: 4.1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.design-1 .box-inner {
        padding-top: 3.1rem;
        padding-bottom: 3.1rem;
    }
}

.tab-display.design-1 .board-display.design-1 .box-head+.box-body {
    padding-top: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.design-1 .box-head+.box-body {
        padding-top: 1rem;
    }
}

.tab-display.design-1 .board-display.design-1 .box-title {
    display: block;
    text-align: center;
    font-family: "Hyosung";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.design-1 .box-title {
        font-weight: 700;
    }
}

.tab-display.design-1 .board-display.design-1 .box-desc {
    display: block;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.design-1 {
        padding-top: 6rem;
        padding-left: 0;
        padding-right: 0;
    }
}

.tab-display.design-1 .board-display.case-1 .board-wrap {
    padding-top: 6rem;
    padding-bottom: 8rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.case-1 .board-wrap {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

.tab-display.design-1 .board-display.style-1 .board-box {
    background-color: rgb(77, 81, 172);
    border: 0.1rem solid rgb(56, 57, 87);
    box-shadow: 2px 2px 10px 0px rgb(49, 52, 137) inset;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display.style-1 .board-box {
        box-shadow: 2px 2px 10px 0px rgba(49, 52, 137, 0.6) inset;
    }
}

.tab-display.design-1 .board-display.style-2 .board-box {
    background-color: rgb(218, 120, 40);
    border: 0.1rem solid rgb(166, 82, 13);
    box-shadow: 2px 2px 10px 0px rgba(166, 82, 13, 0.6) inset;
}

.tab-display.design-1 .board-display .small-v1 {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display .small-v1 {
        line-height: 2.4rem;
    }
}

.tab-display.design-1 .board-display .small {
    font-family: "Pretendard", "Roboto", "NotoSansKR", sans-serif;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display .small {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.tab-display.design-1 .board-display .medium {
    font-size: 2.4rem;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display .medium {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.tab-display.design-1 .board-display .large {
    font-size: 3.2rem;
    line-height: 4.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-1 .board-display .large {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.tab-display.design-1 .board-display .normal {
    font-weight: 500;
}

.tab-display.design-1 .board-display .bold {
    font-weight: 700;
}

.tab-display.design-1 .board-display .color-999 {
    color: rgb(255, 255, 255);
}

.tab-display.design-1 .board-display .color-0 {
    color: rgb(0, 0, 0);
}

.tab-display.design-1 .board-display .color-906 {
    color: rgb(225, 230, 239);
}

.tab-display.design-1 .board-display .color-889 {
    color: rgb(227, 227, 227);
}

.tab-display.design-1 .board-display .color-975 {
    color: rgb(244, 248, 255);
}

.tab-display.design-1 .board-display .color-564 {
    color: rgb(255, 141, 36);
}

.tab-display.design-1 .board-display .color-769 {
    color: rgb(165, 169, 255);
}

.tab-display.design-1 .board-display .color-431 {
    color: rgb(77, 81, 172);
}

.tab-display.design-1 .board-display .color-311 {
    color: rgb(49, 52, 137);
}

.tab-display.design-1 .board-display .color-261 {
    color: rgb(56, 57, 87);
}

.tab-display.design-2 {
    position: relative;
    height: 100%;
    margin: 0 auto;
}

.tab-display.design-2 .swiper-wrapper {
    position: unset;
    display: inline-block;
    box-sizing: border-box;
}

.tab-display.design-2 .swiper-slide {
    width: auto;
    height: auto;
    position: unset;
    transform: none;
}

.tab-display.design-2 .title {
    position: absolute;
    top: 2rem;
    left: 0;
}

.tab-display.design-2 .title .name {
    color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2 .title {
        position: unset;
    }
}

.tab-display.design-2 .tab-area {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2 .tab-area {
        overflow: hidden;
    }
}

.tab-display.design-2 .tab-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2 .tab-list {
        flex-direction: row;
        height: 100%;
        gap: 0;
    }
}

.tab-display.design-2 .tab-item.active .tab.case-1,
.tab-display.design-2 .tab-item.swiper-slide-active .tab.case-1 {
    background-color: rgb(255, 198, 51);
}

.tab-display.design-2 .tab-item.active .tab.case-1 .tab-text-title,
.tab-display.design-2 .tab-item.swiper-slide-active .tab.case-1 .tab-text-title {
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-size: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .tab-display.design-2 .tab-item.active .tab.case-1 .tab-text-title,
    .tab-display.design-2 .tab-item.swiper-slide-active .tab.case-1 .tab-text-title {
        font-size: 1.6rem;
    }
}

.tab-display.design-2 .tab-item.active .tab.case-1::after,
.tab-display.design-2 .tab-item.swiper-slide-active .tab.case-1::after {
    opacity: 1;
}

.tab-display.design-2 .tab-item.active .board-display,
.tab-display.design-2 .tab-item.swiper-slide-active .board-display {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: unset;
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .tab-display.design-2 .tab-item.active .board-display,
    .tab-display.design-2 .tab-item.swiper-slide-active .board-display {
        height: auto;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2 .tab-item {
        width: 100%;
    }
}

.tab-display.design-2 .tab {
    display: inline-block;
    z-index: 2;
}

.tab-display.design-2 .tab .tab-text-title {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2 .tab .tab-text-title {
        font-family: "Hyosung";
        font-size: 1.6rem;
    }
}

.tab-display.design-2 .tab.case-1 {
    position: relative;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    border-radius: 1.6rem;
}

.tab-display.design-2 .tab.case-1 .text-wrap {
    text-align: center;
}

.tab-display.design-2 .tab.case-1::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 0.8rem);
    width: 2.8rem;
    height: 2.8rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0691 0.947859C12.6502 1.53831 12.6426 2.48803 12.0521 3.06911L5.95537 9.06911C5.37158 9.64363 4.43487 9.64363 3.85108 9.06911L0.947859 6.21197C0.357405 5.63089 0.349808 4.68117 0.930889 4.09072C1.51197 3.50026 2.46169 3.49266 3.05214 4.07375L4.90323 5.89545L9.94786 0.930889C10.5383 0.349808 11.488 0.357405 12.0691 0.947859Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
    background-color: rgb(255, 198, 51);
    background-position: center;
    background-repeat: no-repeat;
    border-width: 0.8rem;
    border-style: solid;
    border-color: rgb(244, 170, 1);
    border-radius: 1.2rem;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2 .tab.case-1::after {
        top: -99999rem;
        left: -99999rem;
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2 .tab.case-1 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        min-height: 7rem;
        padding-top: 0.9rem;
        padding-bottom: 0.9rem;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
        border-radius: 1.4rem;
        pointer-events: none;
    }

    .tab-display.design-2 .tab.case-1+.board-display {
        margin-top: 0.4rem;
    }
}

.tab-display.design-2 .tab.fill-1 {
    background-color: rgb(40, 40, 40);
    transition: 0.3s ease-out;
}

.tab-display.design-2 .tab.fill-2 {
    background-color: rgba(0, 0, 0, 0);
    transition: 0.3s ease-out;
}

.tab-display.design-2 .tab.color-1 .tab-text-title {
    color: rgb(255, 255, 255);
    transition: 0.3s ease-out;
}

.tab-display.design-2 .tab.color-2 .tab-text-title {
    color: rgba(255, 255, 255, 0.5);
}

.tab-display.design-2 .tab-text-title {
    font-size: 1.8rem;
}

.tab-display.design-2 .board-display {
    position: absolute;
    top: -99999rem;
    left: -99999rem;
    width: 0;
    height: 0;
    padding-left: 48.1%;
    transition: opacity 0.3s ease-out;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    opacity: 0;
    z-index: 1;
}

.tab-display.design-2 .board-display .board-wrap {
    height: 100%;
    padding-left: clamp(2.4rem, 4.17vw, 8rem);
    padding-right: clamp(2.4rem, 4.17vw, 8rem);
    border-radius: 3.2rem;
    background-color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2 .board-display .board-wrap {
        padding: 3rem 2.4rem;
    }
}

.tab-display.design-2 .board-display .board-inner {
    height: 100%;
    overflow: visible;
}

.tab-display.design-2 .board-display .board-head+.board-body {
    padding-top: 3rem;
}

.tab-display.design-2 .board-display .board-title {
    font-size: clamp(1.4rem, 0.94vw, 1.8rem);
    font-weight: 700;
    line-height: clamp(2.4rem, 1.67vw, 3.2rem);
    color: rgb(40, 40, 40);
}

.tab-display.design-2 .board-display .board-para {
    font-size: clamp(1.4rem, 0.83vw, 1.6rem);
    font-weight: 500;
    line-height: clamp(2.4rem, 1.46vw, 2.8rem);
    color: rgb(40, 40, 40);
}

.tab-display.design-2 .board-display .board-para+.board-para {
    padding-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2 .board-display {
        position: unset;
        width: 100%;
        height: auto;
        padding-left: 0;
        background-color: rgb(255, 255, 255);
        border-radius: 1.6rem;
        opacity: 1;
        overflow: hidden;
    }

    .tab-display.design-2 .board-display .board-wrap {
        overflow-y: auto;
    }
}

.tab-display.design-2.form-1 {
    padding-top: 6.4rem;
    padding-bottom: 6.2rem;
}

.tab-display.design-2.form-1 .tab-list {
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2.form-1 .tab-list {
        justify-content: start;
    }
}

.tab-display.design-2.form-1 .board-wrap {
    padding-top: clamp(3rem, 2.92vw, 5.6rem);
    padding-bottom: clamp(3rem, 2.92vw, 5.6rem);
    word-break: auto-phrase;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2.form-1 {
        padding-top: 6rem;
        padding-bottom: 8rem;
    }
}

.tab-display.design-2.form-2 {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.tab-display.design-2.form-2 .tab-list {
    justify-content: end;
    padding-top: 14rem;
    padding-bottom: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2.form-2 .tab-list {
        justify-content: start;
        padding-top: 4rem;
    }
}

.tab-display.design-2.form-2 .board-wrap {
    padding-top: clamp(3rem, 3.12vw, 6rem);
    padding-bottom: clamp(3rem, 3.12vw, 6rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2.form-2 {
        display: flex;
        flex-direction: column;
        padding-top: 10rem;
        padding-bottom: 8rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-2 .title {
        width: 100%;
    }

    .tab-display.design-2 .tab-area {
        display: block;
    }

    .tab-display.design-2 .tab-inner {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
}

.tab-display.design-3 {
    min-height: 55.8rem;
}

.tab-display.design-3 .tab-wrap {
    display: flex;
    justify-content: space-between;
    max-width: 133.6rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .tab-wrap {
        flex-direction: column;
        gap: 6rem;
    }
}

.tab-display.design-3 .tab-body {
    display: flex;
}

.tab-display.design-3 .tab-area {
    max-width: 32rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .tab-area {
        max-width: 100%;
    }
}

.tab-display.design-3 .head-title {
    display: inline-block;
}

.tab-display.design-3 .head-title+.head-para {
    padding-top: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .head-title+.head-para {
        padding-top: 1.6rem;
    }
}

.tab-display.design-3 .head-para+.tab-list {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .head-para+.tab-list {
        padding-top: 4rem;
    }
}

.tab-display.design-3 .tab-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tab-display.design-3 .tab-list .tab {
    display: inline-block;
}

.tab-display.design-3 .tab-list .tab.case-1 {
    max-width: 20.4rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.5);
    border-radius: 0.8rem;
    text-align: center;
    transition: 0.3s ease-out;
}

.tab-display.design-3 .tab-list .tab.case-1 .tab-text-title {
    color: rgba(255, 255, 255, 0.5);
}

.tab-display.design-3 .tab-list .tab.case-1.active {
    border-color: rgb(255, 141, 36);
    background-color: rgb(255, 141, 36);
}

.tab-display.design-3 .tab-list .tab.case-1.active .tab-text-title {
    color: rgb(255, 255, 255);
}

.tab-display.design-3 .tab-list .tab-inner {
    padding: 0.8rem 1rem;
}

.tab-display.design-3 .board-display {
    opacity: 1;
    transition: 0.3s ease-out;
}

.tab-display.design-3 .board-display.blind {
    opacity: 0;
}

.tab-display.design-3 .board-list {
    max-width: 57.64%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .board-list {
        max-width: 100%;
    }
}

.tab-display.design-3 .board-above img {
    vertical-align: top;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .board-above img {
        width: 100%;
    }
}

.tab-display.design-3 .board-above+.board-head {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .board-above {
        text-align: center;
    }
}

.tab-display.design-3 .board-head+.board-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .board-head+.board-body {
        padding-top: 1.6rem;
    }
}

.tab-display.design-3 .small {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .small {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.tab-display.design-3 .small-v1 {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .small-v1 {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.tab-display.design-3 .medium {
    font-size: 2.4rem;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .medium {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.tab-display.design-3 .large {
    font-size: 2.8rem;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .large {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.tab-display.design-3 .normal {
    font-weight: 500;
}

.tab-display.design-3 .semi-bold {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-3 .semi-bold {
        font-weight: 500;
    }
}

.tab-display.design-3 .bold {
    font-weight: 700;
}

.tab-display.design-3 .color-999 {
    color: rgb(255, 255, 255);
}

.tab-display.design-3 .color-0 {
    color: rgb(0, 0, 0);
}

.tab-display.design-3 .color-658 {
    color: rgb(255, 198, 51);
}

.tab-display.design-4 .tab-wrap {
    display: flex;
}

.tab-display.design-4 .tab-area {
    width: 33.832%;
}

.tab-display.design-4 .tab-list {
    display: inline-flex;
    flex-direction: column;
    gap: 0.8rem;
    min-width: 14.8rem;
}

.tab-display.design-4 .tab {
    display: block;
    transition: 0.3s;
}

.tab-display.design-4 .tab .tab-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.4rem 1.4rem 1.4rem 2.4rem;
    border-radius: 0.8rem;
    gap: 1.5rem;
    background-color: #F0F1F5;
    transition: inherit;
}

.tab-display.design-4 .tab .tab-inner::after {
    content: "";
    display: block;
    flex: 0 0 2.8rem;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 0.8rem;
    background-color: rgb(29, 110, 205);
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0691 0.947859C12.6502 1.53831 12.6426 2.48803 12.0521 3.06911L5.95537 9.06911C5.37158 9.64363 4.43487 9.64363 3.85108 9.06911L0.947859 6.21197C0.357405 5.63089 0.349808 4.68117 0.930889 4.09072C1.51197 3.50026 2.46169 3.49266 3.05214 4.07375L4.90323 5.89545L9.94786 0.930889C10.5383 0.349808 11.488 0.357405 12.0691 0.947859Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0;
    transition: inherit;
}

.tab-display.design-4 .tab .tab-text-title {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #334166;
    transition: inherit;
}

.tab-display.design-4 .tab.active .tab-inner {
    background-color: #153484;
}

.tab-display.design-4 .tab.active .tab-inner::after {
    opacity: 1;
}

.tab-display.design-4 .tab.active .tab-text-title {
    color: rgb(255, 255, 255);
}

.tab-display.design-4 .board-list {
    width: 66.168%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-4 .tab-wrap {
        display: block;
    }

    .tab-display.design-4 .tab-area {
        width: initial;
        padding-right: 0;
    }

    .tab-display.design-4 .tab-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1.5rem;
        min-width: initial;
    }

    .tab-display.design-4 .tab {
        display: flex;
        width: calc(50% - 0.75rem);
    }

    .tab-display.design-4 .tab .tab-inner {
        flex: 1 1 auto;
        gap: 0.5rem;
        padding: 1.6rem 1.6rem 1.6rem 2rem;
    }

    .tab-display.design-4 .board-list {
        width: initial;
        padding-top: 4rem;
    }
}

.tab-display.design-5 .tab-list {
    display: flex;
    gap: 5.989%;
    justify-content: center;
}

.tab-display.design-5 .tab {
    display: block;
    flex: 1 1 10rem;
    max-width: 10rem;
}

.tab-display.design-5 .tab .text-wrap::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
    background-color: rgba(25, 31, 38, 0.9);
    border-radius: 50%;
    background-position: 50% 50%;
    background-size: contain;
    transition: 0.3s;
}

.tab-display.design-5 .tab .text-wrap.icon-1::before {
    background-image: url("../images/common/photo/etc/privacy/icon-privacy-tab-01.svg");
}

.tab-display.design-5 .tab .text-wrap.icon-2::before {
    background-image: url("../images/common/photo/etc/privacy/icon-privacy-tab-02.svg");
}

.tab-display.design-5 .tab .text-wrap.icon-3::before {
    background-image: url("../images/common/photo/etc/privacy/icon-privacy-tab-03.svg");
}

.tab-display.design-5 .tab .text-wrap.icon-4::before {
    background-image: url("../images/common/photo/etc/privacy/icon-privacy-tab-04.svg");
}

.tab-display.design-5 .tab .text-wrap .tab-text-title {
    display: block;
    padding-top: 1rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    text-align: center;
    transition: 0.3s;
}

.tab-display.design-5 .tab.active .text-wrap::before {
    background-color: rgb(75, 132, 240);
}

.tab-display.design-5 .tab.active .text-wrap .tab-text-title {
    color: rgb(75, 132, 240);
}

.tab-display.design-5 .board-list {
    margin-top: 10rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-5 .tab-area {
        padding-right: 0;
    }

    .tab-display.design-5 .tab-list {
        gap: 2rem;
    }

    .tab-display.design-5 .tab .text-wrap .tab-text-title {
        padding-top: 0.7rem;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .tab-display.design-5 .board-list {
        margin-top: 8rem;
    }
}

.tab-display.design-6 .tab-list {
    display: flex;
    align-items: center;
}

.tab-display.design-6 .tab-list .tab-item {
    display: inline-block;
    width: auto;
    height: auto;
}

.tab-display.design-6 .tab-list .tab-item .tab-text {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 700;
    color: rgb(196, 196, 196);
}

.tab-display.design-6 .tab-list .tab-item .tab-text .num {
    padding-left: 0.5rem;
    font-weight: 500;
    font-size: 0.6em;
    color: inherit;
}

.tab-display.design-6 .tab-list .tab-item+.tab-item {
    margin-left: 5rem;
}

.tab-display.design-6 .tab-list .tab-item.current .tab-text {
    color: rgb(27, 75, 102);
}

.tab-display.design-6 .tab-list .tab-item.current .tab-text .num {
    font-weight: 700;
}

.tab-display.design-6 .tab-list .swiper .swiper-wrapper {
    display: block;
    white-space: nowrap;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display.design-6 .tab-list {
        height: 6rem;
    }

    .tab-display.design-6 .tab-list .tab-item .tab-text {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .tab-display.design-6 .tab-list .tab-item .tab-text .num {
        padding-left: 0.3rem;
        font-weight: 700;
    }

    .tab-display.design-6 .tab-list .tab-item+.tab-item {
        margin-left: 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-display .tab-area {
        padding-right: 1.8rem;
    }
}

.tab-accordion-display {
    height: 84rem;
    margin-left: -1.8rem;
    margin-right: -1.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display {
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }
}

.tab-accordion-display .tab-accordion-inner {
    width: 100%;
    height: 100%;
    position: relative;
}

.tab-accordion-display .tab-accordion-inner .bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.tab-accordion-display .tab-accordion-inner .bg .bg-item {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: background-image 0.8s ease-out;
    opacity: 1;
}

.tab-accordion-display .tab-accordion-inner .bg .bg-item.bg-item-01 {
    background-image: url("../images/common/photo/company/recruitment/img-pms-welfare-01.jpg");
}

.tab-accordion-display .tab-accordion-inner .bg .bg-item.bg-item-02 {
    display: none;
    background-image: url("../images/common/photo/company/recruitment/img-pms-welfare-02.jpg");
}

.tab-accordion-display .tab-accordion-inner .bg .bg-item.bg-item-03 {
    display: none;
    background-image: url("../images/common/photo/company/recruitment/img-pms-welfare-03.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .bg {
        background-color: #fff;
    }

    .tab-accordion-display .tab-accordion-inner .bg .bg-item {
        opacity: 0;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body {
    max-width: 133.6rem;
    height: 100%;
    padding: 10rem 1.8rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body {
        padding: 0 0 10rem 0;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item {
    position: relative;
    margin-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item {
        margin-top: 0;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item:first-child {
    margin-top: 0rem;
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab {
    display: inline-block;
    width: auto;
    position: relative;
    padding: 1.2rem 3rem;
    border-radius: 1.6rem;
    background-color: rgb(40, 40, 40);
    transition: 0.3s ease-out;
    z-index: 2;
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab .btn-open {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab {
        position: relative;
        display: block;
        width: 100%;
        text-align: left;
        padding: 2rem 1.2rem;
        border-radius: 0;
        background-color: rgb(255, 255, 255);
        border-bottom: 1px solid #000;
    }

    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab .btn-open {
        display: block;
        position: absolute;
        right: 0rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }

    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab .btn-open.icon-plus01:hover .button-text-core::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.05025 2.05025C0 4.1005 0 7.40034 0 14C0 20.5997 0 23.8995 2.05025 25.9497C4.1005 28 7.40034 28 14 28C20.5997 28 23.8995 28 25.9497 25.9497C28 23.8995 28 20.5997 28 14C28 7.40034 28 4.1005 25.9497 2.05025C23.8995 0 20.5997 0 14 0C7.40034 0 4.1005 0 2.05025 2.05025ZM14 8C14.6627 8 15.2 8.53726 15.2 9.2V12.8H18.8C19.4627 12.8 20 13.3373 20 14C20 14.6627 19.4627 15.2 18.8 15.2H15.2V18.8C15.2 19.4627 14.6627 20 14 20C13.3373 20 12.8 19.4627 12.8 18.8V15.2H9.2C8.53726 15.2 8 14.6627 8 14C8 13.3373 8.53726 12.8 9.2 12.8H12.8V9.2C12.8 8.53726 13.3373 8 14 8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
    }

    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab .btn-open.icon-minus01:hover .button-text-core::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.05025 2.05025C0 4.1005 0 7.40034 0 14C0 20.5997 0 23.8995 2.05025 25.9497C4.1005 28 7.40034 28 14 28C20.5997 28 23.8995 28 25.9497 25.9497C28 23.8995 28 20.5997 28 14C28 7.40034 28 4.1005 25.9497 2.05025C23.8995 0 20.5997 0 14 0C7.40034 0 4.1005 0 2.05025 2.05025ZM18.8 12.8C19.4627 12.8 20 13.3373 20 14C20 14.6627 19.4627 15.2 18.8 15.2H9.2C8.53726 15.2 8 14.6627 8 14C8 13.3373 8.53726 12.8 9.2 12.8H18.8Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab .tab-title {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    transition: 0.3s ease-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab .tab-title {
        font-weight: 700;
        font-size: 1.6rem;
        line-height: 2.6rem;
        color: rgb(0, 0, 0);
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab:after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 0.8rem);
    width: 2.8rem;
    height: 2.8rem;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0691 0.947859C12.6502 1.53831 12.6426 2.48803 12.0521 3.06911L5.95537 9.06911C5.37158 9.64363 4.43487 9.64363 3.85108 9.06911L0.947859 6.21197C0.357405 5.63089 0.349808 4.68117 0.930889 4.09072C1.51197 3.50026 2.46169 3.49266 3.05214 4.07375L4.90323 5.89545L9.94786 0.930889C10.5383 0.349808 11.488 0.357405 12.0691 0.947859Z' fill='rgb(255,255,255)'/%3E%3C/svg%3E%0A");
    background-color: rgb(255, 198, 51);
    background-position: center;
    background-repeat: no-repeat;
    border-width: 0.8rem;
    border-style: solid;
    border-color: rgb(244, 170, 1);
    border-radius: 1.2rem;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
    opacity: 0;
    pointer-events: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab:after {
        top: -99999rem;
        left: -99999rem;
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list {
    padding: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list {
        padding: 3rem 0;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list .thumbnail_mo {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list .thumbnail_mo {
        display: block;
        border-radius: 1.6rem;
        overflow: hidden;
    }

    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list .thumbnail_mo img {
        width: 100%;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li {
    padding-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li {
        padding-top: 2rem;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title {
    text-align: left;
    opacity: 0.6;
    transition: 0.3s ease-out;
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title span {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title {
        opacity: 1;
    }

    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title span {
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2.4rem;
        color: #000;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li.active .sub-title {
    opacity: 1;
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-content-box {
    width: 48%;
    min-height: 45rem;
    position: absolute;
    right: 0rem;
    top: 0rem;
    z-index: 1;
    border-radius: 3.2rem;
    background-color: #fff;
    padding-top: clamp(3rem, 2.92vw, 5.6rem);
    padding-bottom: clamp(3rem, 2.92vw, 5.6rem);
    padding-left: clamp(2.4rem, 4.17vw, 8rem);
    padding-right: clamp(2.4rem, 4.17vw, 8rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-content-box {
        width: 100%;
        min-height: auto;
        position: relative;
        right: inherit;
        top: inherit;
        border-radius: 0rem;
        padding: 0;
        padding-bottom: 1rem;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-content-box .sub-text {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-content-box .sub-text:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-content-box .sub-text {
        display: none;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-content-box .sub-content {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-content-box .sub-content {
        margin-top: 1rem;
    }
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item.active .tab {
    background-color: rgb(255, 198, 51);
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item.active .tab:after {
    opacity: 1;
}

.tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item.active .tab .tab-title {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item.active .tab {
        background-color: rgb(255, 255, 255);
    }

    .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item.active .tab .tab-title {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.navi.depth3.case-1 {
    position: sticky;
    bottom: 8.2rem;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 998;
    transition-duration: 0.3s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-1 {
        position: fixed;
        bottom: unset;
        top: 0;
    }
}

.navi.depth3.case-1 .navi-wrap {
    position: relative;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-1 .navi-wrap {
        width: 100%;
    }
}

.navi.depth3.case-1 .navi-wrap .navi-subject {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-1 .navi-wrap .navi-subject {
        display: block;
    }

    .navi.depth3.case-1 .navi-wrap .navi-subject .navi-name {
        position: relative;
        display: block;
        width: 100%;
        padding: 0.95rem 4.2rem 0.95rem 1.8rem;
        font-size: 1.8rem;
        line-height: 3rem;
        font-weight: 700;
        color: rgb(0, 0, 0);
        background-color: rgb(255, 255, 255);
        border-bottom: 0.1px solid rgba(0, 0, 0, 0.07);
    }

    .navi.depth3.case-1 .navi-wrap .navi-subject .navi-name::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 2rem;
        transform: translateY(-50%);
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792894C0.683417 0.402369 1.31658 0.402369 1.70711 0.792894L6 5.08579L10.2929 0.792893C10.6834 0.402369 11.3166 0.402369 11.7071 0.792893C12.0976 1.18342 12.0976 1.81658 11.7071 2.20711L6.70711 7.20711C6.31658 7.59763 5.68342 7.59763 5.29289 7.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792894Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 0.4rem;
    }
}

.navi.depth3.case-1 .navi-wrap .tab-display {
    position: relative;
    padding: 0.7rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-radius: 1.8rem;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);

}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-1 .navi-wrap .tab-display {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        padding: 3.2rem 4rem;
        background-color: rgb(255, 255, 255);
        border: none;
        border-radius: 0;
        box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
    }
}

.navi.depth3.case-1 .navi-wrap .tab-display .tab-list {
    position: relative;
    display: flex;
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-1 .navi-wrap .tab-display .tab-list {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.navi.depth3.case-1 .navi-wrap .tab-display .tab-list .tab-item {
    display: flex;
    align-items: center;
}

.navi.depth3.case-1 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    position: relative;
    display: block;
    padding: 0.6rem 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-1 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
        padding: 0rem 0;
        font-size: 1.6rem;
        line-height: 3rem;
        font-weight: 500;
        background-color: rgb(255, 255, 255);
    }
}

.navi.depth3.case-1 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #fff;
    background-color: rgb(0, 0, 0);
    border-radius: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-1 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
        color: rgb(0, 0, 0);
        background-color: transparent;
        border-radius: 0;
    }
}

.navi.depth3.case-1.action {
    top: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-1.action {
        top: 0;
    }
}

body.navi-depth3-action .navi.depth3.case-1 {
    top: 10.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    body.navi-depth3-action .navi.depth3.case-1 {
        top: 9.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    body.navi-depth3-action .navi.depth3.case-3 {
        top: 9.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-1.active .navi-wrap .navi-subject .navi-name::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7071 6.70711C11.3166 7.09763 10.6834 7.09763 10.2929 6.70711L6 2.41421L1.70711 6.70711C1.31658 7.09763 0.683417 7.09763 0.292894 6.70711C-0.0976312 6.31658 -0.0976312 5.68342 0.292894 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893L11.7071 5.29289C12.0976 5.68342 12.0976 6.31658 11.7071 6.70711Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
    }
}

.navi.depth3.case-1.active .navi-wrap .tab-display {
    display: block;
}

.navi.depth3.case-2 {
    position: sticky;
    bottom: 8.2rem;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 998;
    transition-duration: 0.3s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-2 {
        position: fixed;
        bottom: unset;
        top: 0;
    }
}

.navi.depth3.case-2 .navi-wrap {
    position: relative;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-2 .navi-wrap {
        width: 100%;
    }
}

.navi.depth3.case-2 .navi-wrap .navi-subject {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-2 .navi-wrap .navi-subject {
        display: block;
    }

    .navi.depth3.case-2 .navi-wrap .navi-subject .navi-name {
        position: relative;
        display: block;
        width: 100%;
        padding: 0.95rem 4.2rem 0.95rem 1.8rem;
        font-size: 1.8rem;
        line-height: 3rem;
        font-weight: 700;
        color: rgb(0, 0, 0);
        background-color: rgb(255, 255, 255);
        border-bottom: 0.1px solid rgba(0, 0, 0, 0.07);
    }

    .navi.depth3.case-2 .navi-wrap .navi-subject .navi-name::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 2rem;
        transform: translateY(-50%);
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792894C0.683417 0.402369 1.31658 0.402369 1.70711 0.792894L6 5.08579L10.2929 0.792893C10.6834 0.402369 11.3166 0.402369 11.7071 0.792893C12.0976 1.18342 12.0976 1.81658 11.7071 2.20711L6.70711 7.20711C6.31658 7.59763 5.68342 7.59763 5.29289 7.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792894Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 0.4rem;
    }
}

.navi.depth3.case-2 .navi-wrap .tab-display {
    position: relative;
    padding: 0.7rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-radius: 1.8rem;
    background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-2 .navi-wrap .tab-display {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        padding: 3.2rem 4rem;
        background-color: rgb(255, 255, 255);
        border: none;
        border-radius: 0;
    }
}

.navi.depth3.case-2 .navi-wrap .tab-display .tab-list {
    position: relative;
    display: flex;
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-2 .navi-wrap .tab-display .tab-list {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.navi.depth3.case-2 .navi-wrap .tab-display .tab-list .tab-item {
    display: flex;
    align-items: center;
}

.navi.depth3.case-2 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    position: relative;
    display: block;
    padding: 0.6rem 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-2 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
        padding: 0rem 0;
        font-size: 1.6rem;
        line-height: 3rem;
        font-weight: 500;
        background-color: rgb(255, 255, 255);
    }
}

.navi.depth3.case-2 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #fff;
    background-color: rgb(0, 0, 0);
    border-radius: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-2 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
        color: rgb(0, 0, 0);
        background-color: transparent;
        border-radius: 0;
    }
}

.navi.depth3.case-2.action {
    transform: translateY(-1rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-2.action {
        transform: translateY(0);
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-2.active .navi-wrap .navi-subject .navi-name::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7071 6.70711C11.3166 7.09763 10.6834 7.09763 10.2929 6.70711L6 2.41421L1.70711 6.70711C1.31658 7.09763 0.683417 7.09763 0.292894 6.70711C-0.0976312 6.31658 -0.0976312 5.68342 0.292894 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893L11.7071 5.29289C12.0976 5.68342 12.0976 6.31658 11.7071 6.70711Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
    }
}

.navi.depth3.case-2.active .navi-wrap .tab-display {
    display: block;
}

@media (min-width: 280px) and (max-width: 1023px) {
    body.navi-depth3-action .navi.depth3.case-2 {
        top: 9.4rem;
    }
}

.navi.depth3.case-3 {
    position: absolute;
    bottom: 47.037%;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 998;
    transition-duration: 0.3s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-3 {
        position: fixed;
        bottom: unset;
        top: 0;
    }
}

.navi.depth3.case-3 .navi-wrap {
    position: relative;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-3 .navi-wrap {
        width: 100%;
    }
}

.navi.depth3.case-3 .navi-wrap .navi-subject {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-3 .navi-wrap .navi-subject {
        display: block;
    }

    .navi.depth3.case-3 .navi-wrap .navi-subject .navi-name {
        position: relative;
        display: block;
        width: 100%;
        padding: 0.95rem 4.2rem 0.95rem 1.8rem;
        font-size: 1.8rem;
        line-height: 3rem;
        font-weight: 700;
        color: rgb(0, 0, 0);
        background-color: rgb(255, 255, 255);
        border-bottom: 0.1px solid rgba(0, 0, 0, 0.07);
    }

    .navi.depth3.case-3 .navi-wrap .navi-subject .navi-name::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 2rem;
        transform: translateY(-50%);
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792894C0.683417 0.402369 1.31658 0.402369 1.70711 0.792894L6 5.08579L10.2929 0.792893C10.6834 0.402369 11.3166 0.402369 11.7071 0.792893C12.0976 1.18342 12.0976 1.81658 11.7071 2.20711L6.70711 7.20711C6.31658 7.59763 5.68342 7.59763 5.29289 7.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792894Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 0.4rem;
    }
}

.navi.depth3.case-3 .navi-wrap .tab-display {
    position: relative;
    padding: 0.7rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-radius: 1.8rem;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-3 .navi-wrap .tab-display {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        padding: 3.2rem 4rem;
        background-color: rgb(255, 255, 255);
        border: none;
        border-radius: 0;
        box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
    }
}

.navi.depth3.case-3 .navi-wrap .tab-display .tab-list {
    position: relative;
    display: flex;
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-3 .navi-wrap .tab-display .tab-list {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.navi.depth3.case-3 .navi-wrap .tab-display .tab-list .tab-item {
    display: flex;
    align-items: center;
}

.navi.depth3.case-3 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    position: relative;
    display: block;
    padding: 0.6rem 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-3 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
        padding: 0rem 0;
        font-size: 1.6rem;
        line-height: 3rem;
        font-weight: 500;
        background-color: rgb(255, 255, 255);
    }
}

.navi.depth3.case-3 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #fff;
    background-color: rgb(0, 0, 0);
    border-radius: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-3 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
        color: rgb(0, 0, 0);
        background-color: transparent;
        border-radius: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-3.active .navi-wrap .navi-subject .navi-name::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7071 6.70711C11.3166 7.09763 10.6834 7.09763 10.2929 6.70711L6 2.41421L1.70711 6.70711C1.31658 7.09763 0.683417 7.09763 0.292894 6.70711C-0.0976312 6.31658 -0.0976312 5.68342 0.292894 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893L11.7071 5.29289C12.0976 5.68342 12.0976 6.31658 11.7071 6.70711Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
    }
}

.navi.depth3.case-3.active .navi-wrap .tab-display {
    display: block;
}

.navi.depth3.case-3.color-1 .navi-wrap .tab-display {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
}

.navi.depth3.case-3.color-1 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    color: rgb(255, 255, 255);
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-3.color-1 .navi-wrap .tab-display {
        background-color: rgb(255, 255, 255);
    }

    .navi.depth3.case-3.color-1 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
        color: rgb(0, 0, 0);
        font-weight: 500;
    }
}

.navi.depth3.case-4 {
    position: sticky;
    bottom: 47vh;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 998;
    transition-duration: 0.3s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-4 {
        bottom: unset;
        top: 0;
    }
}

.navi.depth3.case-4 .navi-wrap {
    position: relative;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-4 .navi-wrap {
        width: 100%;
    }
}

.navi.depth3.case-4 .navi-wrap .navi-subject {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-4 .navi-wrap .navi-subject {
        display: block;
    }

    .navi.depth3.case-4 .navi-wrap .navi-subject .navi-name {
        position: relative;
        display: block;
        width: 100%;
        padding: 0.95rem 4.2rem 0.95rem 1.8rem;
        font-size: 1.8rem;
        line-height: 3rem;
        font-weight: 700;
        color: rgb(0, 0, 0);
        background-color: rgb(255, 255, 255);
        border-bottom: 0.1px solid rgba(0, 0, 0, 0.07);
    }

    .navi.depth3.case-4 .navi-wrap .navi-subject .navi-name::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 2rem;
        transform: translateY(-50%);
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792894C0.683417 0.402369 1.31658 0.402369 1.70711 0.792894L6 5.08579L10.2929 0.792893C10.6834 0.402369 11.3166 0.402369 11.7071 0.792893C12.0976 1.18342 12.0976 1.81658 11.7071 2.20711L6.70711 7.20711C6.31658 7.59763 5.68342 7.59763 5.29289 7.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792894Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 0.4rem;
    }
}

.navi.depth3.case-4 .navi-wrap .tab-display {
    position: relative;
    padding: 0.7rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-radius: 1.8rem;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-4 .navi-wrap .tab-display {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        padding: 3.2rem 4rem;
        background-color: rgb(255, 255, 255);
        border: none;
        border-radius: 0;
        box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
    }
}

.navi.depth3.case-4 .navi-wrap .tab-display .tab-list {
    position: relative;
    display: flex;
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-4 .navi-wrap .tab-display .tab-list {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.navi.depth3.case-4 .navi-wrap .tab-display .tab-list .tab-item {
    display: flex;
    align-items: center;
}

.navi.depth3.case-4 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    position: relative;
    display: block;
    padding: 0.6rem 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-4 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
        padding: 0rem 0;
        font-size: 1.6rem;
        line-height: 3rem;
        font-weight: 500;
        background-color: rgb(255, 255, 255);
    }
}

.navi.depth3.case-4 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #fff;
    background-color: rgb(0, 0, 0);
    border-radius: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-4 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
        color: rgb(0, 0, 0);
        background-color: transparent;
        border-radius: 0;
    }
}

.navi.depth3.case-4.action {
    top: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-4.action {
        top: 0;
    }
}

body.navi-depth3-action .navi.depth3.case-4 {
    top: 10.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    body.navi-depth3-action .navi.depth3.case-4 {
        top: 9.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-4.active .navi-wrap .navi-subject .navi-name::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7071 6.70711C11.3166 7.09763 10.6834 7.09763 10.2929 6.70711L6 2.41421L1.70711 6.70711C1.31658 7.09763 0.683417 7.09763 0.292894 6.70711C-0.0976312 6.31658 -0.0976312 5.68342 0.292894 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893L11.7071 5.29289C12.0976 5.68342 12.0976 6.31658 11.7071 6.70711Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
    }
}

.navi.depth3.case-4.active .navi-wrap .tab-display {
    display: block;
}

.navi.depth3.case-5 {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 998;
    transform: translateY(calc(54.63vh - 100% - 8.2rem));
    padding-top: 2.4rem;
    transition-duration: 0.5s;
}

.navi.depth3.case-5.color-1 .navi-wrap .tab-display {
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-5.color-1 .navi-wrap .tab-display {
        background-color: rgb(255, 255, 255);
    }
}

.navi.depth3.case-5.color-1 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-5.color-1 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
        color: rgb(0, 0, 0);
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-5 {
        transform: translateY(0);
        padding-top: 0;
    }
}

.navi.depth3.case-5 .navi-wrap {
    position: relative;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-5 .navi-wrap {
        width: 100%;
    }
}

.navi.depth3.case-5 .navi-wrap .navi-subject {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-5 .navi-wrap .navi-subject {
        display: block;
    }

    .navi.depth3.case-5 .navi-wrap .navi-subject .navi-name {
        position: relative;
        display: block;
        width: 100%;
        padding: 0.95rem 4.2rem 0.95rem 1.8rem;
        font-size: 1.8rem;
        line-height: 3rem;
        font-weight: 700;
        color: rgb(0, 0, 0);
        background-color: rgb(255, 255, 255);
        border-bottom: 0.1px solid rgba(0, 0, 0, 0.07);
    }

    .navi.depth3.case-5 .navi-wrap .navi-subject .navi-name::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 2rem;
        transform: translateY(-50%);
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792894C0.683417 0.402369 1.31658 0.402369 1.70711 0.792894L6 5.08579L10.2929 0.792893C10.6834 0.402369 11.3166 0.402369 11.7071 0.792893C12.0976 1.18342 12.0976 1.81658 11.7071 2.20711L6.70711 7.20711C6.31658 7.59763 5.68342 7.59763 5.29289 7.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792894Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 0.4rem;
    }
}

.navi.depth3.case-5 .navi-wrap .tab-display {
    position: relative;
    padding: 0.7rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-radius: 1.8rem;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-5 .navi-wrap .tab-display {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        padding: 3.2rem 4rem;
        background-color: rgb(255, 255, 255);
        border: none;
        border-radius: 0;
        box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
    }
}

.navi.depth3.case-5 .navi-wrap .tab-display .tab-list {
    position: relative;
    display: flex;
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-5 .navi-wrap .tab-display .tab-list {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.navi.depth3.case-5 .navi-wrap .tab-display .tab-list .tab-item {
    display: flex;
    align-items: center;
}

.navi.depth3.case-5 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    position: relative;
    display: block;
    padding: 0.6rem 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-5 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
        padding: 0rem 0;
        font-size: 1.6rem;
        line-height: 3rem;
        font-weight: 500;
        background-color: rgb(255, 255, 255);
    }
}

.navi.depth3.case-5 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #fff;
    background-color: rgb(0, 0, 0);
    border-radius: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-5 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
        color: rgb(0, 0, 0);
        background-color: transparent;
        border-radius: 0;
    }
}

.navi.depth3.case-5.action {
    transform: translateY(0);
}

body.navi-depth3-action .navi.depth3.case-5 {
    top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    body.navi-depth3-action .navi.depth3.case-5 {
        top: 9.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-5.active .navi-wrap .navi-subject .navi-name::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7071 6.70711C11.3166 7.09763 10.6834 7.09763 10.2929 6.70711L6 2.41421L1.70711 6.70711C1.31658 7.09763 0.683417 7.09763 0.292894 6.70711C-0.0976312 6.31658 -0.0976312 5.68342 0.292894 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893L11.7071 5.29289C12.0976 5.68342 12.0976 6.31658 11.7071 6.70711Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
    }
}

.navi.depth3.case-5.active .navi-wrap .tab-display {
    display: block;
}

.navi.depth3.case-6 {
    position: sticky;
    top: 0;
    padding-top: 2.4rem;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 998;
    transition-duration: 0.3s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-6 {
        padding-top: 0;
        transform: translateY(0);
    }
}

.navi.depth3.case-6 .navi-wrap {
    position: relative;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-6 .navi-wrap {
        width: 100%;
    }
}

.navi.depth3.case-6 .navi-wrap .navi-subject {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-6 .navi-wrap .navi-subject {
        display: block;
    }

    .navi.depth3.case-6 .navi-wrap .navi-subject .navi-name {
        position: relative;
        display: block;
        width: 100%;
        padding: 0.95rem 4.2rem 0.95rem 1.8rem;
        font-size: 1.8rem;
        line-height: 3rem;
        font-weight: 700;
        color: rgb(0, 0, 0);
        background-color: rgb(255, 255, 255);
        border-bottom: 0.1px solid rgba(0, 0, 0, 0.07);
    }

    .navi.depth3.case-6 .navi-wrap .navi-subject .navi-name::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 2rem;
        transform: translateY(-50%);
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792894C0.683417 0.402369 1.31658 0.402369 1.70711 0.792894L6 5.08579L10.2929 0.792893C10.6834 0.402369 11.3166 0.402369 11.7071 0.792893C12.0976 1.18342 12.0976 1.81658 11.7071 2.20711L6.70711 7.20711C6.31658 7.59763 5.68342 7.59763 5.29289 7.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792894Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 0.4rem;
    }
}

.navi.depth3.case-6 .navi-wrap .tab-display {
    position: relative;
    padding: 0.7rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-radius: 1.8rem;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-6 .navi-wrap .tab-display {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        padding: 3.2rem 4rem;
        background-color: rgb(255, 255, 255);
        border: none;
        border-radius: 0;
        box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
    }
}

.navi.depth3.case-6 .navi-wrap .tab-display .tab-list {
    position: relative;
    display: flex;
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-6 .navi-wrap .tab-display .tab-list {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.navi.depth3.case-6 .navi-wrap .tab-display .tab-list .tab-item {
    display: flex;
    align-items: center;
}

.navi.depth3.case-6 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    position: relative;
    display: block;
    padding: 0.6rem 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-6 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
        padding: 0rem 0;
        font-size: 1.6rem;
        line-height: 3rem;
        font-weight: 500;
        background-color: rgb(255, 255, 255);
    }
}

.navi.depth3.case-6 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #fff;
    background-color: rgb(0, 0, 0);
    border-radius: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-6 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
        color: rgb(0, 0, 0);
        background-color: transparent;
        border-radius: 0;
    }
}

.navi.depth3.case-6.type-1 {
    position: absolute;
}

.navi.depth3.case-6.type-1.action {
    position: fixed;
}

.navi.depth3.case-6.active .navi-wrap .tab-display {
    display: block;
}

body.navi-depth3-action .navi.depth3.case-6 {
    top: 8rem;
}

body.navi-depth3-action .navi.depth3.case-6.type-1 {
    top: 0rem;
}

body.navi-depth3-action .navi.depth3.case-6.type-1.action {
    top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    body.navi-depth3-action .navi.depth3.case-6 {
        top: 9.4rem;
    }

    body.navi-depth3-action .navi.depth3.case-6.type-1.action {
        top: 9.4rem;
    }
}

.navi.depth3.case-7 {
    position: relative;
    top: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 998;
    transform: translateY(calc(54.63vh - 100% - 8.2rem));
    padding-top: 2.4rem;
    transition-duration: 0.5s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-7 {
        position: sticky;
        transform: translateY(0);
        padding-top: 0;
    }
}

.navi.depth3.case-7 .navi-wrap {
    position: relative;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-7 .navi-wrap {
        width: 100%;
    }
}

.navi.depth3.case-7 .navi-wrap .navi-subject {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-7 .navi-wrap .navi-subject {
        display: block;
    }

    .navi.depth3.case-7 .navi-wrap .navi-subject .navi-name {
        position: relative;
        display: block;
        width: 100%;
        padding: 0.95rem 4.2rem 0.95rem 1.8rem;
        font-size: 1.8rem;
        line-height: 3rem;
        font-weight: 700;
        color: rgb(0, 0, 0);
        background-color: rgb(255, 255, 255);
        border-bottom: 0.1px solid rgba(0, 0, 0, 0.07);
    }

    .navi.depth3.case-7 .navi-wrap .navi-subject .navi-name::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 2rem;
        transform: translateY(-50%);
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792894C0.683417 0.402369 1.31658 0.402369 1.70711 0.792894L6 5.08579L10.2929 0.792893C10.6834 0.402369 11.3166 0.402369 11.7071 0.792893C12.0976 1.18342 12.0976 1.81658 11.7071 2.20711L6.70711 7.20711C6.31658 7.59763 5.68342 7.59763 5.29289 7.20711L0.292893 2.20711C-0.0976311 1.81658 -0.0976311 1.18342 0.292893 0.792894Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 0.4rem;
    }
}

.navi.depth3.case-7 .navi-wrap .tab-display {
    position: relative;
    padding: 0.7rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-radius: 1.8rem;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-7 .navi-wrap .tab-display {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        padding: 3.2rem 4rem;
        background-color: rgb(255, 255, 255);
        border: none;
        border-radius: 0;
        box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 12px 24px -12px rgba(0, 0, 0, 0.2);
    }
}

.navi.depth3.case-7 .navi-wrap .tab-display .tab-list {
    position: relative;
    display: flex;
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-7 .navi-wrap .tab-display .tab-list {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.navi.depth3.case-7 .navi-wrap .tab-display .tab-list .tab-item {
    display: flex;
    align-items: center;
}

.navi.depth3.case-7 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    position: relative;
    display: block;
    padding: 0.6rem 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-7 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
        padding: 0rem 0;
        font-size: 1.6rem;
        line-height: 3rem;
        font-weight: 500;
        background-color: rgb(255, 255, 255);
    }
}

.navi.depth3.case-7 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #fff;
    background-color: rgb(0, 0, 0);
    border-radius: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-7 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
        color: rgb(0, 0, 0);
        background-color: transparent;
        border-radius: 0;
    }
}

.navi.depth3.case-7.action {
    transform: translateY(0);
}

body.navi-depth3-action .navi.depth3.case-7 {
    top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    body.navi-depth3-action .navi.depth3.case-7 {
        top: 9.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth3.case-7.active .navi-wrap .navi-subject .navi-name::after {
        background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7071 6.70711C11.3166 7.09763 10.6834 7.09763 10.2929 6.70711L6 2.41421L1.70711 6.70711C1.31658 7.09763 0.683417 7.09763 0.292894 6.70711C-0.0976312 6.31658 -0.0976312 5.68342 0.292894 5.29289L5.29289 0.292893C5.68342 -0.0976311 6.31658 -0.0976311 6.70711 0.292893L11.7071 5.29289C12.0976 5.68342 12.0976 6.31658 11.7071 6.70711Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
    }
}

.navi.depth3.case-7.active .navi-wrap .tab-display {
    display: block;
}

.navi.depth4.case-1 {
    position: relative;
    top: 0;
    padding: 0 1.8rem;
    transition-duration: 0.3s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth4.case-1 {
        padding: 0 0;
    }
}

.navi.depth4.case-1 .navi-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 8rem;
    max-width: 133.6rem;
    margin: 0 auto;
}

.navi.depth4.case-1 .navi-wrap .navi-subject .navi-name {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth4.case-1 .navi-wrap .navi-subject {
        display: none;
    }
}

.navi.depth4.case-1 .navi-wrap .tab-display {
    overflow: hidden;
    overflow-x: auto;
}

.navi.depth4.case-1 .navi-wrap .tab-display::-webkit-scrollbar {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth4.case-1 .navi-wrap .tab-display {
        width: 100%;
        padding: 0 1.8rem;
    }
}

.navi.depth4.case-1 .navi-wrap .tab-display .tab-list .tab-item {
    display: inline-block;
    width: auto;
}

.navi.depth4.case-1 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 700;
    color: #AEAEAE;
}

.navi.depth4.case-1 .navi-wrap .tab-display .tab-list .tab-item+.tab-item {
    margin-left: 2rem;
}

.navi.depth4.case-1 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #1B4B66;
    font-weight: 700;
}

.navi.depth4.case-1 .navi-wrap .swiper {
    margin-left: unset;
    margin-right: -1.8rem;
}

.navi.depth4.case-1 .navi-wrap .swiper .swiper-wrapper {
    display: block;
    white-space: nowrap;
}

.navi.depth4.case-1.action {
    position: sticky;
    top: 0rem;
    z-index: 998;
    background-color: #161F27;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth4.case-1.action {
        position: relative;
        top: unset;
        background-color: transparent;
    }
}

.navi.depth4.case-1.action .navi-wrap .navi-subject .navi-name {
    color: rgb(255, 255, 255);
}

.navi.depth4.case-1.action .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    color: #AEAEAE;
}

.navi.depth4.case-1.action .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: rgb(255, 255, 255);
}

.navi.depth4.case-1.type-1 {
    position: static;
}

.navi.depth4.case-1.type-1 .navi-wrap .tab-display {
    width: 100%;
}

.navi.depth4.case-1.type-1 .navi-wrap .tab-display .tab-list {
    width: 100%;
    align-items: center;
    justify-content: center;
}

.navi.depth4.case-1.type-1 .navi-wrap .tab-display .tab-list .tab-item+.tab-item {
    margin-left: 7.486%;
}

.navi.depth4.case-1.type-1.action {
    position: sticky;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth4.case-1.type-1 {
        position: sticky;
        top: 0;
    }

    .navi.depth4.case-1.type-1 .navi-wrap .tab-display .tab-list {
        justify-content: flex-start;
    }

    .navi.depth4.case-1.type-1.action {
        position: sticky;
    }

    .navi.depth4.case-1.type-1.action .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
        color: rgb(27, 75, 102);
    }
}

body.navi-depth4-action .navi.depth4.case-1.action {
    top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    body.navi-depth4-action .navi.depth4.case-1 {
        top: 0;
    }

    body.navi-depth4-action .navi.depth4.case-1.type-1 {
        top: 9.4rem;
    }
}

.navi.depth4.case-2 {
    position: relative;
    top: 100vh;
    padding: 0 1.8rem;
    margin-top: 8.4rem;
    transition: top 0.3s, background-color 0.3s;
    background-color: transparent;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth4.case-2 {
        padding: 0 0;
    }
}

.navi.depth4.case-2 .navi-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 8rem;
    max-width: 133.6rem;
    margin: 0 auto;
}

.navi.depth4.case-2 .navi-wrap .navi-subject .navi-name {
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth4.case-2 .navi-wrap .navi-subject {
        display: none;
    }
}

.navi.depth4.case-2 .navi-wrap .tab-display {
    overflow: hidden;
    overflow-x: auto;
}

.navi.depth4.case-2 .navi-wrap .tab-display::-webkit-scrollbar {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth4.case-2 .navi-wrap .tab-display {
        width: 100%;
        padding: 0 1.8rem;
    }
}

.navi.depth4.case-2 .navi-wrap .tab-display .tab-list .tab-item {
    display: inline-block;
    width: auto;
}

.navi.depth4.case-2 .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 700;
    color: #AEAEAE;
}

.navi.depth4.case-2 .navi-wrap .tab-display .tab-list .tab-item+.tab-item {
    margin-left: 2rem;
}

.navi.depth4.case-2 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #1B4B66;
    font-weight: 700;
}

.navi.depth4.case-2 .navi-wrap .swiper {
    margin-left: unset;
    margin-right: -1.8rem;
}

.navi.depth4.case-2 .navi-wrap .swiper .swiper-wrapper {
    display: block;
    white-space: nowrap;
}

.navi.depth4.case-2.action {
    position: sticky;
    top: 0;
    z-index: 998;
    background-color: #161F27;
    transition: top 0.3s, background-color 0.3s 0.7s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth4.case-2.action {
        position: relative;
        top: unset;
        background-color: transparent;
        z-index: unset;
    }
}

.navi.depth4.case-2.action .navi-wrap .navi-subject .navi-name {
    color: rgb(255, 255, 255);
}

.navi.depth4.case-2.action .navi-wrap .tab-display .tab-list .tab-item .tab-text {
    color: #AEAEAE;
}

.navi.depth4.case-2.action .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: rgb(255, 255, 255);
}

body.navi-depth4-action .navi.depth4.case-2 {
    top: 7.9rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    body.navi-depth4-action .navi.depth4.case-2 {
        top: unset;
    }
}

.navi.depth4.color-1 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #1E1E1E;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .navi.depth4.color-1 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
        color: #1B4B66;
    }
}

.navi.depth4.color-2,
.navi.depth4.color-2.action {
    background-color: rgba(255, 255, 255, 0.9);
}

.navi.depth4.color-2 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text,
.navi.depth4.color-2.action .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
    color: #1E1E1E;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .navi.depth4.color-2 .navi-wrap .tab-display .tab-list .tab-item.current .tab-text,
    .navi.depth4.color-2.action .navi-wrap .tab-display .tab-list .tab-item.current .tab-text {
        color: #1B4B66;
    }
}

.navi.depth4.size-1 .navi-wrap {
    height: 6rem;
}

/*
.tab-data {
    text-align: center;
    &.design-1 {
        .tab-display {
            text-align:center;
            font-size:0;
            overflow-x:auto;
            -webkit-overflow-scrolling:touch;
            -moz-overflow-scrolling:touch;
            transition-duration:.3s;

            display: inline-block;
            padding: 0.8rem;
            border: 0.1rem solid rgba(0, 0, 0, 0.1);
            border-radius: 1.8rem;
            backdrop-filter: blur(1.5rem);
            &::-webkit-scrollbar {
                height:.4rem;
                transition-duration:.3s;
            }
            &::-webkit-scrollbar-thumb {
                border-radius:1.2rem;
                transition-duration:.3s;
            }
            &::-webkit-scrollbar-track {
                border-radius:1.2rem;
                transition-duration:.3s;
            }
            &:hover,
            &:focus,
            &:active {
                z-index:3;
                &::-webkit-scrollbar-thumb {
                    background-color:rgba(0,0,0,.2);
                    border-radius:1.2rem;
                }
                &::-webkit-scrollbar-track {
                    background-color:rgba(0,0,0,.05);
                    border-radius:1.2rem;
                }
            }
            .tab-list {
                display:inline-block;
                font-size:0;
                white-space:nowrap;
                position:relative;
            }
            &.defaultLoad {
                .tab-item {
                    &:after {
                        display:none;
                    }
                    &.active {
                        &:after {
                            display:block;
                            content:"";
                            position:absolute;
                            top:0;
                            width:100%;
                            height:100%;
                            border-radius:1.2rem;
                            display:block;
                            background-color:#000000;
                        }
                    }
                }
            }
            .tab-item {
                position:relative;
                display:inline-block;
                .tab-btn {
                    .tab-text {
                        position: relative;
                        font-weight: 700;
                        font-size: 1.6rem;
                        line-height: 2.4rem;
                        color: #000000;
                        z-index: 1;
                    }
                }
                &.active {
                    .tab-btn {
                        .tab-text {
                            color: #FFFFFF;
                        }
                    }
                }
                ~ .tab-item {}
            }
            .tab-btn {
                position:relative;
                display:inline-block;
                font-size:0;
                transition-duration:.3s;
                .tab-text {
                    display:inline-block;
                    font-size:1.6rem;
                    line-height:2.4rem;
                    font-weight:600;
                    color:rgba(176,176,176,1);
                    padding: 0.6rem 1.2rem;
                    transition-duration:.3s;
                }
                &.active {
                    .tab-text {
                        color:rgba(255,255,255,1);
                    }
                }
            }
            .tab-bg {
                font-size:0;
                line-height:0;
                text-indent:-9999rem;
                position:absolute;
                top:0;
                height:100%;
                border-radius:1.2rem;
                background-color:rgba(0,0,0,0);
                transition-duration:.3s;
                &.active {
                    background-color:#000000;
                }
            }
        }

        .tab-layer {
            .tab-layer-item {
                display: none;
                &.active {
                    display: block;
                }
                .test-text {
                    font-size:3rem;
                    padding: 1.2rem;
                    color:rgba(0,0,0,1);
                }
            }
        }
    }
    &.style-mo {

    }
}*/
.table-display.design-1 {
    width: 100%;
    max-width: 133.6rem;
    margin: 4rem auto;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-1 {
        width: calc(100% + 3.6rem);
        max-width: unset;
        padding-right: 1.8rem;
        margin-left: -1.8rem;
        padding-left: 1.8rem;
        font-size: 1.2rem;
        line-height: 2rem;
        overflow-x: auto;
        margin-top: 0;
    }

    .table-display.design-1::-webkit-scrollbar {
        border-radius: 1rem;
        height: 0.4rem;
    }

    .table-display.design-1::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .table-display.design-1::-webkit-scrollbar-track {
        margin-left: 1.8rem;
        margin-right: 1.8rem;
        background-color: #eee;
        border-radius: 1rem;
    }
}

.table-display.design-1>table {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
    border-right: hidden;
    border-left: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-1>table {
        min-width: 70rem;
        table-layout: auto;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-1>table>colgroup>col.view-pc {
        display: none;
    }
}

.table-display.design-1>table>thead>tr>th {
    background-color: #091943;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    border-right: 0.1rem solid #C4C4C4;
    border-bottom: 0.1rem solid #C4C4C4;
}

.table-display.design-1>table>thead>tr>th.align-1 {
    text-align: left;
}

.table-display.design-1>table>thead>tr>th.align-2 {
    text-align: right;
}

.table-display.design-1>table>thead>tr>th.align-3 {
    text-align: center;
}

.table-display.design-1>table>thead>tr>th.bold-1 {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-1>table>thead>tr>th.view-pc {
        display: none;
    }
}

.table-display.design-1>table>tbody>tr {
    border-bottom: 0.1rem solid #C4C4C4;
}

.table-display.design-1>table>tbody>tr>th {
    padding: 1.8rem 3rem;
    font-weight: 600;
    color: #535353;
    border-right: 0.1rem solid #C4C4C4;
    word-break: keep-all;
}

.table-display.design-1>table>tbody>tr>td {
    padding: 1.8rem 3rem;
    font-weight: 500;
    color: #535353;
    border-right: 0.1rem solid #C4C4C4;
}

.table-display.design-1>table>tbody>tr>td .td-link {
    display: block;
    height: 100%;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.table-display.design-1>table>tbody>tr>th,
.table-display.design-1>table>tbody>tr td {
    background-color: #ffffff;
}

.table-display.design-1>table>tbody>tr>th.align-1,
.table-display.design-1>table>tbody>tr td.align-1 {
    text-align: left;
}

.table-display.design-1>table>tbody>tr>th.align-2,
.table-display.design-1>table>tbody>tr td.align-2 {
    text-align: right;
}

.table-display.design-1>table>tbody>tr>th.align-3,
.table-display.design-1>table>tbody>tr td.align-3 {
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .table-display.design-1>table>tbody>tr>th.view-pc,
    .table-display.design-1>table>tbody>tr td.view-pc {
        display: none;
    }
}

.table-display.design-1>table>tbody>tr>th.point-1,
.table-display.design-1>table>tbody>tr td.point-1 {
    background-color: #F4F8FF;
    color: #091943;
    font-weight: 600;
}

.table-display.design-1 .number-list {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.table-display.design-1 .number-list>li {
    list-style: decimal;
    margin-left: 1.2em;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.table-display.design-1.case-1>table>thead>tr>th,
.table-display.design-1.case-1>table>thead>tr td,
.table-display.design-1.case-1>table tbody>tr>th,
.table-display.design-1.case-1>table tbody>tr td {
    padding: 1.8rem 0.5rem;
}

.align_left {
    text-align: left !important;
    padding-left: 4rem !important;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .table-display.design-1.case-1>table>thead>tr>th,
    .table-display.design-1.case-1>table>thead>tr td,
    .table-display.design-1.case-1>table tbody>tr>th,
    .table-display.design-1.case-1>table tbody>tr td {
        padding: 1.2rem;
    }
}

.table-display.design-1.case-1>table>thead>tr>th.space-1,
.table-display.design-1.case-1>table>thead>tr td.space-1,
.table-display.design-1.case-1>table tbody>tr>th.space-1,
.table-display.design-1.case-1>table tbody>tr td.space-1 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.table-display.design-1.case-2>table>thead>tr>th,
.table-display.design-1.case-2>table>thead>tr td,
.table-display.design-1.case-2>table tbody>tr>th,
.table-display.design-1.case-2>table tbody>tr td {
    padding: 1.8rem 2.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .table-display.design-1.case-2>table>thead>tr>th,
    .table-display.design-1.case-2>table>thead>tr td,
    .table-display.design-1.case-2>table tbody>tr>th,
    .table-display.design-1.case-2>table tbody>tr td {
        padding: 1.2rem 2rem;
    }
}

.table-display.design-1.case-3>table>thead>tr>th,
.table-display.design-1.case-3>table>thead>tr td,
.table-display.design-1.case-3>table tbody>tr>th,
.table-display.design-1.case-3>table tbody>tr td {
    padding: 1.8rem 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .table-display.design-1.case-3>table>thead>tr>th,
    .table-display.design-1.case-3>table>thead>tr td,
    .table-display.design-1.case-3>table tbody>tr>th,
    .table-display.design-1.case-3>table tbody>tr td {
        padding: 1.2rem 2rem;
    }
}

.table-display.design-1.case-4>table>thead>tr>th,
.table-display.design-1.case-4>table tbody>tr>th {
    padding: 0.7rem 0.5em;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .table-display.design-1.case-4>table>thead>tr>th,
    .table-display.design-1.case-4>table tbody>tr>th {
        padding: 0.2rem 0.5rem;
        height: 4.4rem;
    }
}

.table-display.design-1.case-4>table>thead>tr>td,
.table-display.design-1.case-4>table tbody>tr>td {
    padding: 1.8rem 0.5em;
}

.table-display.design-1.case-4>table>thead>tr>td.space-1,
.table-display.design-1.case-4>table tbody>tr>td.space-1 {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .table-display.design-1.case-4>table>thead>tr>td,
    .table-display.design-1.case-4>table tbody>tr>td {
        padding: 1.2rem 0.5rem;
    }

    .table-display.design-1.case-4>table>thead>tr>td.space-1,
    .table-display.design-1.case-4>table tbody>tr>td.space-1 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.table-display.design-1.case-5>table>thead>tr>th,
.table-display.design-1.case-5>table>thead>tr td,
.table-display.design-1.case-5>table tbody>tr>th,
.table-display.design-1.case-5>table tbody>tr td {
    padding: 1.8rem 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .table-display.design-1.case-5>table>thead>tr>th,
    .table-display.design-1.case-5>table>thead>tr td,
    .table-display.design-1.case-5>table tbody>tr>th,
    .table-display.design-1.case-5>table tbody>tr td {
        padding: 1.2rem 2rem;
    }
}

.table-display.design-1.case-5>table>thead>tr>th.space-1,
.table-display.design-1.case-5>table>thead>tr td.space-1,
.table-display.design-1.case-5>table tbody>tr>th.space-1,
.table-display.design-1.case-5>table tbody>tr td.space-1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.table-display.design-1.case-5>table>thead>tr>th.space-2,
.table-display.design-1.case-5>table>thead>tr td.space-2,
.table-display.design-1.case-5>table tbody>tr>th.space-2,
.table-display.design-1.case-5>table tbody>tr td.space-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.table-display.design-1.case-5>table>thead>tr>th.space-3,
.table-display.design-1.case-5>table>thead>tr td.space-3,
.table-display.design-1.case-5>table tbody>tr>th.space-3,
.table-display.design-1.case-5>table tbody>tr td.space-3 {
    padding: 0;
}

.table-display.design-1.case-5>table>thead>tr>th.space-3 .td-link,
.table-display.design-1.case-5>table>thead>tr td.space-3 .td-link,
.table-display.design-1.case-5>table tbody>tr>th.space-3 .td-link,
.table-display.design-1.case-5>table tbody>tr td.space-3 .td-link {
    padding: 1.8rem 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .table-display.design-1.case-5>table>thead>tr>th.space-3 .td-link,
    .table-display.design-1.case-5>table>thead>tr td.space-3 .td-link,
    .table-display.design-1.case-5>table tbody>tr>th.space-3 .td-link,
    .table-display.design-1.case-5>table tbody>tr td.space-3 .td-link {
        padding: 1.2rem 2rem;
    }
}

.table-display.design-1.case-6>table>thead>tr>th,
.table-display.design-1.case-6>table>thead>tr td,
.table-display.design-1.case-6>table tbody>tr>th,
.table-display.design-1.case-6>table tbody>tr td {
    padding: 1.8rem 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .table-display.design-1.case-6>table>thead>tr>th,
    .table-display.design-1.case-6>table>thead>tr td,
    .table-display.design-1.case-6>table tbody>tr>th,
    .table-display.design-1.case-6>table tbody>tr td {
        padding: 1.2rem 2rem;
    }
}

.table-display.design-1.type-1 tbody th {
    color: #091943;
}

.table-display.design-1.type-2 tbody th {
    color: #2856CE;
}

.table-display.design-1.type-3 tbody th {
    color: #091943;
}

.table-display.design-1.type-3 tbody tr td:last-child {
    color: #091943;
}

.table-display.design-1.align-1 tbody {
    text-align: left;
}

.table-display.design-1.align-2 tbody {
    text-align: right;
}

.table-display.design-1.align-3 tbody {
    text-align: center;
}

.table-display.design-1.align-4 tbody th {
    text-align: center;
}

.table-display.design-1.align-4 tbody td {
    text-align: left;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-1.align-4 tbody td {
        text-align: center;
    }
}

.table-display.design-1.align-5 thead {
    text-align: left;
}

.table-display.design-1.align-5 tbody {
    text-align: left;
}

.table-display.design-1.align-6 tbody {
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-1.align-6 tbody td {
        text-align: left;
    }
}

.table-display.design-1.align-7 tbody th {
    text-align: center;
}

.table-display.design-1.align-7 tbody td {
    text-align: left;
}

.table-display.design-1.vertical-1 tbody td {
    vertical-align: top;
}

.table-display.design-1.accent-1 tbody th {
    background-color: #F4F8FF;
}

.table-display.design-1.accent-2 tbody th {
    background-color: #F4F8FF;
}

.table-display.design-1.accent-2 tbody tr td:last-child {
    background-color: #FFF0EC;
}

.table-display.design-1.small {
    max-width: 77rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.table-display.design-1.small-v1 {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-1.small-v1 {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.table-display.design-1 .data-info.case-1 {
    padding-top: 2.4rem;
}

.table-display.design-1 .data-info.case-2 {
    padding-top: 0.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-1 .data-info.case-2 {
        padding-top: 2.4rem;
    }
}

.table-display.design-1+.data-info.case-1 {
    padding-top: 2.4rem;
}

.table-display.design-2 {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
    border-bottom: 0.1rem solid #C4C4C4;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-2 {
        border: none;
    }
}

.table-display.design-2 .table-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: flex-start;
    justify-content: space-between;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-2 .table-list {
        grid-template-columns: 100%;
    }
}

.table-display.design-2 .table-list .table-item {
    height: 100%;
}

.table-display.design-2 .table-list .table-item~.table-item {
    border-left: 0.1rem solid #C4C4C4;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-2 .table-list .table-item~.table-item {
        border: none;
        padding-top: 3rem;
    }
}

.table-display.design-2 .table-list .table-item .table-wrap .table-head {
    background-color: #091943;
    padding: 1.8rem;
}

.table-display.design-2 .table-list .table-item .table-wrap .table-head .name {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-2 .table-list .table-item .table-wrap .table-head {
        background-color: unset;
        padding: unset;
        padding-bottom: 1rem;
    }

    .table-display.design-2 .table-list .table-item .table-wrap .table-head .name {
        font-family: "hyosung";
        text-align: left;
        color: #091943;
    }
}

.table-display.design-2 .table-list .table-item .table-wrap .table-body .para.type-1 {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.8rem;
    text-align: center;
    color: #2856CE;
    min-height: 12rem;
    padding: 0 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-display.design-2 .table-list .table-item .table-wrap .table-body .para.type-1.case-2 {
    min-height: 15rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-2 .table-list .table-item .table-wrap .table-body .para.type-1 {
        font-size: 1.4rem;
        font-weight: 700;
        text-align: left;
        line-height: 2.4rem;
        height: auto;
        min-height: unset;
        padding: 1.6rem;
        border: 0.1rem solid #E1E6EF;
        border-radius: 1.2rem;
    }

    .table-display.design-2 .table-list .table-item .table-wrap .table-body .para.type-1.case-2 {
        min-height: unset;
    }
}

.table-display.design-2 .table-list .table-item .table-wrap .table-body .para.type-2 {
    border-top: 0.1rem solid #C4C4C4;
    padding: 2.4rem 8% 2.4rem 7%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-2 .table-list .table-item .table-wrap .table-body .para.type-2 {
        border: none;
        padding: 1rem 0;
    }

    .table-display.design-2 .table-list .table-item .table-wrap .table-body .para.type-2 .order-list .order-item {
        font-size: 1.4rem !important;
        font-weight: 500 !important;
        line-height: 2.4rem !important;
        padding-left: 2rem;
    }

    .table-display.design-2 .table-list .table-item .table-wrap .table-body .para.type-2 .order-list .order-item~.order-item {
        margin-top: unset;
    }
}

.table-display.design-2.case-2 {
    max-width: 44.5333333333rem;
    margin: unset;
    margin-left: 0;
}

.table-display.design-2.case-2 .table-list {
    grid-template-columns: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display.design-2.case-2 {
        max-width: initial;
    }
}

.table-display-flex.design-1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.9%;
    max-width: 133.6rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .table-display-flex.design-1 {
        flex-direction: column;
    }

    .table-display-flex.design-1 .table-display~.table-display {
        margin-top: 4rem;
    }
}

.table-display-flex.design-1 table thead th:nth-child(1) {
    width: 31%;
}

.table-display-flex.design-1 table thead th:nth-child(2) {
    width: auto;
}

.thumbnail-display.design-33 .thumbnail-wrap,
.thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap,
.thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap,
.thumbnail-display.design-23 .thumbnail-list,
.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap,
.thumbnail-display.design-14 .thumbnail-item .data-list,
.thumbnail-display.design-14 .thumbnail-item,
.thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body,
.thumbnail-display.design-8 .thumbnail-list:nth-child(1),
.thumbnail-display.design-7 .thumbnail-list,
.thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-infrom .data-list .data-item,
.thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap,
.thumbnail-display.design-1 .thumbnail-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-wrap,
.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-wrap,
.HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-wrap,
.thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap,
.thumbnail-display.design-21 .thumbnail-list,
.thumbnail-display.design-20 .thumbnail-list,
.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list,
.thumbnail-display.design-4 .thumbnail-wrap,
.thumbnail-display.design-3 .thumbnail-item .thumbnail-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.thumbnail-display.design-18 .thumbnail-list,
.thumbnail-display.design-8 .thumbnail-swiper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.thumbnail-display.design-11 .thumbnail-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap,
.thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap,
.thumbnail-display.design-18 .thumbnail-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.thumbnail-display {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
    position: relative;
}

.thumbnail-display * {
    scroll-behavior: smooth;
}

.thumbnail-display .thumbnail-figure .img {
    width: 100%;
}

.thumbnail-display picture.thumbnail-figure {
    display: block;
}

.thumbnail-display .thumbnail-tag {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.thumbnail-display .thumbnail-tag .tag-item {
    padding: 0.3rem 1rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(255, 255, 255);
    border-radius: 0.6rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.2);
}

.thumbnail-display .thumbnail-tag .tag-item::before {
    content: "#";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display .thumbnail-tag .tag-item {
        font-weight: 600;
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-1 .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-head {
    width: 24.7rem;
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-head .subject {
    font-weight: 800;
    font-size: 10rem;
    line-height: 1;
    color: #00B066;
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-head .summary {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(0, 0, 0);
    padding-top: 8rem;
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-head .summary:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-head {
        width: 100%;
        text-align: center;
    }

    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-head .subject {
        font-size: 4.8rem;
    }

    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-head .summary {
        font-size: 2.4rem;
        line-height: 3.6rem;
        padding-top: 2.4rem;
    }
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform {
    width: 66.12%;
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-head {
    display: flex;
    align-items: flex-end;
    gap: 9.04%;
    width: auto;
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-head .thumbnail-figure {
    position: relative;
    width: 53.4%;
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-head .thumbnail-figure .img {
    width: 100%;
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-head .thumbnail-figure .para {
    position: absolute;
    left: 8.4%;
    bottom: 4rem;
    text-align: left;
    font-family: "Poppins";
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 3.6rem;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-head .thumbnail-figure .para {
        font-size: 1.8rem;
        line-height: 2.6rem;
        left: 8%;
        bottom: 15%;
    }
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-body {
    padding-top: 6rem;
    word-break: auto-phrase;
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para~.para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para~.para {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform {
        width: 100%;
    }

    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-head {
        flex-direction: column;
        padding-top: 6rem;
    }

    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-head .thumbnail-figure {
        width: 100%;
    }

    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-head .thumbnail-figure::after {
        left: 8%;
        top: 15%;
    }

    .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-head .button-display.form-1 {
        padding-top: 4rem;
    }
}

.thumbnail-display.design-2 .thumbnail-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.thumbnail-display.design-2 .thumbnail-item:nth-child(n+2) {
    padding-top: 8rem;
    margin-top: 8rem;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-2 .thumbnail-item:nth-child(n+2) {
        border-top: unset;
        padding: unset;
        margin: unset;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-2 .thumbnail-item:nth-child(1) .thumbnail-wrap:nth-child(1) {
        border-top: unset;
        padding: unset;
        margin: unset;
    }
}

.thumbnail-display.design-2 .thumbnail-wrap {
    width: 50%;
    display: flex;
    align-items: flex-start;
    gap: 7.4%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-2 .thumbnail-wrap {
        flex-direction: column;
        width: 100%;
        padding-top: 6rem;
        margin-top: 6rem;
        border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
        gap: unset;
    }
}

.thumbnail-display.design-2 .thumbnail-wrap:nth-child(even) {
    justify-content: end;
}

.thumbnail-display.design-2 .thumbnail-wrap .thumbnail-head {
    width: 13rem;
}

.thumbnail-display.design-2 .thumbnail-wrap .thumbnail-head .subject {
    font-weight: 800;
    font-size: 5rem;
    line-height: 6rem;
    color: #069774;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-2 .thumbnail-wrap .thumbnail-head {
        width: 100%;
    }

    .thumbnail-display.design-2 .thumbnail-wrap .thumbnail-head .subject {
        font-size: 3.6rem;
        line-height: 1;
    }
}

.thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body {
    width: 54.8%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body .thumbnail-figure {
    position: relative;
    display: block;
    width: 100%;
}

.thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body .thumbnail-figure .img {
    width: 100%;
}

.thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body .thumbnail-figure .para {
    position: absolute;
    left: 3.4rem;
    bottom: 3rem;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body .thumbnail-figure .para {
        left: 8%;
        bottom: 15%;
    }
}

.thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body .desc {
    font-family: "Hyosung";
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
    padding-top: 4rem;
}

.thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body .button-display.form-1 {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body {
        width: 100%;
        flex-direction: column;
    }

    .thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body .thumbnail-figure {
        width: 100%;
        border-radius: 2.4rem;
        margin-top: 3rem;
    }

    .thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body .thumbnail-figure::after {
        left: 8%;
        top: 15%;
    }

    .thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body .desc {
        font-size: 1.8rem;
        line-height: 3.2rem;
    }
}

.thumbnail-display.design-3 .thumbnail-item~.thumbnail-item {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-3 .thumbnail-item~.thumbnail-item {
        padding-top: 10rem;
    }
}

.thumbnail-display.design-3 .thumbnail-item .thumbnail-wrap {
    gap: 6.7%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-3 .thumbnail-item .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-3 .thumbnail-figure {
    display: block;
    width: 36%;
}

.thumbnail-display.design-3 .thumbnail-figure .img {
    max-width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-3 .thumbnail-figure {
        width: 100%;
    }
}

.thumbnail-display.design-3 .thumbnail-inform {
    width: 57.6%;
}

.thumbnail-display.design-3 .thumbnail-inform .thumbnail-head {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-3 .thumbnail-inform .thumbnail-body {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    padding-top: 4rem;
}

.thumbnail-display.design-3 .thumbnail-inform .table-display.design-1 {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-3 .thumbnail-inform {
        width: 100%;
        padding-top: 4rem;
    }

    .thumbnail-display.design-3 .thumbnail-inform .thumbnail-head {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .thumbnail-display.design-3 .thumbnail-inform .thumbnail-body {
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding-top: 2.4rem;
    }
}

.thumbnail-display.design-4 .thumbnail-item~.thumbnail-item {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-4 .thumbnail-item~.thumbnail-item {
        padding-top: 10rem;
    }
}

.thumbnail-display.design-4 .thumbnail-wrap {
    gap: 6.7%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-4 .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-4 .thumbnail-figure {
    display: block;
    width: 35.5%;
}

.thumbnail-display.design-4 .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-4 .thumbnail-figure {
        width: 100%;
    }
}

.thumbnail-display.design-4 .thumbnail-inform {
    width: 57.6%;
}

.thumbnail-display.design-4 .thumbnail-inform .thumbnail-head {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-4 .thumbnail-inform .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    padding-top: 4rem;
}

.thumbnail-display.design-4 .thumbnail-inform .para~.para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-4 .thumbnail-inform .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-4 .thumbnail-inform .para~.para {
        padding-top: 1rem;
    }
}

.thumbnail-display.design-4 .thumbnail-inform .button-display.form-1 {
    padding-top: 8rem;
}

.thumbnail-display.design-4 .thumbnail-inform .button-display.form-1 .design-1.icon-right-arrow01 .button-text::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.8 4C0.358172 4 -2.42698e-07 4.44771 -2.18557e-07 5C-1.94416e-07 5.55228 0.358172 6 0.8 6L6.58579 6L4.29289 8.29289C3.90237 8.68342 3.90237 9.31658 4.29289 9.70711C4.68342 10.0976 5.31658 10.0976 5.70711 9.70711L9.70711 5.70711C10.0976 5.31658 10.0976 4.68342 9.70711 4.29289L5.70711 0.292893C5.31658 -0.0976317 4.68342 -0.0976317 4.29289 0.292893C3.90237 0.683417 3.90237 1.31658 4.29289 1.70711L6.58579 4L0.8 4Z' fill='rgb(0,0,0)'/%3E%3C/svg%3E%0A");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-4 .thumbnail-inform {
        width: 100%;
        padding-top: 4rem;
    }

    .thumbnail-display.design-4 .thumbnail-inform .thumbnail-head {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .thumbnail-display.design-4 .thumbnail-inform .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding-top: 2.4rem;
    }

    .thumbnail-display.design-4 .thumbnail-inform .button-display.form-1 {
        padding-top: 4rem;
    }
}

.thumbnail-display.design-5 .thumbnail-wrap {
    display: flex;
    flex-direction: column;
}

.thumbnail-display.design-5 .thumbnail-wrap .thumbnail-head {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.thumbnail-display.design-5 .thumbnail-wrap .thumbnail-head .subject {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: #00B066;
}

.thumbnail-display.design-5 .thumbnail-wrap .thumbnail-head .thumbnail-figure {
    position: absolute;
    right: 0;
    top: 0;
    width: 26.3%;
}

.thumbnail-display.design-5 .thumbnail-wrap .thumbnail-head .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-5 .thumbnail-wrap .thumbnail-head {
        flex-direction: column;
    }

    .thumbnail-display.design-5 .thumbnail-wrap .thumbnail-head .subject {
        font-family: "Poppins";
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 3.6rem;
        color: #00B066;
    }

    .thumbnail-display.design-5 .thumbnail-wrap .thumbnail-head .thumbnail-figure {
        position: relative;
        height: 0;
        overflow: hidden;
        width: 100%;
        margin-top: 4rem;
        padding-bottom: 61.33%;
        width: calc(100% + 3.6rem);
        margin-left: -1.8rem;
    }

    .thumbnail-display.design-5 .thumbnail-wrap .thumbnail-head .thumbnail-figure .img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.thumbnail-display.design-5 .thumbnail-wrap .thumbnail-body {
    width: 66.9%;
}

.thumbnail-display.design-5 .thumbnail-wrap .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-5 .thumbnail-wrap .thumbnail-body {
        width: 100%;
    }

    .thumbnail-display.design-5 .thumbnail-wrap .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap {
    width: 100%;
    gap: 4.49%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    width: 37.79%;
}

.thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        width: 100%;
    }
}

.thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-infrom {
    width: 57.63%;
}

.thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-infrom .data-list .data-item {
    padding: 2.8rem 0 2.8rem 1rem;
    border-bottom: 0.1rem solid rgb(0, 0, 0);
}

.thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-infrom .data-list .data-item .data-head {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
}

.thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-infrom .data-list .data-item:nth-child(1) {
    padding: 0 0 2.8rem 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-infrom {
        width: 100%;
        padding-top: 2rem;
    }

    .thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-infrom .data-list .data-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 4rem 0;
    }

    .thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-infrom .data-list .data-item .data-head {
        font-size: 1.8rem;
        line-height: 3.2rem;
    }

    .thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-infrom .data-list .data-item:nth-child(1) {
        padding: 4rem 0;
    }

    .thumbnail-display.design-6 .thumbnail-item .thumbnail-wrap .thumbnail-infrom .data-list .button-display.form-1 {
        padding-top: 4rem;
    }
}

.thumbnail-display.design-6.case-2 .thumbnail-item .thumbnail-wrap {
    flex-direction: row-reverse;
    gap: 9.95%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-6.case-2 .thumbnail-item .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-6.case-2 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    width: 32.33%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-6.case-2 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        width: 100%;
    }
}

.thumbnail-display.design-6.case-2 .thumbnail-item .thumbnail-wrap .thumbnail-infrom {
    width: 57.7%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-6.case-2 .thumbnail-item .thumbnail-wrap .thumbnail-infrom {
        width: 100%;
    }
}

.thumbnail-display.design-7 .thumbnail-list {
    gap: 0.59%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-7 .thumbnail-list {
        flex-direction: column;
    }
}

.thumbnail-display.design-7 .thumbnail-item {
    position: relative;
    height: 0;
    overflow: hidden;
    width: 33.3333333333%;
    padding-bottom: 31.81%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.thumbnail-display.design-7 .thumbnail-item:nth-child(1) {
    background-image: url("../images/common/photo/sustainability/green/img-green-thumb-01.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-7 .thumbnail-item:nth-child(1) {
        background-image: url("../images/common/photo/sustainability/green/img-green-thumb-01-mo.png");
    }
}

.thumbnail-display.design-7 .thumbnail-item:nth-child(2) {
    background-image: url("../images/common/photo/sustainability/green/img-green-thumb-02.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-7 .thumbnail-item:nth-child(2) {
        background-image: url("../images/common/photo/sustainability/green/img-green-thumb-02-mo.png");
    }
}

.thumbnail-display.design-7 .thumbnail-item:nth-child(3) {
    background-image: url("../images/common/photo/sustainability/green/img-green-thumb-03.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-7 .thumbnail-item:nth-child(3) {
        background-image: url("../images/common/photo/sustainability/green/img-green-thumb-03-mo.png");
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-7 .thumbnail-item {
        width: 100%;
        padding-bottom: 85.3%;
    }

    .thumbnail-display.design-7 .thumbnail-item~.thumbnail-item {
        margin-top: 0.6rem;
    }
}

.thumbnail-display.design-7 .thumbnail-head {
    width: 5.6rem;
    height: 5.6rem;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border-radius: 1.6rem;
    position: absolute;
    left: 11.3%;
    top: 11.7%;
    box-shadow: inset 0.2rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25);
}

.thumbnail-display.design-7 .thumbnail-head .num {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 5.6rem;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-7 .thumbnail-head {
        width: 4rem;
        height: 4rem;
        border-radius: 1.2rem;
        left: 8.85%;
        top: 10.34%;
    }

    .thumbnail-display.design-7 .thumbnail-head .num {
        font-size: 1.6rem;
        line-height: 4rem;
    }
}

.thumbnail-display.design-7 .thumbnail-body {
    position: absolute;
    left: 11.3%;
    top: 51.76%;
    padding-right: 11.3%;
}

.thumbnail-display.design-7 .thumbnail-body .para {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    text-align: left;
    color: rgb(255, 255, 255);
}

@media (max-width: 1200px) {
    .thumbnail-display.design-7 .thumbnail-body {
        top: 40%;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-7 .thumbnail-body {
        left: 8.85%;
        top: 44.83%;
        padding-right: 8.85%;
    }

    .thumbnail-display.design-7 .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-8 {
        width: calc(100% + 3.6rem);
        max-width: unset;
        margin-left: -1.8rem;
    }
}

.thumbnail-display.design-8 .thumbnail-swiper {
    gap: 0.89%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-8 .thumbnail-swiper {
        padding-left: 1.8rem;
    }
}

.thumbnail-display.design-8 .thumbnail-list .thumbnail-item .thumbnail-head {
    width: 5.6rem;
    height: 5.6rem;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border-radius: 1.6rem;
    position: absolute;
    top: 11.7%;
    left: 11.3%;
    box-shadow: inset 0.2rem 0.3rem 0.4rem rgba(0, 0, 0, 0.25);
}

.thumbnail-display.design-8 .thumbnail-list .thumbnail-item .thumbnail-head .num {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 5.6rem;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-8 .thumbnail-list .thumbnail-item .thumbnail-head {
        width: 4rem;
        height: 4rem;
        border-radius: 1.2rem;
        top: 10.38%;
        left: 10.38%;
    }

    .thumbnail-display.design-8 .thumbnail-list .thumbnail-item .thumbnail-head .num {
        font-size: 1.6rem;
        line-height: 3.2rem;
        line-height: 4rem;
    }
}

.thumbnail-display.design-8 .thumbnail-list .thumbnail-item .thumbnail-body {
    position: absolute;
    left: 11.3%;
    top: 44.7%;
    padding-right: 11.3%;
}

.thumbnail-display.design-8 .thumbnail-list .thumbnail-item .thumbnail-body .para {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    text-align: left;
    color: rgb(255, 255, 255);
    word-break: keep-all;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-8 .thumbnail-list .thumbnail-item .thumbnail-body {
        left: 10.38%;
        top: 38.06%;
    }

    .thumbnail-display.design-8 .thumbnail-list .thumbnail-item .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-8 .thumbnail-list .thumbnail-item:nth-child(even) .thumbnail-head {
    top: auto;
    left: auto;
    bottom: 11.7%;
    right: 11.3%;
}

.thumbnail-display.design-8 .thumbnail-list:nth-child(1) {
    flex-wrap: wrap;
    gap: 0.59%;
    width: 66.46%;
}

.thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item {
    position: relative;
    height: 0;
    overflow: hidden;
    width: 49.41%;
    padding-bottom: 47.86%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(1) {
    background-image: url("../images/common/photo/sustainability/green/img-green-thumb-04.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(1) {
        background-image: url("../images/common/photo/sustainability/green/img-green-thumb-04-mo.png");
    }
}

.thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(2) {
    background-image: url("../images/common/photo/sustainability/green/img-green-thumb-05.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(2) {
        background-image: url("../images/common/photo/sustainability/green/img-green-thumb-05-mo.png");
    }
}

.thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(3) {
    background-image: url("../images/common/photo/sustainability/green/img-green-thumb-06.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(3) {
        background-image: url("../images/common/photo/sustainability/green/img-green-thumb-06-mo.png");
    }
}

.thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(4) {
    background-image: url("../images/common/photo/sustainability/green/img-green-thumb-07.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(4) {
        background-image: url("../images/common/photo/sustainability/green/img-green-thumb-07-mo.png");
    }
}

.thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(n+3) {
    margin-top: 1.4%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-8 .thumbnail-list:nth-child(1) {
        width: 100%;
        flex-wrap: nowrap;
    }

    .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item {
        width: 77%;
        padding-bottom: 72%;
    }

    .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(n+3) {
        margin-top: unset;
    }
}

.thumbnail-display.design-8 .thumbnail-list:nth-child(2) {
    width: 32.96%;
}

.thumbnail-display.design-8 .thumbnail-list:nth-child(2) .thumbnail-item {
    position: relative;
    height: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: 195.45%;
    background: url("../images/common/photo/sustainability/green/img-green-thumb-08.png") center center no-repeat;
    background-size: cover;
}

.thumbnail-display.design-8 .thumbnail-list:nth-child(2) .thumbnail-item .img {
    position: absolute;
    top: 6%;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-8 .thumbnail-list:nth-child(2) {
        display: none;
    }
}

.thumbnail-display.design-9 {
    width: 50.67%;
    max-width: 67.7rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-9 {
        width: 100%;
        max-width: unset;
    }
}

.thumbnail-display.design-9 .thumbnail-item~.thumbnail-item {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-9 .thumbnail-item~.thumbnail-item {
        padding-top: 6rem;
    }
}

.thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-head {
    text-align: left;
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    padding: 0 2.4rem 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-head {
        font-size: 1.8rem;
        line-height: 3.2rem;
        padding: 0 1rem 2.4rem;
    }
}

.thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-body {
    text-align: left;
}

.thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-figure {
    display: block;
    width: 100%;
    margin-bottom: 3.4rem;
}

.thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-figure .img {
    width: 100%;
}

.thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-body .para {
    padding: 0 2.4rem;
}

.thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-body .para.type-1 {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(27, 75, 102);
    padding-bottom: 1.6rem;
}

.thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-body .para.type-2 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgb(40, 40, 40);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-body .para {
        padding: unset;
    }

    .thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-body .para.type-1 {
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding-bottom: 1.6rem;
    }

    .thumbnail-display.design-9 .thumbnail-item .thumbnail-wrap .thumbnail-body .para.type-2 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-10 .thumbnail-item .thumbnail-wrap {
    display: flex;
    flex-direction: column;
}

.thumbnail-display.design-10 .thumbnail-item .thumbnail-wrap .thumbnail-head {
    padding-bottom: 6rem;
    margin-left: 2rem;
    padding-right: 2rem;
}

.thumbnail-display.design-10 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    color: rgb(0, 0, 0);
    padding-bottom: 3rem;
}

.thumbnail-display.design-10 .thumbnail-item .thumbnail-wrap .thumbnail-head .summary {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgb(40, 40, 40);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-10 .thumbnail-item .thumbnail-wrap .thumbnail-head {
        width: 100% !important;
        margin-left: unset;
        padding-right: 0;
    }

    .thumbnail-display.design-10 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject {
        font-size: 2.4rem;
        line-height: 3.6rem;
        padding-bottom: 2.4rem;
    }

    .thumbnail-display.design-10 .thumbnail-item .thumbnail-wrap .thumbnail-head .summary {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-10 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    display: block;
}

.thumbnail-display.design-10 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-10 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        width: 100% !important;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {

    .thumbnail-display.design-10.case-2 .thumbnail-item .thumbnail-wrap,
    .thumbnail-display.design-10.case-3 .thumbnail-item .thumbnail-wrap,
    .thumbnail-display.design-10.case-4 .thumbnail-item .thumbnail-wrap,
    .thumbnail-display.design-10.case-5 .thumbnail-item .thumbnail-wrap {
        flex-direction: column-reverse;
    }

    .thumbnail-display.design-10.case-2 .thumbnail-item .thumbnail-wrap .thumbnail-head,
    .thumbnail-display.design-10.case-3 .thumbnail-item .thumbnail-wrap .thumbnail-head,
    .thumbnail-display.design-10.case-4 .thumbnail-item .thumbnail-wrap .thumbnail-head,
    .thumbnail-display.design-10.case-5 .thumbnail-item .thumbnail-wrap .thumbnail-head {
        padding-top: 4rem;
        padding-bottom: 0;
    }

    .thumbnail-display.design-10.case-2 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject,
    .thumbnail-display.design-10.case-3 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject,
    .thumbnail-display.design-10.case-4 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject,
    .thumbnail-display.design-10.case-5 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject {
        font-size: 1.8rem;
        line-height: 3.2rem;
        padding-bottom: 1.6rem;
    }
}

.thumbnail-display.design-11 {
    position: relative;
    width: 100%;
    max-width: 184rem;
    height: auto;
    padding: 13.2rem 0 10.5rem;
    border-radius: 3.2rem;
    overflow: hidden;
    background: url("../images/common/photo/sustainability/resource/img-thumb-02-bg.jpg") center center no-repeat;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-11 {
        border-radius: unset;
        padding: 10rem 0 8rem;
        background: url("../images/common/photo/sustainability/resource/img-thumb-02-bg-mo.jpg") center center no-repeat;
        background-size: cover;
    }
}

.thumbnail-display.design-11 .thumbnail-wrap {
    width: 100%;
    gap: 11.95%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-11 .thumbnail-wrap {
        flex-direction: column-reverse;
    }
}

.thumbnail-display.design-11 .thumbnail-wrap .thumbnail-head {
    width: 34.5rem;
    padding-left: 1.8rem;
}

.thumbnail-display.design-11 .thumbnail-wrap .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    color: rgb(255, 255, 255);
    padding-bottom: 3rem;
}

.thumbnail-display.design-11 .thumbnail-wrap .thumbnail-head .summary {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #F4F8FF;
    word-break: keep-all;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-11 .thumbnail-wrap .thumbnail-head {
        width: 100%;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-top: 6rem;
    }

    .thumbnail-display.design-11 .thumbnail-wrap .thumbnail-head .subject {
        font-size: 2.4rem;
        line-height: 3.6rem;
        padding-bottom: 2.4rem;
    }

    .thumbnail-display.design-11 .thumbnail-wrap .thumbnail-head .summary {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-11 .thumbnail-wrap .thumbnail-figure {
    display: block;
    width: 30.7%;
}

.thumbnail-display.design-11 .thumbnail-wrap .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-11 .thumbnail-wrap .thumbnail-figure {
        width: 100%;
        padding-left: 2.3rem;
    }
}

.thumbnail-display.design-12 .thumbnail-item~.thumbnail-item {
    padding-top: 8rem;
}

.thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap {
    display: flex;
    justify-content: space-between;
    gap: 8.459%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    position: relative;
    height: 0;
    overflow: hidden;
    width: 23.87%;
    padding-bottom: 20.65%;
}

.thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        width: 66.66%;
        padding-bottom: 62.4%;
        border-radius: 1.6rem;
    }
}

.thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
    width: 67.671%;
}

.thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
    color: rgb(0, 0, 0);
    padding-bottom: 3rem;
}

.thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgb(40, 40, 40);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        width: 100%;
        padding-top: 4rem;
    }

    .thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head {
        font-size: 1.8rem;
        line-height: 3.2rem;
        padding-bottom: 1.6rem;
    }

    .thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-12 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body+.thumbnail-body {
        padding-top: 1rem;
    }
}

.thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-head {
    padding-bottom: 9.6rem;
}

.thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 4rem;
    line-height: 6rem;
    color: rgb(0, 0, 0);
    padding-bottom: 2rem;
}

.thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-head .summary {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #B3B3B3;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-head {
        padding-bottom: 4rem;
    }

    .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject {
        font-size: 2.4rem;
        line-height: 3.6rem;
        padding-bottom: 0.8rem;
    }

    .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-head .summary {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body {
    max-width: 111rem;
    gap: 11.9%;
}

.thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-figure {
    width: 38.9%;
}

.thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-figure .img {
    width: 100%;
}

.thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-data {
    width: 49.09%;
}

.thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-data .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-data .para~.para {
    padding-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body {
        flex-direction: column;
    }

    .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-figure {
        width: 100%;
        margin-bottom: 4rem;
        margin-right: 0;
        margin-left: auto;
    }

    .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-data {
        width: 100%;
    }

    .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-data .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body .thumbnail-data .para~.para {
        padding-top: 1rem;
    }
}

.thumbnail-display.design-14 {
    padding: 0.2rem 0;
}

.thumbnail-display.design-14 .thumbnail-item {
    gap: 8.6%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-14 .thumbnail-item {
        flex-direction: column;
    }
}

.thumbnail-display.design-14 .thumbnail-item .thumbnail-head {
    width: 26.7%;
    position: relative;
}

.thumbnail-display.design-14 .thumbnail-item .thumbnail-head .subject {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    padding: 1.2rem 2rem;
    border-radius: 1.6rem;
    background-color: #33455C;
    position: absolute;
    left: 53%;
    top: 40.4%;
    width: -moz-max-content;
    width: max-content;
}

@media screen and (max-width: 1500px) {
    .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .subject {
        font-size: 1.46vw;
    }
}

.thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary {
    display: flex;
    align-items: flex-end;
}

.thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary .img {
    margin-right: 8.4%;
    width: 44.25%;
}

.thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary .name {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 5.6rem;
    line-height: 7.2rem;
    color: rgb(255, 255, 255);
}

@media screen and (max-width: 1500px) {
    .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary .name {
        font-size: 3.73vw;
    }
}

.thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary .num {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-14 .thumbnail-item .thumbnail-head {
        display: flex;
        align-items: center;
        width: 100%;
        padding-bottom: 4rem;
    }

    .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .subject {
        position: static;
        display: inline-block;
        padding: unset;
        padding-right: 0.8rem;
        background-color: unset;
        border-radius: unset;
        font-weight: 700;
        width: auto;
        font-family: "Hyosung";
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary .img {
        display: none;
    }

    .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary .name {
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary .num {
        display: inline-block;
        vertical-align: middle;
    }
}

.thumbnail-display.design-14 .thumbnail-item .data-list {
    width: 64.6%;
    flex-wrap: wrap;
    gap: 4.1%;
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item {
    position: relative;
    height: 0;
    overflow: hidden;
    width: 30.4733333333%;
    padding-bottom: 27.77%;
    border-radius: 4rem;
    border: 1.2rem solid #1D252F;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.1);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item:nth-child(n+4) {
    margin-top: 4.1%;
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item .data-head {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 4.2rem;
    color: rgb(255, 255, 255);
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item:nth-child(1) {
    background-image: url("../images/common/photo/sustainability/humanrights/img-thumb-rule-01.jpg");
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item:nth-child(2) {
    background-image: url("../images/common/photo/sustainability/humanrights/img-thumb-rule-02.jpg");
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item:nth-child(3) {
    background-image: url("../images/common/photo/sustainability/humanrights/img-thumb-rule-03.jpg");
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item:nth-child(4) {
    background-image: url("../images/common/photo/sustainability/humanrights/img-thumb-rule-04.jpg");
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item:nth-child(5) {
    background-image: url("../images/common/photo/sustainability/humanrights/img-thumb-rule-05.jpg");
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item:nth-child(6) {
    background-image: url("../images/common/photo/sustainability/humanrights/img-thumb-rule-06.jpg");
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item:nth-child(7) {
    background-image: url("../images/common/photo/sustainability/humanrights/img-thumb-rule-07.jpg");
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item:nth-child(8) {
    background-image: url("../images/common/photo/sustainability/humanrights/img-thumb-rule-08.jpg");
}

.thumbnail-display.design-14 .thumbnail-item .data-list .data-item:nth-child(9) {
    background-image: url("../images/common/photo/sustainability/humanrights/img-thumb-rule-09.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-14 .thumbnail-item .data-list {
        width: 100%;
    }

    .thumbnail-display.design-14 .thumbnail-item .data-list .data-item {
        border-radius: 1.6rem;
        border: 0.4rem solid #1D252F;
        box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.1);
    }

    .thumbnail-display.design-14 .thumbnail-item .data-list .data-item .data-head {
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.thumbnail-display.design-14.case-2 .data-item {
    padding-bottom: unset;
    height: 100px;
}

.thumbnail-display.design-15 .thumbnail-item {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-15 .thumbnail-item {
        flex-direction: column-reverse;
    }
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap {
    position: relative;
    width: 60%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap {
        width: 100%;
    }
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head {
    padding-top: 4rem;
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head {
        padding-top: 0;
    }
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head .caption {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 4rem;
    padding-bottom: 3rem;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject {
    font-family: "hyosung";
    font-size: 2.8rem;
    line-height: 4.8rem;
    font-family: "hyosung";
    font-weight: 700;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject .accent {
    display: block;
    color: rgb(40, 86, 206);
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head .thumbnail-figure {
    position: absolute;
    right: 0;
    top: 0;
    width: 39.97%;
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head .thumbnail-figure {
        width: 100%;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head {
        padding-bottom: 2.4rem;
    }

    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject {
        font-size: 2.2rem;
        line-height: 3.2rem;
        padding-bottom: 0.4rem;
    }

    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head .caption {
        font-size: 1.6rem;
        line-height: 2.6rem;
        padding-bottom: 1.6rem;
    }

    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-head .thumbnail-figure {
        width: 100%;
    }
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
    width: 86%;
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head {
    padding-bottom: 7rem;
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
    font-weight: 600;
    font-size: 3.6rem;
    line-height: 1.55;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject .accent-1 {
    font-weight: 700;
    color: rgb(40, 86, 206);
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body .para~.para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        width: 100%;
    }

    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head {
        padding-bottom: 4rem;
    }

    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
        font-size: 2.2rem;
    }

    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-15 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body .para~.para {
        padding-top: 1rem;
    }
}

.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap {
    gap: 10.47%;
}

.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    display: block;
    width: 34.13%;
}

.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    width: 100%;
}

.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
    width: 55.38%;
}

.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list {
    flex-wrap: wrap;
}

.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item {
    width: 44.59%;
}

.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item .data-head {
    font-family: "Hyosung";
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    padding-bottom: 3rem;
    color: #87D3FE;
}

.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item .data-body {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgb(255, 255, 255);
}

.thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item:nth-child(n+3) {
    margin-top: 10.8%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap {
        flex-direction: column;
    }

    .thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        width: 100%;
    }

    .thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        width: 100%;
    }

    .thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item {
        width: 100%;
        margin-top: 6rem;
    }

    .thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item .data-head {
        font-size: 1.6rem;
        line-height: 2.6rem;
        padding-bottom: 1.6rem;
    }

    .thumbnail-display.design-16 .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item .data-body {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-17 .thumbnail-wrap {
    display: flex;
    gap: 10.48%;
    align-items: flex-start;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-17 .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-17 .thumbnail-wrap .thumbnail-figure {
    flex-basis: 51.8rem;
    width: 100%;
}

.thumbnail-display.design-17 .thumbnail-wrap .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-17 .thumbnail-wrap .thumbnail-figure {
        flex-basis: unset;
        padding-bottom: 6rem;
    }
}

.thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform {
    width: 50.74%;
}

.thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-head {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 5.6rem;
    line-height: 7.2rem;
    color: rgb(0, 0, 0);
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-head {
        padding-bottom: 4rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-body {
    flex-basis: 67.8rem;
    width: 100%;
}

.thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-body .title+.para {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-body .title+.para {
        padding-top: 2.4rem;
    }
}

.thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para~.para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-body {
        flex-basis: unset;
    }

    .thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-body .title {
        padding-right: 13rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform {
        flex-direction: column;
        width: 100%;
    }

    .thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-head {
        font-size: 3.2rem;
        line-height: 4rem;
        padding-bottom: 4rem;
    }

    .thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-17 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para~.para {
        padding-top: 1rem;
    }
}

.thumbnail-display.design-18 .thumbnail-list {
    flex-wrap: wrap;
}

.thumbnail-display.design-18 .thumbnail-item {
    position: relative;
    width: 48.5%;
    min-height: 25.8rem;
    padding-top: 5.2rem;
    padding-bottom: 4.2rem;
    padding-left: 6rem;
    padding-right: 6rem;
    background: rgba(244, 248, 255, 0.8);
    border-radius: 2.4rem;
    overflow: hidden;
}

.thumbnail-display.design-18 .thumbnail-item:nth-child(n+3) {
    margin-top: 1.49%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-18 .thumbnail-item {
        width: 100%;
        flex-direction: column;
        min-height: unset;
        border-radius: unset;
        padding: unset;
        background: unset;
    }

    .thumbnail-display.design-18 .thumbnail-item+.thumbnail-item {
        padding-top: 4rem;
    }
}

.thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    position: relative;
    height: 0;
    overflow: hidden;
    width: 27.5%;
    padding-bottom: 27.46%;
    margin-right: 6.17%;
    display: block;
    overflow: hidden;
}

.thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        width: 100%;
        padding-bottom: 61.46%;
        margin-bottom: 3rem;
    }
}

.thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    font-family: "hyosung";
    color: #1B4B66;
    padding-bottom: 2rem;
}

.thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .num {
    display: inline-block;
    position: absolute;
    bottom: -11rem;
    right: -3.3rem;
    min-width: 20.6rem;
    min-height: 30rem;
    font-family: "Poppins";
    font-size: 20rem;
    font-weight: 700;
    line-height: 30rem;
    color: rgba(27, 75, 102, 0.2);
    text-align: center;
}

.thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
    font-size: 1.8rem;
    line-height: 3.2rem;
    max-width: 42rem;
    font-weight: 600;
    color: rgb(0, 0, 0);
    position: relative;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        width: 100%;
    }

    .thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head {
        font-size: 2rem;
        line-height: 3.2rem;
        padding-bottom: 1.6rem;
        word-break: keep-all;
    }

    .thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .num {
        top: -99999rem;
        left: -99999rem;
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
        font-size: 1.6rem;
        line-height: 2.6rem;
        font-weight: 500;
        max-width: initial;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-18 .thumbnail-item .thumbnail-wrap {
        width: 100%;
        flex-direction: column;
    }
}

.thumbnail-display.design-19 .thumbnail-item~.thumbnail-item {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-19 .thumbnail-item~.thumbnail-item {
        padding-top: 6rem;
    }
}

.thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap {
    gap: 7.85%;
    align-items: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
}

.thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    display: block;
    width: 34.46%;
}

.thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        width: 100%;
        padding-bottom: 2rem;
    }
}

.thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
    width: 52.09%;
}

.thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .date {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: rgb(255, 141, 36);
    padding-bottom: 0.4rem;
}

.thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #1B4B66;
    padding-bottom: 3rem;
}

.thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        width: 100%;
    }

    .thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .date {
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding-bottom: 0.2rem;
    }

    .thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
        font-size: 1.6rem;
        line-height: 2.6rem;
        padding-bottom: 1.6rem;
    }

    .thumbnail-display.design-19 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-20 {
        padding: 0 3.2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-20 .thumbnail-list {
        flex-direction: column;
    }
}

.thumbnail-display.design-20 .thumbnail-item {
    width: 29.34%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-20 .thumbnail-item {
        width: 100%;
    }

    .thumbnail-display.design-20 .thumbnail-item~.thumbnail-item {
        padding-top: 6rem;
    }
}

.thumbnail-display.design-20 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    width: 100%;
}

.thumbnail-display.design-20 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    width: 100%;
    padding-bottom: 4rem;
}

.thumbnail-display.design-20 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .year {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    padding-bottom: 0.5rem;
}

.thumbnail-display.design-20 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
    font-family: "hyosung";
    font-size: 2.8rem;
    line-height: 4.2rem;
    font-family: "hyosung";
    font-weight: 700;
    color: #FFC633;
    padding-bottom: 3rem;
}

.thumbnail-display.design-20 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-20 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .year {
        font-size: 1.6rem;
        line-height: 2.2rem;
        padding-bottom: 0.2rem;
    }

    .thumbnail-display.design-20 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
        font-size: 1.8rem;
        line-height: 3rem;
        padding-bottom: 1.6rem;
    }

    .thumbnail-display.design-20 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-21 .thumbnail-list {
    flex-wrap: wrap;
}

.thumbnail-display.design-21 .thumbnail-item {
    width: 27.32%;
}

.thumbnail-display.design-21 .thumbnail-item .thumbnail-figure {
    position: relative;
    height: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: 60.27%;
    margin-bottom: 2rem;
    border-radius: 3.2rem;
}

.thumbnail-display.design-21 .thumbnail-item .thumbnail-figure .img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.thumbnail-display.design-21 .thumbnail-item .thumbnail-body .para {
    font-size: 1.8rem;
    line-height: 3.2rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-family: "hyosung";
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin-bottom: 1rem;
}

.thumbnail-display.design-21 .thumbnail-item .thumbnail-body .date {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 500;
    color: rgb(153, 153, 153);
}

.thumbnail-display.design-21 .thumbnail-item:nth-child(n+4) {
    padding-top: 5.98%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-21 .thumbnail-item {
        width: 100%;
    }

    .thumbnail-display.design-21 .thumbnail-item .thumbnail-wrap {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 5.3%;
    }

    .thumbnail-display.design-21 .thumbnail-item .thumbnail-figure {
        width: 41.6%;
        padding-bottom: 25.06%;
        border-radius: 1.6rem;
    }

    .thumbnail-display.design-21 .thumbnail-item .thumbnail-body {
        width: 47.5%;
    }

    .thumbnail-display.design-21 .thumbnail-item .thumbnail-body .para {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-bottom: 0.8rem;
    }

    .thumbnail-display.design-21 .thumbnail-item .thumbnail-body .date {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.thumbnail-display.design-22 {
    width: 100%;
    max-width: 77.1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-22 {
        max-width: unset;
    }
}

.thumbnail-display.design-22 .thumbnail-item .thumbnail-figure {
    display: block;
    width: 100%;
    max-width: 74rem;
    padding-bottom: 6rem;
}

.thumbnail-display.design-22 .thumbnail-item .thumbnail-figure .img {
    width: 100%;
}

.thumbnail-display.design-22 .thumbnail-item .thumbnail-inform .thumbnail-head {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-family: "hyosung";
    font-weight: 700;
    color: rgb(255, 255, 255);
    padding-bottom: 3rem;
}

.thumbnail-display.design-22 .thumbnail-item .thumbnail-inform .thumbnail-body {
    font-size: 1.8rem;
    line-height: 3.2rem;
    font-weight: 500;
    color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-22 .thumbnail-item .thumbnail-figure {
        max-width: 67.8rem;
    }

    .thumbnail-display.design-22 .thumbnail-item .thumbnail-inform .thumbnail-head {
        font-size: 1.8rem;
        line-height: 3.2rem;
        padding-bottom: 1.6rem;
    }

    .thumbnail-display.design-22 .thumbnail-item .thumbnail-inform .thumbnail-body {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-23 {
    width: 100%;
    max-width: 92.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 {
        min-width: 59.6rem;
    }
}

.thumbnail-display.design-23 .thumbnail-list {
    flex-wrap: wrap;
    gap: 1.19%;
}

.thumbnail-display.design-23 .thumbnail-item {
    width: 23.81%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 23.7%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.thumbnail-display.design-23 .thumbnail-item .thumbnail-head {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.thumbnail-display.design-23 .thumbnail-item .thumbnail-head .subject {
    font-size: 2rem;
    line-height: 3.2rem;
    font-family: "hyosung";
    font-weight: 700;
    color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 .thumbnail-item .thumbnail-head .subject {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.thumbnail-display.design-23 .thumbnail-item.case-1 .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 .thumbnail-item.case-1 .thumbnail-head .subject {
        font-size: 2.2rem;
        line-height: 3.4rem;
    }
}

.thumbnail-display.design-23 .thumbnail-item:nth-child(1) {
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-01.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 .thumbnail-item:nth-child(1) {
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-01-mo.png");
    }
}

.thumbnail-display.design-23 .thumbnail-item:nth-child(2) {
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-02.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 .thumbnail-item:nth-child(2) {
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-02-mo.png");
    }
}

.thumbnail-display.design-23 .thumbnail-item:nth-child(3) {
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-03.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 .thumbnail-item:nth-child(3) {
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-03-mo.png");
    }
}

.thumbnail-display.design-23 .thumbnail-item:nth-child(4) {
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-04.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 .thumbnail-item:nth-child(4) {
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-04-mo.png");
    }
}

.thumbnail-display.design-23 .thumbnail-item:nth-child(5) {
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-05.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 .thumbnail-item:nth-child(5) {
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-05-mo.png");
    }
}

.thumbnail-display.design-23 .thumbnail-item:nth-child(6) {
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-06.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 .thumbnail-item:nth-child(6) {
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-06-mo.png");
    }
}

.thumbnail-display.design-23 .thumbnail-item:nth-child(7) {
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-07.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 .thumbnail-item:nth-child(7) {
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-07-mo.png");
    }
}

.thumbnail-display.design-23 .thumbnail-item:nth-child(8) {
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-08.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-23 .thumbnail-item:nth-child(8) {
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-08-mo.png");
    }
}

.thumbnail-display.design-23 .thumbnail-item:nth-child(n+4) {
    margin-top: 1.19%;
}

.thumbnail-display.design-24 .thumbnail-wrap .thumbnail-head {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    padding-bottom: 4rem;
    font-family: "hyosung";
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-24 .thumbnail-wrap .thumbnail-head {
        font-size: 2.4rem;
        line-height: 3.6rem;
        padding-bottom: 2.4rem;
    }
}

.thumbnail-display.design-24 .thumbnail-wrap .thumbnail-body {
    width: 100%;
}

.thumbnail-display.design-24 .thumbnail-wrap .thumbnail-body .thumbnail-figure {
    width: 100%;
    margin-bottom: 6rem;
    border-radius: 2.4rem;
    overflow: hidden;
}

.thumbnail-display.design-24 .thumbnail-wrap .thumbnail-body .thumbnail-figure .img {
    width: 100%;
}

.thumbnail-display.design-24 .thumbnail-wrap .thumbnail-body .para {
    font-size: 1.8rem;
    line-height: 3.2rem;
    font-weight: 500;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-24 .thumbnail-wrap .thumbnail-body .para~.para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-24 .thumbnail-wrap .thumbnail-body {
        width: 100%;
    }

    .thumbnail-display.design-24 .thumbnail-wrap .thumbnail-body .thumbnail-figure {
        border-radius: 0.9rem;
        margin-bottom: 4rem;
    }

    .thumbnail-display.design-24 .thumbnail-wrap .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-24 .thumbnail-wrap .thumbnail-body .para~.para {
        padding-top: 1rem;
    }
}

.thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap {
    padding: 4rem 8.45%;
    border: 0.1rem solid rgb(225, 230, 239);
    border-radius: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap {
        flex-direction: column;
        padding: 3rem 8% 1rem;
    }
}

.thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap .thumbnail-head {
    width: 71.17%;
}

.thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    font-family: "hyosung";
    color: rgb(0, 0, 0);
    padding-bottom: 0.8rem;
}

.thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject.en {
    font-family: "Poppins";
}

.thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap .thumbnail-head .summary {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 600;
    color: rgb(153, 153, 153);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap .thumbnail-head {
        width: 100%;
        padding-bottom: 1rem;
    }

    .thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap .thumbnail-head .subject {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap .thumbnail-head .summary {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    width: 25.225%;
}

.thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        width: 100%;
    }
}

.thumbnail-display.design-25 .thumbnail-item .thumbnail-wrap.type-1 .thumbnail-head .subject {
    font-family: "hyosung";
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item {
    gap: 9.995%;
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item .thumbnail-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-26 .thumbnail-list .thumbnail-item .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item~.thumbnail-item {
    margin-top: 10rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-26 .thumbnail-list .thumbnail-item~.thumbnail-item {
        margin-top: 4rem;
    }
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item .thumbnail-figure {
    display: block;
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item .thumbnail-figure .img {
    width: 100%;
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item .tumbnail-body .para {
    font-size: 18px;
    font-weight: 500;
    line-height: 177.778%;
    color: #282828;
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item .tumbnail-body .para~.para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-26 .thumbnail-list .thumbnail-item .tumbnail-body .para {
        font-size: 1.4rem;
        line-height: 24px;
    }

    .thumbnail-display.design-26 .thumbnail-list .thumbnail-item .tumbnail-body .para~.para {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-26 .thumbnail-list .thumbnail-item .tumbnail-body {
        margin-top: 4rem;
    }
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item:nth-child(1) .thumbnail-wrap .thumbnail-figure {
    width: 32.335%;
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item:nth-child(1) .thumbnail-wrap .tumbnail-body {
    width: 57.709%;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .thumbnail-display.design-26 .thumbnail-list .thumbnail-item:nth-child(1) .thumbnail-wrap .thumbnail-figure,
    .thumbnail-display.design-26 .thumbnail-list .thumbnail-item:nth-child(1) .thumbnail-wrap .tumbnail-body {
        width: 100%;
    }
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item:nth-child(2) .thumbnail-wrap {
    flex-direction: row-reverse;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-26 .thumbnail-list .thumbnail-item:nth-child(2) .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item:nth-child(2) .thumbnail-wrap .thumbnail-figure {
    width: 57.709%;
}

.thumbnail-display.design-26 .thumbnail-list .thumbnail-item:nth-child(2) .thumbnail-wrap .tumbnail-body {
    width: 32.335%;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .thumbnail-display.design-26 .thumbnail-list .thumbnail-item:nth-child(2) .thumbnail-wrap .thumbnail-figure,
    .thumbnail-display.design-26 .thumbnail-list .thumbnail-item:nth-child(2) .thumbnail-wrap .tumbnail-body {
        width: 100%;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    width: 32.335%;
}

.thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap .tumbnail-body {
    width: 57.709%;
}

.thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap .tumbnail-body .para {
    font-size: 1.8rem;
    line-height: 3.2rem;
    font-weight: 500;
    color: #282828;
}

.thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap .tumbnail-body .para~.para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-figure,
    .thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap .tumbnail-body {
        width: 100%;
    }

    .thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap .tumbnail-body {
        padding-top: 4rem;
    }

    .thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap .tumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-27 .thumbnail-list .thumbnail-item .thumbnail-wrap .tumbnail-body .para~.para {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        max-width: 65rem;
        margin: 0 auto;
    }
}

.thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        padding-top: 6rem;
    }
}

.thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item {
    width: 46.257%;
}

.thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item:nth-child(n+3) {
    padding-top: 8rem;
}

.thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item .data-head {
    font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: #1B4B66;
    padding-bottom: 2rem;
}

.thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item .data-body {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 500;
    color: #282828;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item {
        width: 100%;
    }

    .thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item~.data-item {
        padding-top: 4rem !important;
    }

    .thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item .data-head {
        font-size: 1.6rem;
        line-height: 2.6rem;
        padding-bottom: 1.6rem;
    }

    .thumbnail-display.design-28 .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-inform .data-list .data-item .data-body {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-29 .thumbnail-wrap {
        flex-direction: column;
    }
}

.thumbnail-display.design-29 .thumbnail-wrap .thumbnail-head {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 5.6rem;
    line-height: 7.2rem;
    color: rgb(0, 0, 0);
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-29 .thumbnail-wrap .thumbnail-head {
        padding-bottom: 4rem;
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform {
    display: flex;
    gap: 10.48%;
    align-items: center;
}

.thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-figure {
    flex-basis: 51.8rem;
    width: 100%;
}

.thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-figure {
        flex-basis: unset;
        padding-bottom: 4rem;
    }
}

.thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-body {
    flex-basis: 67.8rem;
    width: 100%;
}

.thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-body .title+.para {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-body .title+.para {
        padding-top: 2.4rem;
    }
}

.thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para~.para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-body {
        flex-basis: unset;
    }

    .thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-body .title {
        padding-right: 9rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform {
        flex-direction: column;
        width: 100%;
    }

    .thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-head {
        font-size: 3.2rem;
        line-height: 4rem;
        padding-bottom: 4rem;
    }

    .thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-29 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para~.para {
        padding-top: 1rem;
    }
}

.thumbnail-display.design-30 .thumbnail-item~.thumbnail-item {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-30 .thumbnail-item~.thumbnail-item {
        padding-top: 8rem;
    }
}

.thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap {
    gap: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap {
        gap: 2.4rem;
        flex-direction: column;
    }
}

.thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    display: block;
    position: relative;
    width: 32.336%;
    padding-bottom: 18.114%;
    border-radius: 3.2rem;
    overflow: hidden;
}

.thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        width: 100%;
        padding-bottom: 56.019%;
        border-radius: 2rem;
    }
}

.thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
    width: calc(67.664% - 4rem);
    padding: 0 7rem 0 4rem;
}

.thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head {
    max-width: 68rem;
}

.thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .date {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: rgb(0, 0, 0);
    opacity: 0.7;
    margin-bottom: 1rem;
}

.thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
    margin-bottom: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
    max-width: 68rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(0, 0, 0);
    opacity: 0.7;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        width: 100%;
        padding: 0 1.6rem;
    }

    .thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head {
        max-width: initial;
    }

    .thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .date {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
        font-size: 1.8rem;
        line-height: 3rem;
        margin-bottom: 1rem;
        white-space: initial;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .thumbnail-display.design-30 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
        max-width: initial;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-31 .thumbnail-list {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.thumbnail-display.design-31 .thumbnail-item {
    border-radius: 3.2rem;
    overflow: hidden;
}

.thumbnail-display.design-31 .thumbnail-item .thumbnail-wrap {
    display: block;
    height: 100%;
}

.thumbnail-display.design-31 .thumbnail-item .thumbnail-figure {
    position: relative;
    height: 100%;
}

.thumbnail-display.design-31 .thumbnail-item .thumbnail-figure .img {
    height: 100%;
    padding-bottom: 39.821%;
    background-size: cover;
}

.thumbnail-display.design-31 .thumbnail-item .thumbnail-figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 14.19%, rgba(0, 0, 0, 0) 100%);
}

.thumbnail-display.design-31 .thumbnail-item .thumbnail-inform {
    position: absolute;
    padding-left: 5rem;
    padding-right: 5rem;
    width: 100%;
}

.thumbnail-display.design-31 .thumbnail-item .thumbnail-inform .thumbnail-head .date {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: rgb(255, 255, 255);
    opacity: 0.7;
    margin-bottom: 1rem;
}

.thumbnail-display.design-31 .thumbnail-item .thumbnail-inform .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    color: rgb(255, 255, 255);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.thumbnail-display.design-31 .thumbnail-item .thumbnail-inform .thumbnail-head .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-31 .thumbnail-item:nth-child(3n-2) {
    flex: 1 1 100%;
}

.thumbnail-display.design-31 .thumbnail-item:nth-child(3n-2) .thumbnail-inform {
    max-width: 59rem;
    bottom: 23.847%;
}

.thumbnail-display.design-31 .thumbnail-item:nth-child(3n-2) .thumbnail-inform .thumbnail-head .subject {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
}

.thumbnail-display.design-31 .thumbnail-item:nth-child(3n-1) .thumbnail-figure .img,
.thumbnail-display.design-31 .thumbnail-item:nth-child(3n) .thumbnail-figure .img {
    padding-bottom: 48.51%;
}

.thumbnail-display.design-31 .thumbnail-item:nth-child(3n-1) .thumbnail-inform,
.thumbnail-display.design-31 .thumbnail-item:nth-child(3n) .thumbnail-inform {
    max-width: 47.5rem;
    bottom: 26.74%;
}

.thumbnail-display.design-31 .thumbnail-item:nth-child(3n-1) .thumbnail-inform .thumbnail-head .subject,
.thumbnail-display.design-31 .thumbnail-item:nth-child(3n) .thumbnail-inform .thumbnail-head .subject {
    font-size: 2.4rem;
    line-height: 3.6rem;
}

.thumbnail-display.design-31 .thumbnail-item:nth-child(3n-1) {
    flex: 1 1 58%;
    max-width: 77.1rem;
}

.thumbnail-display.design-31 .thumbnail-item:nth-child(3n) {
    flex: 1 1 calc(42% - 1rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-31 .thumbnail-list {
        display: block;
    }

    .thumbnail-display.design-31 .thumbnail-item {
        border-radius: 2.4rem;
    }

    .thumbnail-display.design-31 .thumbnail-item~.thumbnail-item {
        margin-top: 2rem;
    }

    .thumbnail-display.design-31 .thumbnail-item .thumbnail-inform {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .thumbnail-display.design-31 .thumbnail-item .thumbnail-inform .thumbnail-head .date {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .thumbnail-display.design-31 .thumbnail-item .thumbnail-inform .thumbnail-head .subject {
        color: rgb(255, 255, 255);
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n-2),
    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n-1),
    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n) {
        max-width: initial;
    }

    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n-2) .thumbnail-figure .img,
    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n-1) .thumbnail-figure .img,
    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n) .thumbnail-figure .img {
        padding-bottom: 117.998%;
    }

    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n-2) .thumbnail-inform,
    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n-1) .thumbnail-inform,
    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n) .thumbnail-inform {
        max-width: initial;
        bottom: 6.8rem;
    }

    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n-2) .thumbnail-inform .thumbnail-head .subject,
    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n-1) .thumbnail-inform .thumbnail-head .subject,
    .thumbnail-display.design-31 .thumbnail-item:nth-child(3n) .thumbnail-inform .thumbnail-head .subject {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.thumbnail-display.design-32 .thumbnail-list {
    display: flex;
    gap: 2rem;
}

.thumbnail-display.design-32 .thumbnail-item {
    flex: 1 1 50%;
    max-width: calc(50% - 1rem);
}

.thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    display: block;
    border-radius: 3.2rem;
    overflow: hidden;
}

.thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    padding-bottom: 36.78%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
    padding-top: 2.4rem;
}

.thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .date {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: rgb(255, 255, 255);
    opacity: 0.7;
    margin-bottom: 1rem;
}

.thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-32 .thumbnail-list {
        gap: 1.6rem;
    }

    .thumbnail-display.design-32 .thumbnail-item {
        max-width: calc(50% - 0.8rem);
    }

    .thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        border-radius: 1.7rem;
    }

    .thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
        padding-bottom: 55.91%;
    }

    .thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        padding-top: 2.4rem;
    }

    .thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .date {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .thumbnail-display.design-32 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.thumbnail-display.design-33 .thumbnail-wrap {
    gap: 6rem;
}

.thumbnail-display.design-33 .thumbnail-wrap .thumbnail-figure {
    display: block;
    flex: 1 1 61%;
    max-width: 77.1rem;
    border-radius: 3.6rem;
    overflow: hidden;
    order: 2;
}

.thumbnail-display.design-33 .thumbnail-wrap .thumbnail-figure .picture {
    display: block;
}

.thumbnail-display.design-33 .thumbnail-wrap .thumbnail-figure .img {
    width: 100%;
}

.thumbnail-display.design-33 .thumbnail-wrap .thumbnail-inform {
    flex: 1 1 39%;
    padding-right: 5.8rem;
}

.thumbnail-display.design-33 .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(255, 255, 255);
    margin-bottom: 1.4rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.thumbnail-display.design-33 .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-33 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(255, 255, 255);
    opacity: 0.7;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.thumbnail-display.design-33 .thumbnail-wrap .thumbnail-inform .thumbnail-body .thumbnail-tag {
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-33 .thumbnail-wrap {
        flex-wrap: wrap;
        gap: 4rem;
    }

    .thumbnail-display.design-33 .thumbnail-wrap .thumbnail-figure {
        flex: 1 1 100%;
        max-width: initial;
        border-radius: 2rem;
        order: 1;
    }

    .thumbnail-display.design-33 .thumbnail-wrap .thumbnail-inform {
        flex: 1 1 100%;
        padding: 0 1rem;
        order: 2;
    }

    .thumbnail-display.design-33 .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
        font-size: 2.4rem;
        line-height: 3.6rem;
        margin-bottom: 2.4rem;
    }

    .thumbnail-display.design-33 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-33 .thumbnail-wrap .thumbnail-inform .thumbnail-body .thumbnail-tag {
        margin-top: 3rem;
    }
}

.thumbnail-display.design-34 .thumbSwiper {
    padding: 3.2rem 3rem;
    border-radius: 5rem;
    background-color: rgba(255, 255, 255, 0.12);
}

.thumbnail-display.design-34 .thumbnail-list {
    display: flex;
    flex-direction: row;
    gap: 3.2rem;
}

.thumbnail-display.design-34 .thumbnail-item {
    flex: 1 1 33%;
    max-width: calc((100% - 6.4rem) / 3);
}

.thumbnail-display.design-34 .thumbnail-item .thumbnail-wrap {
    position: relative;
    height: 100%;
}

.thumbnail-display.design-34 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    position: relative;
    display: block;
    border-radius: 3rem;
    overflow: hidden;
    height: 100%;
}

.thumbnail-display.design-34 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.thumbnail-display.design-34 .thumbnail-item .thumbnail-wrap .thumbnail-figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 14.19%, rgba(0, 0, 0, 0) 100%);
}

.thumbnail-display.design-34 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
    position: absolute;
    left: 0;
    bottom: 2rem;
    width: 100%;
}

.thumbnail-display.design-34 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
    padding: 0 2rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-34 .thumbSwiper {
        padding: 3.2rem 1.8rem;
        border-radius: 0;
    }

    .thumbnail-display.design-34 .thumbnail-list {
        gap: 0;
    }

    .thumbnail-display.design-34 .thumbnail-item {
        flex: 0 0 70.8%;
        width: 70.8%;
        max-width: initial;
    }

    .thumbnail-display.design-34 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        border-radius: 1.6rem;
    }

    .thumbnail-display.design-34 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        position: static;
    }

    .thumbnail-display.design-34 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
        padding: 1.6rem 1rem 0;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.thumbnail-display.design-35 .thumbnail-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12rem 9.018%;
}

.thumbnail-display.design-35 .thumbnail-item {
    width: 27.3213333333%;
}

.thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap {
    position: relative;
}

.thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    display: block;
    position: relative;
    padding-bottom: 60.276%;
    border-radius: 2.8rem;
    overflow: hidden;
}

.thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
    margin-top: 2rem;
}

.thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body {
    margin-top: 1rem;
}

.thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(255, 255, 255);
    opacity: 0.7;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body .thumbnail-tag {
    margin-top: 2rem;
}

.thumbnail-display.design-35.case-1 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-35.case-1 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-35.case-1 .thumbnail-tag .tag-item {
    color: rgb(0, 0, 0);
    border-color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-35 .thumbnail-list {
        display: block;
        gap: 0;
    }

    .thumbnail-display.design-35 .thumbnail-item {
        width: 100%;
    }

    .thumbnail-display.design-35 .thumbnail-item~.thumbnail-item {
        margin-top: 8rem;
    }

    .thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        border-radius: 2rem;
    }

    .thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        margin-top: 2.4rem;
        padding: 0 1.6rem;
    }

    .thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .thumbnail-display.design-35 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-35.case-1 .thumbnail-item~.thumbnail-item {
        margin-top: 6rem;
    }
}

.thumbnail-display.design-36 .thumbnail-item .thumbnail-video {
    position: relative;
    border-radius: 3.6rem;
    padding-bottom: 56.438%;
    overflow: hidden;
}

.thumbnail-display.design-36 .thumbnail-item .thumbnail-video .video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: none;
}

.thumbnail-display.design-36 .thumbnail-item .thumbnail-inform {
    padding: 4rem 4rem 0;
}

.thumbnail-display.design-36 .thumbnail-item .thumbnail-inform .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(255, 255, 255);
}

.thumbnail-display.design-36 .thumbnail-item .thumbnail-inform .thumbnail-head .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-36 .thumbnail-item .thumbnail-inform .thumbnail-body .para {
    margin-top: 1rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(255, 255, 255);
    opacity: 0.7;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-36 .thumbnail-item .thumbnail-video {
        border-radius: 0;
        padding-bottom: 61.95%;
    }

    .thumbnail-display.design-36 .thumbnail-item .thumbnail-inform {
        padding: 4rem 1rem 0;
    }

    .thumbnail-display.design-36 .thumbnail-item .thumbnail-inform .thumbnail-head .sort {
        display: block;
    }

    .thumbnail-display.design-36 .thumbnail-item .thumbnail-inform .thumbnail-body .para {
        margin-top: 2.4rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-37 .thumbnail-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12rem 9.018%;
}

.thumbnail-display.design-37 .thumbnail-item {
    width: 27.3213333333%;
}

.thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap {
    position: relative;
}

.thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
    display: block;
    position: relative;
    padding-bottom: 60.275%;
    border-radius: 2.8rem;
    overflow: hidden;
}

.thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-figure .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
    margin-top: 2rem;
}

.thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head {
    position: relative;
}

.thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .sort {
    display: inline-block;
    min-width: 8.4rem;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0.4rem 0.5rem;
    border-radius: 0.6rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(255, 255, 255);
    text-align: center;
}

.thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
    margin-top: 1rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .date {
    position: absolute;
    right: 0;
    top: 0.4rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(255, 255, 255);
    opacity: 0.7;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-37 .thumbnail-list {
        gap: 6rem 1.5rem;
    }

    .thumbnail-display.design-37 .thumbnail-item {
        width: calc((100% - 1.5rem) / 2);
    }

    .thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-figure {
        padding-bottom: 100%;
        border-radius: 2rem;
    }

    .thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-inform {
        margin-top: 2.4rem;
    }

    .thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .sort {
        min-width: 7.2rem;
        font-weight: 600;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .subject {
        margin-top: 1.6rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: initial;
    }

    .thumbnail-display.design-37 .thumbnail-item .thumbnail-wrap .thumbnail-inform .thumbnail-head .date {
        position: static;
        margin-top: 1.6rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.thumbnail-display.design-38 .thumbnail-figure {
    position: relative;
    display: block;
    padding-bottom: 56.556%;
    border-radius: 3.2rem;
    overflow: hidden;
}

.thumbnail-display.design-38 .thumbnail-figure .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.thumbnail-display.design-38 .thumbnail-figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 14.19%, rgba(0, 0, 0, 0) 100%);
}

.thumbnail-display.design-38 .thumbnail-inform {
    position: absolute;
    width: 100%;
    padding: 0 5rem 5rem;
    left: 0;
    bottom: 0;
}

.thumbnail-display.design-38 .thumbnail-inform .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(255, 255, 255);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.thumbnail-display.design-38 .thumbnail-inform .thumbnail-head .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-38 .thumbnail-figure {
        padding-bottom: 117.998%;
        border-radius: 2.4rem;
    }

    .thumbnail-display.design-38 .thumbnail-inform {
        padding: 0 2rem 4rem;
    }

    .thumbnail-display.design-38 .thumbnail-inform .thumbnail-head .subject {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.thumbnail-display.design-39 .thumbnail-inform .thumbnail-body {
    text-align: right;
}

.thumbnail-display.design-39 .thumbnail-inform .thumbnail-body .logo-img {
    display: block;
}

.thumbnail-display.design-39 .thumbnail-inform .thumbnail-body .para {
    margin-top: 6rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    text-align: right;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-39 .thumbnail-figure {
    display: block;
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-39 .thumbnail-inform .thumbnail-body .logo-img .img {
        max-width: 61.065%;
    }

    .thumbnail-display.design-39 .thumbnail-inform .thumbnail-body .para {
        display: inline-block;
        max-width: 30rem;
    }

    .thumbnail-display.design-39 .thumbnail-inform .thumbnail-body .para {
        margin-top: 4rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .thumbnail-display.design-39 .thumbnail-figure {
        margin-top: 6rem;
    }
}

.thumbnail-display.design-40 .thumbnail-figure {
    display: block;
    border-radius: 1.6rem;
    border: 0.1rem solid rgb(225, 230, 239);
    overflow: hidden;
}

.thumbnail-display.design-40 .thumbnail-inform {
    padding-top: 4rem;
}

.thumbnail-display.design-40 .thumbnail-inform .info-list .info-item {
    display: flex;
    align-items: center;
    padding: 0 1.35rem;
    text-align: left;
}

.thumbnail-display.design-40 .thumbnail-inform .info-list .info-item+.info-item {
    margin-top: 2rem;
}

.thumbnail-display.design-40 .thumbnail-inform .info-list .info-item .info-head {
    width: 29.56%;
}

.thumbnail-display.design-40 .thumbnail-inform .info-list .info-item .info-head .img {
    max-width: 100%;
}

.thumbnail-display.design-40 .thumbnail-inform .info-list .info-item .info-body {
    width: 70.44%;
    padding-left: 7.1rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(40, 40, 40);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-40 .thumbnail-figure {
        border-radius: 0;
        border: none;
        margin-left: -1.8rem;
        margin-right: -1.8rem;
    }

    .thumbnail-display.design-40 .thumbnail-inform {
        padding-top: 6rem;
    }

    .thumbnail-display.design-40 .thumbnail-inform .info-list .info-item {
        display: block;
        padding: 0;
    }

    .thumbnail-display.design-40 .thumbnail-inform .info-list .info-item+.info-item {
        margin-top: 6rem;
    }

    .thumbnail-display.design-40 .thumbnail-inform .info-list .info-item .info-head {
        width: initial;
    }

    .thumbnail-display.design-40 .thumbnail-inform .info-list .info-item .info-head .img {
        max-width: 240px;
        width: 100%;
    }

    .thumbnail-display.design-40 .thumbnail-inform .info-list .info-item .info-body {
        width: initial;
        padding-left: 0;
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 2.4rem;
    }
}

.thumbnail-display.design-41 .thumbnail-list {
    display: flex;
    gap: 6rem;
}

.thumbnail-display.design-41 .thumbnail-item {
    width: calc((100% - 12rem) / 3);
    text-align: center;
}

.thumbnail-display.design-41 .thumbnail-item:nth-child(3n-2) {
    padding-bottom: 19rem;
}

.thumbnail-display.design-41 .thumbnail-item:nth-child(3n-1) {
    padding-top: 9rem;
    padding-bottom: 10rem;
}

.thumbnail-display.design-41 .thumbnail-item:nth-child(3n) {
    padding-top: 19rem;
}

.thumbnail-display.design-41 .thumbnail-item .thumbnail-wrap {
    position: relative;
    height: 100%;
    border-radius: 2.4rem;
    overflow: hidden;
}

.thumbnail-display.design-41 .thumbnail-item .thumbnail-figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.thumbnail-display.design-41 .thumbnail-item .thumbnail-figure .img {
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.thumbnail-display.design-41 .thumbnail-item .thumbnail-inform {
    position: relative;
    padding: 29.606% 9% 49.345%;
    height: 100%;
    z-index: 2;
}

.thumbnail-display.design-41 .thumbnail-item .thumbnail-inform .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(255, 255, 255);
}

.thumbnail-display.design-41 .thumbnail-item .thumbnail-inform .thumbnail-body .para {
    margin-top: 4rem;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    word-break: keep-all;
}

.thumbnail-display.design-41 .thumbnail-item .thumbnail-inform .thumbnail-body .para:lang(zh-CN) {
    word-break: unset;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-41 .thumbnail-list {
        display: block;
    }

    .thumbnail-display.design-41 .thumbnail-item {
        width: initial;
    }

    .thumbnail-display.design-41 .thumbnail-item+.thumbnail-item {
        margin-top: 2rem;
    }

    .thumbnail-display.design-41 .thumbnail-item:nth-child(3n-2),
    .thumbnail-display.design-41 .thumbnail-item:nth-child(3n-1),
    .thumbnail-display.design-41 .thumbnail-item:nth-child(3) {
        padding-top: 0;
        padding-bottom: 0;
    }

    .thumbnail-display.design-41 .thumbnail-item .thumbnail-wrap {
        height: auto;
    }

    .thumbnail-display.design-41 .thumbnail-item .thumbnail-inform {
        padding: 8rem 1.8rem 19.6rem;
        height: auto;
    }

    .thumbnail-display.design-41 .thumbnail-item .thumbnail-inform .thumbnail-head .subject {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .thumbnail-display.design-41 .thumbnail-item .thumbnail-inform .thumbnail-body .para {
        margin: 3rem auto 0;
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.thumbnail-display.design-42 .thumbnail-wrap {
    display: flex;
}

.thumbnail-display.design-42 .thumbnail-figure {
    position: relative;
    flex: 1 1 42%;
    max-width: 489px;
}

.thumbnail-display.design-42 .thumbnail-figure .picture {
    position: absolute;
    display: inline-block;
    border-radius: 1.8rem;
    overflow: hidden;
}

.thumbnail-display.design-42 .thumbnail-figure .picture1 {
    left: 0;
    top: 0;
    background-color: #FE5C53;
}

.thumbnail-display.design-42 .thumbnail-figure .picture2 {
    right: 0;
    top: 21.612%;
    background-color: #159EA2;
}

.thumbnail-display.design-42 .thumbnail-figure .picture3 {
    left: 20.246%;
    bottom: 0;
    background-color: #FFC548;
}

.thumbnail-display.design-42 .thumbnail-figure .img {
    width: auto;
}

.thumbnail-display.design-42 .thumbnail-inform {
    flex: 1 1 58%;
    text-align: left;
    padding: 12.2rem 1rem 3rem 12.351%;
}

.thumbnail-display.design-42 .thumbnail-inform .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-42 .thumbnail-wrap {
        display: block;
    }

    .thumbnail-display.design-42 .thumbnail-figure {
        max-width: initial;
        padding: 0 1.2rem;
    }

    .thumbnail-display.design-42 .thumbnail-figure .picture {
        display: block;
        position: static;
    }

    .thumbnail-display.design-42 .thumbnail-figure .picture1 {
        width: 33.97%;
    }

    .thumbnail-display.design-42 .thumbnail-figure .picture2 {
        width: 40%;
        margin-left: auto;
        margin-top: -20.635%;
    }

    .thumbnail-display.design-42 .thumbnail-figure .picture3 {
        width: 44.765%;
        margin-top: 6.35%;
        margin-left: 14.29%;
    }

    .thumbnail-display.design-42 .thumbnail-figure .img {
        width: 100%;
    }

    .thumbnail-display.design-42 .thumbnail-inform {
        padding: 4rem 0 0;
    }

    .thumbnail-display.design-42 .thumbnail-inform .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
        text-align: left;
    }
}

.thumbnail-display.design-43 .thumbnail-item+.thumbnail-item {
    margin-top: 3rem;
}

.thumbnail-display.design-43 .thumbnail-wrap {
    display: flex;
    align-items: center;
}

.thumbnail-display.design-43 .thumbnail-figure {
    position: relative;
    width: 29.412%;
    overflow: hidden;
    border-radius: 1.6rem;
}

.thumbnail-display.design-43 .thumbnail-inform {
    width: 70.588%;
    padding-left: 4rem;
}

.thumbnail-display.design-43 .thumbnail-head {
    min-height: 6rem;
}

.thumbnail-display.design-43 .thumbnail-head .thumbnail-name {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 3.8rem;
}

.thumbnail-display.design-43 .thumbnail-head .thumbnail-under {
    margin-top: 0.2rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(115, 115, 115);
}

.thumbnail-display.design-43 .inform-list {
    margin-top: 3rem;
}

.thumbnail-display.design-43 .inform-list>li {
    display: flex;
}

.thumbnail-display.design-43 .inform-list>li+li {
    margin-top: 1rem;
}

.thumbnail-display.design-43 .inform-list .inform-title {
    width: 10.6rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.thumbnail-display.design-43 .inform-list .history-list {
    width: calc(100% - 10.6rem);
}

.thumbnail-display.design-43 .inform-list .history-list>li {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(115, 115, 115);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-43 {
        padding: 0 2rem;
    }

    .thumbnail-display.design-43 .thumbnail-item+.thumbnail-item {
        margin-top: 4rem;
    }

    .thumbnail-display.design-43 .thumbnail-wrap {
        display: block;
    }

    .thumbnail-display.design-43 .thumbnail-figure {
        width: 100%;
    }

    .thumbnail-display.design-43 .thumbnail-inform {
        width: 100%;
        padding: 2rem 0 0;
    }

    .thumbnail-display.design-43 .thumbnail-head {
        min-height: auto;
    }

    .thumbnail-display.design-43 .thumbnail-head .thumbnail-name {
        font-weight: 500;
        line-height: 2.6rem;
        font-family: "hyosung";
        color: rgb(40, 40, 40);
    }

    .thumbnail-display.design-43 .thumbnail-head .thumbnail-name:lang(zh-CN) {
        font-family: "PretendardJP", "Noto Sans SC";
    }

    .thumbnail-display.design-43 .thumbnail-head .thumbnail-under {
        margin-top: 0.8rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .thumbnail-display.design-43 .inform-list {
        margin-top: 2rem;
    }

    .thumbnail-display.design-43 .inform-list>li+li {
        margin-top: 0.6rem;
    }

    .thumbnail-display.design-43 .inform-list .inform-title {
        width: 10.9rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding-left: 1rem;
    }

    .thumbnail-display.design-43 .inform-list .history-list {
        width: calc(100% - 10.9rem);
    }

    .thumbnail-display.design-43 .inform-list .history-list>li {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-44 .thumbnail-list {
    display: flex;
    gap: 1rem;
}

.thumbnail-display.design-44 .thumbnail-item {
    width: calc((100% - 2rem) / 3);
    border: 0.1rem solid rgb(225, 230, 239);
    border-radius: 1.6rem;
    padding: 3rem 3.4rem;
}

.thumbnail-display.design-44 .thumbnail-name {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 3.8rem;
}

.thumbnail-display.design-44 .inform-list {
    margin-top: 2rem;
}

.thumbnail-display.design-44 .inform-list>li+li {
    margin-top: 2rem;
}

.thumbnail-display.design-44 .inform-list .inform-title {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.thumbnail-display.design-44 .inform-list .inform-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(115, 115, 115);
}

.thumbnail-display.design-44.case-1 .thumbnail-list {
    gap: 1.4rem;
}

.thumbnail-display.design-44.case-1 .thumbnail-item {
    width: calc((100% - 2.8rem) / 3);
    padding: 4rem 4.492% 5rem;
}

.thumbnail-display.design-44.case-1 .thumbnail-name {
    font-family: "hyosung";
    font-weight: 500;
}

.thumbnail-display.design-44.case-1 .thumbnail-name:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-44.case-1 .inform-list {
    margin-top: 4.2rem;
}

.thumbnail-display.design-44.case-1 .inform-list>li {
    display: flex;
}

.thumbnail-display.design-44.case-1 .inform-list>li+li {
    margin-top: 3rem;
}

.thumbnail-display.design-44.case-1 .inform-list .inform-title {
    width: 9.6rem;
}

.thumbnail-display.design-44.case-1 .history-list {
    width: calc(100% - 9.6rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-44.case-1 .thumbnail-item {
        width: 100%;
        padding: 3.2rem 2.8rem 3rem;
    }

    .thumbnail-display.design-44.case-1 .inform-list {
        margin-top: 2rem;
    }

    .thumbnail-display.design-44.case-1 .inform-list>li {
        display: block;
    }

    .thumbnail-display.design-44.case-1 .inform-list>li+li {
        margin-top: 1.6rem;
    }

    .thumbnail-display.design-44.case-1 .inform-list .inform-title {
        width: 100%;
    }

    .thumbnail-display.design-44.case-1 .history-list {
        width: 100%;
    }
}

.thumbnail-display.design-44.case-2 .thumbnail-list {
    gap: 1.4rem;
}

.thumbnail-display.design-44.case-2 .thumbnail-item {
    width: calc((100% - 2.8rem) / 3);
    padding: 4rem 4.492% 5rem;
}

.thumbnail-display.design-44.case-2 .thumbnail-name {
    font-family: "hyosung";
    font-weight: 500;
}

.thumbnail-display.design-44.case-2 .inform-list {
    margin-top: 4.2rem;
}

.thumbnail-display.design-44.case-2 .inform-list>li+li {
    margin-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-44.case-2 .thumbnail-list {
        gap: 1.4rem;
    }

    .thumbnail-display.design-44.case-2 .thumbnail-item {
        width: 100%;
        padding: 3.2rem 2.8rem 3rem;
    }

    .thumbnail-display.design-44.case-2 .thumbnail-item+.thumbnail-item {
        margin-top: 2rem;
    }

    .thumbnail-display.design-44.case-2 .thumbnail-name {
        font-weight: 700;
    }

    .thumbnail-display.design-44.case-2 .inform-list {
        margin-top: 2rem;
    }

    .thumbnail-display.design-44.case-2 .inform-list>li+li {
        margin-top: 1.6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-44 {
        padding: 0 2rem;
    }

    .thumbnail-display.design-44 .thumbnail-list {
        display: block;
    }

    .thumbnail-display.design-44 .thumbnail-item {
        width: 100%;
        padding: 3.2rem 2.8rem 3rem;
    }

    .thumbnail-display.design-44 .thumbnail-item+.thumbnail-item {
        margin-top: 2rem;
    }

    .thumbnail-display.design-44 .thumbnail-name {
        font-family: "hyosung";
        font-weight: 500;
        line-height: 2.6rem;
        color: rgb(40, 40, 40);
    }

    .thumbnail-display.design-44 .thumbnail-name:lang(zh-CN) {
        font-family: "PretendardJP", "Noto Sans SC";
    }

    .thumbnail-display.design-44 .inform-list>li+li {
        margin-top: 1.6rem;
    }

    .thumbnail-display.design-44 .inform-list .inform-title {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-44 .inform-list .inform-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-44 .history-list {
        margin-top: 0.4rem;
    }
}

.thumbnail-display.design-45 .thumbnail-wrap {
    display: flex;
}

.thumbnail-display.design-45 .thumbnail-figure {
    width: 39rem;
}

.thumbnail-display.design-45 .thumbnail-inform {
    width: calc(100% - 39rem);
    padding-left: 13.099%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-45 .thumbnail-wrap {
        display: block;
    }

    .thumbnail-display.design-45 .thumbnail-figure {
        width: 49.56%;
        max-width: initial;
        margin: 0 auto;
    }

    .thumbnail-display.design-45 .thumbnail-inform {
        width: 100%;
        padding-top: 4rem;
        padding-left: 0;
    }
}

.thumbnail-display.design-46 .thumbnail-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12rem 8.907%;
}

.thumbnail-display.design-46 .thumbnail-item {
    width: 27.3953333333%;
}

.thumbnail-display.design-46 .thumbnail-figure {
    display: block;
    overflow: hidden;
}

.thumbnail-display.design-46 .thumbnail-head {
    text-align: center;
}

.thumbnail-display.design-46 .thumbnail-head .subject {
    padding: 4rem 3.2rem 0;
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
}

.thumbnail-display.design-46 .thumbnail-head .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-46 .thumbnail-head .subject+.button-display {
    padding-top: 4rem;
}

.thumbnail-display.design-46+.pagination-display.design-1.case-1 {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-46 .thumbnail-list {
        display: block;
    }

    .thumbnail-display.design-46 .thumbnail-item {
        width: initial;
    }

    .thumbnail-display.design-46 .thumbnail-item+.thumbnail-item {
        margin-top: 10rem;
    }

    .thumbnail-display.design-46 .thumbnail-figure {
        width: 47.79%;
        margin: 0 auto;
    }

    .thumbnail-display.design-46 .thumbnail-head .subject {
        padding: 4rem 1.2rem 0;
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .thumbnail-display.design-46+.pagination-display.design-1.case-1 {
        margin-top: 6rem;
    }
}

.thumbnail-display.design-47 .thumbnail-head .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 4.2rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-47 .thumbnail-head .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-47 .thumbnail-head+.thumbnail-body {
    margin-top: 2rem;
}

.thumbnail-display.design-47 .thumbnail-body .thumbnail-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-47 .thumbnail-body+.thumbnail-aside {
    margin-top: 0.2rem;
}

.thumbnail-display.design-47 .number-list .list-item {
    display: inline-block;
}

.thumbnail-display.design-47 .number-list .list-item::before {
    content: " | ";
}

.thumbnail-display.design-47 .number-list .list-item::before,
.thumbnail-display.design-47 .number-list .list-item p {
    display: inline;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(153, 153, 153);
}

.thumbnail-display.design-47 .number-list .list-item:first-child::before {
    display: none;
}

.thumbnail-display.design-47 .thumbnail-map {
    margin-top: 4rem;
}

.thumbnail-display.design-47 .thumbnail-map .map_inner {
    height: 26rem;
    border-radius: 1.6rem;
    overflow: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-47 .thumbnail-head .subject {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .thumbnail-display.design-47 .thumbnail-head+.thumbnail-body {
        margin-top: 1.2rem;
    }

    .thumbnail-display.design-47 .thumbnail-body .thumbnail-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-47 .thumbnail-body+.thumbnail-aside {
        margin-top: 1rem;
    }

    .thumbnail-display.design-47 .number-list .list-item {
        display: flex;
    }

    .thumbnail-display.design-47 .number-list .list-item::before {
        display: none;
    }

    .thumbnail-display.design-47 .number-list .list-item p {
        display: block;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-47 .number-list .list-item .list-name {
        font-weight: 600;
        flex: 0 0 3rem;
    }

    .thumbnail-display.design-47 .number-list .list-item .list-info {
        flex: 1 1 auto;
    }

    .thumbnail-display.design-47 .thumbnail-map {
        margin-top: 2.4rem;
    }

    .thumbnail-display.design-47 .thumbnail-map .map_inner {
        height: 22rem;
        border-radius: 0.8rem;
    }
}

.thumbnail-display.design-48 .thumbnail-inform {
    position: relative;
    max-width: 113rem;
    min-height: 54rem;
    margin: 0 auto;
    padding: 10.105% 1.8rem 0 26.872%;
}

.thumbnail-display.design-48 .thumbnail-head .subject {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 7.2rem;
    line-height: 9.2rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-48 .thumbnail-head .subject+.summary {
    margin-top: 2rem;
}

.thumbnail-display.design-48 .thumbnail-head .summary {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-48 .thumbnail-head .summary:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-48 .thumbnail-head+.thumbnail-body {
    margin-top: 6rem;
}

.thumbnail-display.design-48 .thumbnail-body .thumbnail-figure {
    position: absolute;
    left: 0;
    top: 0;
    max-width: 45%;
    border-radius: 0.8rem;
    z-index: -1;
    overflow: hidden;
}

.thumbnail-display.design-48 .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-48 {
        padding: 0 1.8rem;
    }

    .thumbnail-display.design-48 .thumbnail-inform {
        max-width: initial;
        min-height: initial;
        padding: 0;
    }

    .thumbnail-display.design-48 .thumbnail-head {
        text-align: center;
    }

    .thumbnail-display.design-48 .thumbnail-head .subject {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }

    .thumbnail-display.design-48 .thumbnail-head .subject+.summary {
        margin-top: 1rem;
    }

    .thumbnail-display.design-48 .thumbnail-head+.thumbnail-body {
        margin-top: 3rem;
    }

    .thumbnail-display.design-48 .thumbnail-body .thumbnail-figure {
        position: static;
        width: 63.13%;
        max-width: initial;
        margin: 0 auto;
    }

    .thumbnail-display.design-48 .thumbnail-body .thumbnail-figure+.para {
        margin-top: 4rem;
    }

    .thumbnail-display.design-48 .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.thumbnail-display.design-49 {
    max-width: 137.2rem;
    padding: 0 1.8rem;
}

.thumbnail-display.design-49 .thumbnail-list {
    margin-left: auto;
    width: 83.084%;
}

.thumbnail-display.design-49 .thumbnail-item+.thumbnail-item {
    margin-top: 18rem;
}

.thumbnail-display.design-49 .thumbnail-figure {
    position: relative;
    border-radius: 1.6rem;
    overflow: hidden;
}

.thumbnail-display.design-49 .thumbnail-figure .figure-text {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.thumbnail-display.design-49 .thumbnail-figure .figure-text .figure-title {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(255, 255, 255);
}

.thumbnail-display.design-49 .thumbnail-figure .figure-text .figure-title:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-49 .thumbnail-figure .figure-text .figure-title+.figure-para {
    margin-top: 2rem;
}

.thumbnail-display.design-49 .thumbnail-figure .figure-text .figure-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(255, 255, 255);
}

.thumbnail-display.design-49 .thumbnail-figure+.thumbnail-inform {
    margin-top: 6rem;
}

.thumbnail-display.design-49 .thumbnail-inform {
    padding-left: 20.361%;
    padding-right: 10.181%;
}

.thumbnail-display.design-49 .thumbnail-head .subject {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 5.6rem;
    line-height: 7.2rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-49 .thumbnail-head .subject .small {
    padding-left: 1rem;
    font-family: "Poppins";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 4.8rem;
    color: inherit;
    vertical-align: middle;
}

.thumbnail-display.design-49 .thumbnail-head .subject.lang-kr {
    font-family: "Pretendard", "Roboto", "NotoSansKR", sans-serif;
    font-weight: 800;
    font-size: 5.4rem;
}

.thumbnail-display.design-49 .thumbnail-head .subject+.summary {
    margin-top: 2rem;
}

.thumbnail-display.design-49 .thumbnail-head .summary {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(83, 83, 83);
}

.thumbnail-display.design-49 .thumbnail-head .summary:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-49 .thumbnail-head+.thumbnail-body {
    margin-top: 3.2rem;
}

.thumbnail-display.design-49 .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-49 .thumbnail-body .para .bold {
    display: block;
    font-weight: 700;
}

.thumbnail-display.design-49 .thumbnail-body .para .bold.inline-block {
    display: inline-block;
}

.thumbnail-display.design-49 .thumbnail-body .para .text-indent {
    display: block;
    text-indent: -0.5em;
    padding-left: 0.5em;
}

.thumbnail-display.design-49 .thumbnail-body+.thumbnail-aside {
    margin-top: 8rem;
}

.thumbnail-display.design-49 .thumbnail-aside .thumbnail-aside-item+.thumbnail-aside-item {
    margin-top: 4rem;
}

.thumbnail-display.design-49 .thumbnail-aside .title {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-49 .thumbnail-aside .title:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-49 .thumbnail-aside .title+.aside-list {
    margin-top: 3rem;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list .list-item+.list-item {
    margin-top: 4rem;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list .list-head {
    padding-left: 3.2rem;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list .list-head .subject {
    position: relative;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list .list-head .subject::before {
    content: "";
    position: absolute;
    left: -3.2rem;
    top: 0.4rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../images/common/icon/icon_check01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list .list-head+.list-body {
    margin-top: 1.6rem;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list .list-body {
    padding-left: 3.2rem;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list .list-body .para {
    position: relative;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list .list-body .para .bold {
    font-weight: 600;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list .list-body .para+.para {
    margin-top: 1.6rem;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list .list-body .para.has-icon::before {
    content: "";
    position: absolute;
    left: -3.2rem;
    top: 0.2rem;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url(../images/common/icon/icon_check01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list.grid-1 {
    display: flex;
    flex-wrap: wrap;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list.grid-1 .list-item {
    width: 50%;
    padding-right: 1.5rem;
}

.thumbnail-display.design-49 .thumbnail-aside .aside-list.grid-1 .list-item:nth-child(1),
.thumbnail-display.design-49 .thumbnail-aside .aside-list.grid-1 .list-item:nth-child(2) {
    margin-top: 0;
}

.thumbnail-display.design-49.case-1 {
    max-width: initial;
    padding: 0;
}

.thumbnail-display.design-49.case-1 .thumbnail-list {
    width: initial;
}

.thumbnail-display.design-49.case-1 .thumbnail-figure+.thumbnail-inform {
    margin-top: 8rem;
}

.thumbnail-display.design-49.case-1 .thumbnail-inform {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-49 .thumbnail-list {
        width: initial;
    }

    .thumbnail-display.design-49 .thumbnail-item+.thumbnail-item {
        margin-top: 10rem;
    }

    .thumbnail-display.design-49 .thumbnail-figure {
        border-radius: 1.2rem;
    }

    .thumbnail-display.design-49 .thumbnail-figure .figure-text {
        padding: 0 1rem;
    }

    .thumbnail-display.design-49 .thumbnail-figure .figure-text .figure-title {
        font-weight: 700;
        font-size: 2rem;
        line-height: 3.2rem;
    }

    .thumbnail-display.design-49 .thumbnail-figure .figure-text .figure-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-49 .thumbnail-figure+.thumbnail-inform {
        margin-top: 3rem;
    }

    .thumbnail-display.design-49 .thumbnail-inform {
        padding-left: 0;
        padding-right: 0;
    }

    .thumbnail-display.design-49 .thumbnail-head .subject {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }

    .thumbnail-display.design-49 .thumbnail-head .subject .small {
        display: block;
        padding-left: 0;
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: 0.2rem;
    }

    .thumbnail-display.design-49 .thumbnail-head .subject.lang-kr {
        font-size: 2.8rem;
    }

    .thumbnail-display.design-49 .thumbnail-head .subject+.summary {
        margin-top: 1rem;
    }

    .thumbnail-display.design-49 .thumbnail-head .summary {
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .thumbnail-display.design-49 .thumbnail-head+.thumbnail-body {
        margin-top: 2.4rem;
    }

    .thumbnail-display.design-49 .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-49 .thumbnail-body+.thumbnail-aside {
        margin-top: 4rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .title {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .title+.aside-list {
        margin-top: 2rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list .list-item+.list-item {
        margin-top: 2rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list .list-head {
        padding-left: 2.6rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list .list-head .subject {
        font-size: 2rem;
        line-height: 3.2rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list .list-head .subject::before {
        left: -2.6rem;
        top: 0.7rem;
        width: 1.8rem;
        height: 1.8rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list .list-head+.list-body {
        margin-top: 0.6rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list .list-body {
        padding-left: 2.6rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list .list-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list .list-body .para+.para {
        margin-top: 2rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list .list-body .para.has-icon::before {
        left: -2.6rem;
        top: 0.3rem;
        width: 1.8rem;
        height: 1.8rem;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list.grid-1 {
        display: block;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list.grid-1 .list-item {
        width: initial;
        padding-right: 0;
    }

    .thumbnail-display.design-49 .thumbnail-aside .aside-list.grid-1 .list-item:nth-child(2) {
        margin-top: 2rem;
    }

    .thumbnail-display.design-49.case-1 .thumbnail-figure+.thumbnail-inform {
        margin-top: 4rem;
    }

    .thumbnail-display.design-49.case-1 .thumbnail-aside .thumbnail-aside-item .list-body .para+.para {
        margin-top: 0.6rem;
    }
}

.thumbnail-display.design-50 .thumbnail-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8rem 9.728%;
}

.thumbnail-display.design-50 .thumbnail-item {
    width: 45.136%;
}

.thumbnail-display.design-50 .thumbnail-figure {
    border-radius: 1.6rem;
    overflow: hidden;
}

.thumbnail-display.design-50 .thumbnail-figure+.thumbnail-inform {
    margin-top: 3rem;
}

.thumbnail-display.design-50 .thumbnail-head .subject {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-50 .thumbnail-head .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.thumbnail-display.design-50 .thumbnail-head+.thumbnail-body {
    margin-top: 1.2rem;
}

.thumbnail-display.design-50 .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-50 .thumbnail-body .para .bold {
    font-weight: 700;
}

.thumbnail-display.design-50 .thumbnail-body .para+.para {
    margin-top: 1rem;
}

.thumbnail-display.design-50.case-1 .thumbnail-head+.thumbnail-body {
    margin-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-50 .thumbnail-list {
        display: block;
    }

    .thumbnail-display.design-50 .thumbnail-item {
        width: initial;
    }

    .thumbnail-display.design-50 .thumbnail-item+.thumbnail-item {
        margin-top: 6rem;
    }

    .thumbnail-display.design-50 .thumbnail-figure+.thumbnail-inform {
        margin-top: 3rem;
    }

    .thumbnail-display.design-50 .thumbnail-inform {
        padding: 0 0.8rem;
    }

    .thumbnail-display.design-50 .thumbnail-head .subject {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .thumbnail-display.design-50 .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-50.case-1 .thumbnail-head+.thumbnail-body {
        margin-top: 1.2rem;
    }
}

.thumbnail-display.design-51 {
    padding: 0 1.8rem;
}

.thumbnail-display.design-51 .thumbnail-title+.thumbnail-list {
    margin-top: 8rem;
}

.thumbnail-display.design-51 .thumbnail-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 120.6rem;
    margin: 0 auto;
    gap: 8rem 6.218%;
}

.thumbnail-display.design-51 .thumbnail-item {
    width: 29.188%;
}

.thumbnail-display.design-51 .thumbnail-wrap {
    display: block;
    height: 100%;
}

.thumbnail-display.design-51 .thumbnail-figure {
    border-radius: 1.6rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 49.435%;
}

.thumbnail-display.design-51 .thumbnail-figure .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.thumbnail-display.design-51 .thumbnail-figure+.thumbnail-inform {
    margin-top: 3rem;
}

.thumbnail-display.design-51 .thumbnail-head .subject {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
    text-align: center;
}

.thumbnail-display.design-51 .thumbnail-head+.thumbnail-body {
    margin-top: 0.6rem;
}

.thumbnail-display.design-51 .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(83, 83, 83);
    text-align: center;
}

.thumbnail-display.design-51.color-1 .thumbnail-head .subject {
    color: rgb(255, 255, 255);
}

.thumbnail-display.design-51.color-1 .thumbnail-body .para {
    color: rgba(255, 255, 255, 0.7);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-51 .thumbnail-title+.thumbnail-list {
        margin-top: 4rem;
    }

    .thumbnail-display.design-51 .thumbnail-list {
        max-width: initial;
        gap: 6rem 1.5rem;
    }

    .thumbnail-display.design-51 .thumbnail-item {
        width: calc((100% - 1.5rem) / 2);
    }

    .thumbnail-display.design-51 .thumbnail-figure {
        padding-bottom: 100%;
    }

    .thumbnail-display.design-51 .thumbnail-figure+.thumbnail-inform {
        margin-top: 2rem;
    }

    .thumbnail-display.design-51 .thumbnail-head .subject {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .thumbnail-display.design-51 .thumbnail-head+.thumbnail-body {
        margin-top: 0.2rem;
    }

    .thumbnail-display.design-51 .thumbnail-body .para {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.thumbnail-display.design-52 .thumbnail-list {
    display: flex;
    gap: 6.363%;
}

.thumbnail-display.design-52 .thumbnail-item {
    width: 46.8185%;
    max-width: 48rem;
}

.thumbnail-display.design-52 .thumbnail-wrap {
    display: flex;
}

.thumbnail-display.design-52 .thumbnail-figure {
    flex: 0 0 10rem;
    width: 10rem;
}

.thumbnail-display.design-52 .thumbnail-inform {
    flex: 1 1 auto;
    width: calc(100% - 10rem);
    padding-left: 3rem;
}

.thumbnail-display.design-52 .thumbnail-inform .thumbnail-head .subject {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-52 .thumbnail-inform .thumbnail-head+.thumbnail-body {
    margin-top: 1rem;
}

.thumbnail-display.design-52 .thumbnail-inform .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(83, 83, 83);
}

.thumbnail-display.design-52 .thumbnail-inform .thumbnail-body .para+.para-sub {
    margin-top: 1rem;
}

.thumbnail-display.design-52 .thumbnail-inform .thumbnail-body .para-sub {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(115, 115, 115);
    padding-left: 0.9em;
    text-indent: -0.9em;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-52 .thumbnail-list {
        display: block;
    }

    .thumbnail-display.design-52 .thumbnail-item {
        width: 100%;
        max-width: 100%;
    }

    .thumbnail-display.design-52 .thumbnail-item+.thumbnail-item {
        margin-top: 4rem;
    }

    .thumbnail-display.design-52 .thumbnail-figure {
        flex: 0 0 7rem;
        width: 7rem;
    }

    .thumbnail-display.design-52 .thumbnail-inform {
        width: calc(100% - 7rem);
        padding-left: 2.2rem;
    }

    .thumbnail-display.design-52 .thumbnail-inform .thumbnail-head .subject {
        font-weight: 700;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-52 .thumbnail-inform .thumbnail-head+.thumbnail-body {
        margin-top: 0.6rem;
    }

    .thumbnail-display.design-52 .thumbnail-inform .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .thumbnail-display.design-52 .thumbnail-inform .thumbnail-body .para+.para-sub {
        margin-top: 0.6rem;
    }

    .thumbnail-display.design-52 .thumbnail-inform .thumbnail-body .para-sub {
        font-size: 1.2rem;
        line-height: 2rem;
        padding-left: 0.9em;
        text-indent: -0.9em;
    }
}

.thumbnail-display.design-53 .title+.thumbnail-list {
    margin-top: 4rem;
}

.thumbnail-display.design-53 .thumbnail-list {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.thumbnail-display.design-53 .thumbnail-list .thumbnail-item {
    flex: 0 0 calc((100% - 6rem) / 4);
    width: calc((100% - 6rem) / 4);
}

.thumbnail-display.design-53 .thumbnail-list .thumbnail-item:hover .thumbnail-figure .figure-dim {
    opacity: 1;
}

.thumbnail-display.design-53 .thumbnail-list .thumbnail-item:hover .thumbnail-figure .img {
    transform: scale(1.05);
}

.thumbnail-display.design-53 .thumbnail-list .thumbnail-item:hover [class*=ic-] {
    background-color: rgba(255, 255, 255, 0);
    transform: translate(5px, -5px);
}

.thumbnail-display.design-53 .thumbnail-list .thumbnail-figure {
    position: relative;
    border-radius: 1.6rem;
    overflow: hidden;
}

.thumbnail-display.design-53 .thumbnail-list .thumbnail-figure .figure-dim {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    transition: 0.5s;
    opacity: 0;
}

.thumbnail-display.design-53 .thumbnail-list .thumbnail-figure .figure-dim .figure-para {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgb(255, 255, 255);
}

.thumbnail-display.design-53 .thumbnail-list .thumbnail-figure+.thumbnail-inform {
    margin-top: 2rem;
}

.thumbnail-display.design-53 .thumbnail-list .thumbnail-head .subject {
    padding: 0 1rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
}

.thumbnail-display.design-53+.design-53 {
    margin-top: 10rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-53 .thumbnail-list {
        gap: 6rem 1.5rem;
        flex-wrap: wrap;
    }

    .thumbnail-display.design-53 .thumbnail-list .thumbnail-item {
        flex: 0 0 calc((100% - 1.5rem) / 2);
        width: calc((100% - 1.5rem) / 2);
    }

    .thumbnail-display.design-53 .thumbnail-list .thumbnail-figure .figure-dim .figure-para {
        font-size: 1.4rem;
    }

    .thumbnail-display.design-53 .thumbnail-list .thumbnail-figure+.thumbnail-inform {
        margin-top: 1.6rem;
    }

    .thumbnail-display.design-53 .thumbnail-list .thumbnail-head .subject {
        padding: 0 0.6rem;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.thumbnail-display.design-54 .thumbnail-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8rem 9.0185%;
}

.thumbnail-display.design-54 .thumbnail-item {
    width: 27.321%;
}

.thumbnail-display.design-54 .thumbnail-figure {
    border-radius: 2.8rem;
    overflow: hidden;
}

.thumbnail-display.design-54 .thumbnail-figure+.thumbnail-inform {
    padding-top: 2rem;
}

.thumbnail-display.design-54 .thumbnail-head .sort {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(27, 75, 102);
}

.thumbnail-display.design-54 .thumbnail-head .sort+.subject {
    padding-top: 1rem;
}

.thumbnail-display.design-54 .thumbnail-head .subject {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-54 .thumbnail-list {
        display: block;
    }

    .thumbnail-display.design-54 .thumbnail-item {
        width: 100%;
    }

    .thumbnail-display.design-54 .thumbnail-item+.thumbnail-item {
        padding-top: 8rem;
    }

    .thumbnail-display.design-54 .thumbnail-figure {
        border-radius: 2rem;
    }

    .thumbnail-display.design-54 .thumbnail-figure+.thumbnail-inform {
        padding-top: 2.4rem;
    }

    .thumbnail-display.design-54 .thumbnail-inform {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .thumbnail-display.design-54 .thumbnail-head .sort {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .thumbnail-display.design-54 .thumbnail-head .subject {
        font-family: "Hyosung";
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.thumbnail-display.design-55 .thumbnail-item {
    padding: 3.3rem 4rem;
    border-bottom: 0.1rem solid rgb(225, 230, 239);
}

.thumbnail-display.design-55 .thumbnail-item:last-of-type {
    border-bottom: none;
}

.thumbnail-display.design-55 .thumbnail-inform {
    display: flex;
}

.thumbnail-display.design-55 .thumbnail-head {
    flex: 0 0 auto;
    width: 32.803%;
    max-width: 41.2rem;
    padding-right: 2rem;
}

.thumbnail-display.design-55 .thumbnail-head .subject {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.4rem;
    letter-spacing: -0.01em;
    color: rgb(40, 40, 40);
}

.thumbnail-display.design-55 .thumbnail-body {
    flex: 1 1 auto;
    width: calc(67.197% - 9.6rem);
    padding-right: 2rem;
}

.thumbnail-display.design-55 .thumbnail-body .para {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(115, 115, 115);
    padding-right: 3.2rem;
}

.thumbnail-display.design-55 .thumbnail-body .para::after {
    content: "";
    position: absolute;
    right: 1.3rem;
    top: 50%;
    margin-top: -0.6rem;
    width: 0.1rem;
    height: 1.2rem;
    background-color: rgb(217, 217, 217);
}

.thumbnail-display.design-55 .thumbnail-body .para:last-of-type {
    padding-right: 0;
}

.thumbnail-display.design-55 .thumbnail-body .para:last-of-type::after {
    display: none;
}

.thumbnail-display.design-55 .thumbnail-aside {
    flex: 0 0 auto;
}

.thumbnail-display.design-55 .thumbnail-aside .button.mo-only {
    display: none;
}

.thumbnail-display.design-55.type-1 .thumbnail-item:first-child {
    padding-top: 0;
}

.thumbnail-display.design-55.type-1 .thumbnail-item:last-child {
    padding-bottom: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-55 .thumbnail-item {
        padding: 4rem 0;
    }

    .thumbnail-display.design-55 .thumbnail-item:last-of-type {
        border-bottom: 0.1rem solid rgb(225, 230, 239);
    }

    .thumbnail-display.design-55 .thumbnail-inform {
        display: block;
    }

    .thumbnail-display.design-55 .thumbnail-head {
        width: 100%;
        max-width: initial;
        padding-right: 0;
    }

    .thumbnail-display.design-55 .thumbnail-head .subject {
        font-size: 1.8rem;
        line-height: 3rem;
        letter-spacing: 0;
        color: rgb(0, 0, 0);
    }

    .thumbnail-display.design-55 .thumbnail-head+.thumbnail-body {
        padding-top: 1.6rem;
    }

    .thumbnail-display.design-55 .thumbnail-body {
        width: 100%;
        padding-right: 0;
    }

    .thumbnail-display.design-55 .thumbnail-body .para {
        font-weight: 700;
        font-size: 1.6rem;
        line-height: 2.6rem;
        padding-right: 0.2rem;
    }

    .thumbnail-display.design-55 .thumbnail-body .para::after {
        display: none;
    }

    .thumbnail-display.design-55 .thumbnail-body+.thumbnail-aside {
        padding-top: 4rem;
    }

    .thumbnail-display.design-55 .thumbnail-aside .button.pc-only {
        display: none;
    }

    .thumbnail-display.design-55 .thumbnail-aside .button.mo-only {
        display: block;
    }

    .thumbnail-display.design-55.type-1 .thumbnail-item:first-child {
        padding-top: 0;
    }

    .thumbnail-display.design-55.type-1 .thumbnail-item:last-child {
        padding-bottom: 4rem;
    }
}

.thumbnail-display.design-56 .thumbnail-item+.thumbnail-item {
    padding-top: 2rem;
}

.thumbnail-display.design-56 .thumbnail-wrap {
    display: block;
    padding: 4rem 6rem;
    border-radius: 1.6rem;
    background-color: rgb(244, 248, 255);
}

.thumbnail-display.design-56 .thumbnail-head .subject {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(27, 75, 102);
}

.thumbnail-display.design-56 .thumbnail-head .subject::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url(../images/common/icon/icon-diagonal-black-arrow03.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

.thumbnail-display.design-56 .thumbnail-head+.thumbnail-body {
    padding-top: 2rem;
}

.thumbnail-display.design-56 .thumbnail-body .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.thumbnail-display.design-56 .thumbnail-body .para .c_blue {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: rgb(75, 132, 240);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.design-56 .thumbnail-item+.thumbnail-item {
        padding-top: 1rem;
    }

    .thumbnail-display.design-56 .thumbnail-wrap {
        padding: 2rem;
    }

    .thumbnail-display.design-56 .thumbnail-head .subject {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .thumbnail-display.design-56 .thumbnail-head .subject::after {
        width: 3rem;
        height: 3rem;
    }

    .thumbnail-display.design-56 .thumbnail-head+.thumbnail-body {
        padding-top: 1.6rem;
    }

    .thumbnail-display.design-56 .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
        color: #465059;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

.thumbnail-display.has-icon1 .pos-relative {
    position: relative;
}

.thumbnail-display.has-icon1 .thumbnail-wrap {
    position: relative;
}

.thumbnail-display.has-icon1 .thumbnail-wrap [class*=ic-],
.thumbnail-display.has-icon1 .thumbnail-wrap .thumbnail-figure,
.thumbnail-display.has-icon1 .thumbnail-wrap .img {
    transition: all 0.5s;
}

.thumbnail-display.has-icon1 [class*=ic-] {
    position: absolute;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgba(255, 255, 255, 0.24);
}

.thumbnail-display.has-icon1 .ic-arrow1 {
    top: 2rem;
    right: 2rem;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background-image: url(../images/common/icon/icon-diagonal-black-arrow01.svg);
}

.thumbnail-display.has-icon1 .ic-arrow1.image-v1 {
    background-color: transparent;
    background-image: url(../images/common/icon/icon-diagonal-black-arrow01.svg);
}

.thumbnail-display.has-icon1 .ic-arrow1.image-v2 {
    background-image: url(../images/common/icon/icon-diagonal-white-arrow01.svg);
}

.thumbnail-display.has-icon1 .ic-arrow1.image-v3 {
    background-image: url(../images/common/icon/icon-diagonal-white-arrow02.svg);
}

.thumbnail-display.has-icon1 .ic-arrow1.position-v1 {
    top: 4rem;
    right: 4rem;
}

.thumbnail-display.has-icon1 .ic-arrow1.position-v2 {
    top: 3rem;
    right: 3rem;
}

.thumbnail-display.has-icon1 .ic-arrow1.size-v1 {
    width: 3.2rem;
    height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.has-icon1 .ic-arrow1 {
        width: 3.2rem;
        height: 3.2rem;
        background-image: url(../images/common/icon/icon-diagonal-white-arrow01-mo.svg);
    }

    .thumbnail-display.has-icon1 .ic-arrow1.image-v1 {
        background-color: rgba(255, 255, 255, 0.24);
        background-image: url(../images/common/icon/icon-diagonal-white-arrow01-mo.svg);
    }

    .thumbnail-display.has-icon1 .ic-arrow1.image-v2 {
        background-image: url(../images/common/icon/icon-diagonal-white-arrow01-mo.svg);
    }

    .thumbnail-display.has-icon1 .ic-arrow1.position-v1 {
        top: 2rem;
        right: 2rem;
    }

    .thumbnail-display.has-icon1 .ic-arrow1.position-v2 {
        top: 2rem;
        right: 2rem;
    }
}

.thumbnail-display.has-icon1 .ic-play1 {
    border-radius: 50%;
    background-image: url(../images/common/icon/icon-play01.svg);
}

.thumbnail-display.has-icon1 .ic-play1.position-v1 {
    top: 4rem;
    right: 4rem;
}

.thumbnail-display.has-icon1 .ic-play1.position-v2 {
    top: 3rem;
    right: 3rem;
}

.thumbnail-display.has-icon1 .ic-play1.size-v1 {
    width: 4.8rem;
    height: 4.8rem;
}

.thumbnail-display.has-icon1 .ic-play1.size-v2 {
    width: 3.2rem;
    height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.has-icon1 .ic-play1.position-v1 {
        top: 2rem;
        right: 2rem;
    }

    .thumbnail-display.has-icon1 .ic-play1.position-v2 {
        top: 2rem;
        right: 2rem;
    }

    .thumbnail-display.has-icon1 .ic-play1.size-v1 {
        width: 3.2rem;
        height: 3.2rem;
    }
}

.thumbnail-display.has-icon1 .ic-sns1 {
    border-radius: 0.6rem;
}

.thumbnail-display.has-icon1 .ic-sns1.ic-facebook1 {
    background-image: url(../images/common/icon/icon-facebook01.svg);
}

.thumbnail-display.has-icon1 .ic-sns1.ic-instagram1 {
    background-image: url(../images/common/icon/icon-instagram01.svg);
}

.thumbnail-display.has-icon1 .ic-sns1.ic-linkedin1 {
    background-image: url(../images/common/icon/icon-linkedin01.svg);
}

.thumbnail-display.has-icon1 .ic-sns1.position-v1 {
    top: 3rem;
    right: 3rem;
}

.thumbnail-display.has-icon1 .ic-sns1.size-v1 {
    width: 3.2rem;
    height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display.has-icon1 .ic-sns1.position-v1 {
        top: 1.6rem;
        right: 1.6rem;
    }
}

.thumbnail-display.has-icon1.hover-1 .thumbnail-wrap:hover .img,
.thumbnail-display.has-icon1.hover-1-1 .thumbnail-wrap:hover .img {
    transform: scale(1.05);
}

.thumbnail-display.has-icon1.hover-1 .thumbnail-wrap:hover [class*=ic-],
.thumbnail-display.has-icon1.hover-1-1 .thumbnail-wrap:hover [class*=ic-] {
    background-color: transparent;
    transform: translate(1rem, -1rem);
}

@media (min-width: 280px) and (max-width: 1023px) {

    .thumbnail-display.has-icon1.hover-1 .thumbnail-wrap:hover .img,
    .thumbnail-display.has-icon1.hover-1-1 .thumbnail-wrap:hover .img {
        transform: scale(1);
    }

    .thumbnail-display.has-icon1.hover-1 .thumbnail-wrap:hover [class*=ic-],
    .thumbnail-display.has-icon1.hover-1-1 .thumbnail-wrap:hover [class*=ic-] {
        background-color: rgba(255, 255, 255, 0.24);
        transform: translate(0, 0);
    }
}

@media (min-width: 1024px) {
    .thumbnail-display.has-icon1.hover-1-1 .thumbnail-wrap:hover [class*=ic-] {
        background-color: transparent;
        transform: translate(0.5rem, -0.5rem);
    }
}

.thumbnail-display.has-icon1.hover-2 .thumbnail-wrap:hover .img,
.thumbnail-display.has-icon1.hover-2-1 .thumbnail-wrap:hover .img {
    transform: scale(1.05);
}

.thumbnail-display.has-icon1.hover-2 .thumbnail-wrap:hover [class*=ic-],
.thumbnail-display.has-icon1.hover-2-1 .thumbnail-wrap:hover [class*=ic-] {
    background-color: transparent;
    transform: translate(1rem, -1rem);
}

.thumbnail-display.has-icon1.hover-2 .thumbnail-wrap:hover .ic-arrow1.image-v1,
.thumbnail-display.has-icon1.hover-2-1 .thumbnail-wrap:hover .ic-arrow1.image-v1 {
    background-image: url(../images/common/icon/icon-diagonal-yellow-arrow01.svg);
}

@media (min-width: 280px) and (max-width: 1023px) {

    .thumbnail-display.has-icon1.hover-2 .thumbnail-wrap:hover .thumbnail-figure,
    .thumbnail-display.has-icon1.hover-2-1 .thumbnail-wrap:hover .thumbnail-figure {
        transform: scale(0.97935);
    }

    .thumbnail-display.has-icon1.hover-2 .thumbnail-wrap:hover .img,
    .thumbnail-display.has-icon1.hover-2-1 .thumbnail-wrap:hover .img {
        transform: scale(1);
    }

    .thumbnail-display.has-icon1.hover-2 .thumbnail-wrap:hover [class*=ic-],
    .thumbnail-display.has-icon1.hover-2-1 .thumbnail-wrap:hover [class*=ic-] {
        background-color: rgba(255, 255, 255, 0.24);
        transform: translate(0.4rem, -0.4rem);
    }

    .thumbnail-display.has-icon1.hover-2 .thumbnail-wrap:hover .ic-arrow1.image-v1,
    .thumbnail-display.has-icon1.hover-2-1 .thumbnail-wrap:hover .ic-arrow1.image-v1 {
        background-image: url(../images/common/icon/icon-diagonal-white-arrow01-mo.svg);
    }
}

@media (min-width: 1024px) {
    .thumbnail-display.has-icon1.hover-2-1 .thumbnail-wrap:hover [class*=ic-] {
        background-color: transparent;
        transform: translate(0.5rem, -0.5rem);
    }
}

.thumbnail-display .tnumbSwiper.swiper {
    position: relative;
}

.thumbnail-display .tnumbSwiper.swiper>.swiper-wrapper {
    flex-direction: row;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display .tnumbSwiper.swiper>.swiper-wrapper {
        flex-wrap: nowrap;
    }
}

.thumbnail-display .tnumbSwiper.swiper.case-2 .swiper-pagination {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #282828;
}

.thumbnail-display .tnumbSwiper.swiper.case-2 .swiper-pagination .swiper-pagination-current,
.thumbnail-display .tnumbSwiper.swiper.case-2 .swiper-pagination .swiper-pagination-total {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #282828;
}

.thumbnail-display .tnumbSwiper.swiper.case-2 .slide-paging {
    width: 100%;
    max-width: 18.1rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display .tnumbSwiper.swiper.case-2 .slide-paging {
        display: block;
    }
}

.thumbnail-display .tnumbSwiper.swiper.case-2 .swiper-pagination-fraction {
    bottom: 0;
}

.thumbnail-display .tnumbSwiper.swiper.case-2 .swiper-button-next,
.thumbnail-display .tnumbSwiper.swiper.case-2 .swiper-button-prev {
    top: unset;
    bottom: 0;
    align-items: end;
    width: 3.2rem;
    height: 3.2rem;
    z-index: 11;
}

.thumbnail-display .tnumbSwiper.swiper.case-2 .swiper-button-next::after,
.thumbnail-display .tnumbSwiper.swiper.case-2 .swiper-button-prev::after {
    content: "";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .thumbnail-display .tnumbSwiper.swiper.case-2 {
        padding-bottom: 7rem;
    }
}

/* Sustainability - local */
.local.sustainability-common {
    width: 100%;
    height: 150vh;
    padding: 0 1.8rem;
}

.local.sustainability-common .local-head {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    padding-top: 8rem;
    padding-bottom: 13.6rem;
    overflow: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.sustainability-common .local-head {
        padding-top: 9.4rem;
        padding-bottom: 0;
    }
}

.local.sustainability-common .local-head.design-1 {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
    transition: all 0.5s ease-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.sustainability-common .local-head.design-1 {
        max-width: 100%;
    }
}

.local.sustainability-common .local-head.design-1 .local-head-wrap {
    position: relative;
    width: 100%;
    height: 0rem;
    transition: all 0.5s ease-out;
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-figure {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5.6rem;
    overflow: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.sustainability-common .local-head.design-1 .local-head-wrap .local-figure {
        border-radius: 3.2rem;
    }
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-figure img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject {
    position: absolute;
    width: 100%;
    text-align: center;
    transition: transform 0.5s ease-out;
    z-index: 2;
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject .local-name {
    font-weight: 700;
    font-size: 6rem;
    line-height: 7.2rem;
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject .local-name>span {
    font-weight: inherit;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject .local-name {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject:nth-child(1) {
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject:nth-child(1) {
        transform: translateY(-100%);
    }
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject:nth-child(1) .local-name {
    font-family: "Poppins";
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject:nth-child(1) .local-name.ko {
    font-family: "Hyosung";
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject:nth-child(2) {
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject:nth-child(2) {
        transform: translateY(100%);
    }
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject:nth-child(2) .local-name {
    font-family: "Hyosung";
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject:nth-child(2) .local-name:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject .local-name .wbr.hide {
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.sustainability-common .local-head.design-1 .local-head-wrap .local-subject .local-name .wbr.hide {
        display: none;
    }
}

.local.sustainability-common .local-head.design-1.action-01 .local-head-wrap {
    height: 47.222vh;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.sustainability-common .local-head.design-1.action-01 .local-head-wrap {
        height: 20.935vh;
    }
}

.local.sustainability-common .local-head.design-1.action-01 .local-head-wrap .local-subject:nth-child(1) {
    padding-bottom: 1rem;
    transform: translateY(-100%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.sustainability-common .local-head.design-1.action-01 .local-head-wrap .local-subject:nth-child(1) {
        padding-bottom: 2rem;
    }
}

.local.sustainability-common .local-head.design-1.action-01 .local-head-wrap .local-subject:nth-child(2) {
    padding-top: 1rem;
    transform: translateY(100%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.sustainability-common .local-head.design-1.action-01 .local-head-wrap .local-subject:nth-child(2) {
        padding-top: 2rem;
    }
}

.local.sustainability-common .local-head.design-1.action-02 {
    max-width: 100%;
}

.local.sustainability-common .local-head.design-1.action-02 .local-head-wrap {
    width: 100%;
}

.local.company-common {
    position: relative;
    width: 100%;
    height: 120vh;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.company-common {
        height: 100vh;
    }
}

.local.company-common.active .local-head.design-1 .local-head-wrap .local-figure {
    transform: scale(1);
}

.local.company-common .local-head {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
}

.local.company-common .local-head::after {
    content: "";
    width: 100%;
    height: 13rem;
    border-radius: 6.4rem 6.4rem 0 0;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.company-common .local-head::after {
        display: none;
    }
}

.local.company-common .local-head.design-1 {
    width: 100%;
    height: 100vh;
}

.local.company-common .local-head.design-1 .local-head-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.local.company-common .local-head.design-1 .local-head-wrap .local-figure {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    transform: scale(1.1);
    transform-origin: 50% 50%;
    transition: 1s;
}

.local.company-common .local-head.design-1 .local-head-wrap .local-figure img {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.local.company-common .local-head.design-1 .local-head-wrap .local-subject {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    margin-top: 23.258vh;
    z-index: 2;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.company-common .local-head.design-1 .local-head-wrap .local-subject {
        top: 50%;
        transform: translateY(-50%);
        margin-top: unset;
    }
}

.local.company-common .local-head.design-1 .local-head-wrap .local-subject .local-name {
    text-align: center;
}

.local.company-common .local-head.design-1 .local-head-wrap .local-subject .local-name .subject {
    display: block;
    font-size: 64px;
    font-weight: 700;
    font-family: "hyosung";
    line-height: 76px;
    color: #000;
}

.local.company-common .local-head.design-1 .local-head-wrap .local-subject .local-name .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.company-common .local-head.design-1 .local-head-wrap .local-subject .local-name .subject {
        font-size: 3.2rem;
        line-height: 40px;
    }
}

.local.company-common .local-head.design-1 .local-head-wrap .local-subject .local-name .summary {
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    color: #000;
    margin-top: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.company-common .local-head.design-1 .local-head-wrap .local-subject .local-name .summary {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-top: 2rem;
    }
}

.local.company-common .local-head.design-1 .local-head-wrap .local-subject.type-1 .local-name .subject,
.local.company-common .local-head.design-1 .local-head-wrap .local-subject.type-1 .local-name .summary {
    color: #ffffff;
}

.local.company-common .local-head.design-1 .local-head-wrap .local-desc {
    position: absolute;
    bottom: -2%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.local.company-common .local-head.design-1 .local-head-wrap .local-desc .local-name .desc {
    font-size: 30rem;
    font-weight: 600;
    font-family: "Poppins";
    line-height: normal;
    letter-spacing: -0.9rem;
    color: transparent;
    white-space: nowrap;
    background-image: url("../images/common/photo/company/introduction/local-pc-type1-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    background-attachment: fixed;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.local.company-common .local-head.design-1 .local-head-wrap .local-desc.type-1 .local-name .desc {
    background-image: url("../images/common/photo/company/ir/local-pc-type1-bg.jpg");
}

.local.company-common .local-head.design-1 .local-head-wrap .local-desc.type-2 .local-name .desc {
    background-image: url("../images/common/photo/company/recruitment/local-pc-type1-bg.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.company-common .local-head.design-1 .local-head-wrap .local-desc {
        display: none;
    }
}

.local.brand-common {
    position: relative;
    width: 100%;
    height: 45.37vh;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.brand-common {
        height: 150vh;
    }
}

.local.brand-common .local-head {
    position: relative;
    width: 100%;
    height: 100vh;
    transition: all 0.7s cubic-bezier(0.26, -0.02, 0, 1.01);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.brand-common .local-head {
        position: sticky;
        top: 0;
    }
}

.local.brand-common .local-head.design-1 .local-head-wrap .local-subject.type-1 {
    position: absolute;
    top: 20.37vh;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    transition: all 0.7s cubic-bezier(0.26, -0.02, 0, 1.01);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.brand-common .local-head.design-1 .local-head-wrap .local-subject.type-1 {
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.local.brand-common .local-head.design-1 .local-head-wrap .local-subject.type-1 .local-name .subject {
    font-size: 12rem;
    font-weight: 700;
    font-family: Poppins;
    line-height: normal;
    text-align: center;
    color: #000;
    white-space: nowrap;
    transition: all 0.5s;
    will-change: font-size;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.brand-common .local-head.design-1 .local-head-wrap .local-subject.type-1 .local-name .subject {
        font-size: 4.8rem;
        line-height: 5.2rem;
        color: #fff;
    }
}

.local.brand-common .local-head.design-1 .local-head-wrap .local-subject.type-1 .local-name .summary {
    font-size: 3.2rem;
    font-weight: 700;
    font-family: "Hyosung";
    line-height: 4.8rem;
    text-align: center;
    color: #000;
    white-space: nowrap;
    transition: all 0.5s;
    will-change: font-size;
}

.local.brand-common .local-head.design-1 .local-head-wrap .local-subject.type-1 .local-name .summary:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.brand-common .local-head.design-1 .local-head-wrap .local-subject.type-1 .local-name .summary {
        line-height: 4rem;
        color: #fff;
        margin-top: 1rem;
    }
}

.local.brand-common .local-head.design-1 .local-head-wrap .local-figure {
    width: 60%;
    max-width: 115rem;
    height: 54vh;
    overflow: hidden;
    border-radius: 4rem;
    position: absolute;
    bottom: -4rem;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.7s cubic-bezier(0.26, -0.02, 0, 1.01);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.brand-common .local-head.design-1 .local-head-wrap .local-figure {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        border-radius: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        transform: none;
    }
}

.local.brand-common .local-head.design-1 .local-head-wrap .local-figure img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.local.brand-common .local-head.design-1.action-01 {
    height: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.brand-common .local-head.design-1.action-01 {
        height: 100vh;
    }
}

.local.brand-common .local-head.design-1.action-01 .local-head-wrap .local-subject.type-1 {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.brand-common .local-head.design-1.action-01 .local-head-wrap .local-subject.type-1 {
        top: 50%;
    }
}

.local.brand-common .local-head.design-1.action-01 .local-head-wrap .local-subject.type-1 .local-name .subject {
    font-size: 4rem;
    color: #fff;
    opacity: 0.8;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.brand-common .local-head.design-1.action-01 .local-head-wrap .local-subject.type-1 .local-name .subject {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.local.brand-common .local-head.design-1.action-01 .local-head-wrap .local-subject.type-1 .local-name .summary {
    font-size: 7.2rem;
    line-height: normal;
    margin-top: 2rem;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.brand-common .local-head.design-1.action-01 .local-head-wrap .local-subject.type-1 .local-name .summary {
        font-size: 4.8rem;
        line-height: 6.2rem;
        margin-top: 1rem;
    }
}

.local.brand-common .local-head.design-1.action-01 .local-head-wrap .local-figure {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
    bottom: 0;
}

.local.business-common .business-common-type01 {
    --type01-transition-duration: 1s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    padding: 10rem 3.153%;
    gap: 2%;
    transition: var(--type01-transition-duration);
}

.local.business-common .business-common-type01 .order-1 {
    order: 1;
}

.local.business-common .business-common-type01 .order-2 {
    order: 2;
}

.local.business-common .business-common-type01 .local-head {
    width: 84.128%;
}

.local.business-common .business-common-type01 .local-head .local-name {
    width: 85.129%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: var(--type01-transition-duration);
}

.local.business-common .business-common-type01 .local-head .local-name.left {
    left: 0;
}

.local.business-common .business-common-type01 .local-head .local-name.right {
    right: 0;
}

.local.business-common .business-common-type01 .local-head .local-name .sup-subject {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 3.8rem;
    text-align: center;
    color: rgb(255, 255, 255);
    letter-spacing: -0.02em;
    transition: var(--type01-transition-duration);
}

.local.business-common .business-common-type01 .local-head .local-name .sup-subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.local.business-common .business-common-type01 .local-head .local-name .sup-subject+.subject {
    margin-top: 2rem;
}

.local.business-common .business-common-type01 .local-head .local-name .subject {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 16rem;
    line-height: 1em;
    text-align: center;
    color: rgb(255, 255, 255);
    letter-spacing: -0.03em;
    transition: var(--type01-transition-duration);
}

.local.business-common .business-common-type01 .local-head .local-figure {
    border-radius: 5.6rem;
    overflow: hidden;
}

.local.business-common .business-common-type01 .local-head .local-figure img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.local.business-common .business-common-type01 .local-aside {
    position: relative;
    width: 13.872%;
    padding: 8.021% 0;
}

.local.business-common .business-common-type01 .local-aside .local-aside-name {
    opacity: 0.4;
}

.local.business-common .business-common-type01 .local-aside .local-aside-name .sup-subject {
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.4rem;
    color: rgb(255, 255, 255);
    text-align: center;
}

.local.business-common .business-common-type01 .local-aside .local-aside-name .sup-subject+.subject {
    margin-top: 1.6rem;
}

.local.business-common .business-common-type01 .local-aside .local-aside-name .subject {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 1em;
    color: rgb(255, 255, 255);
    letter-spacing: -0.03em;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word;
}

.local.business-common .business-common-type01 .local-aside .local-aside-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.local.business-common .business-common-type01::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.local.business-common .business-common-type01.fill-572 {
    background: rgb(238, 140, 60);
}

.local.business-common .business-common-type01.fill-572::after {
    background: linear-gradient(to right, rgb(102, 106, 196) -40%, rgb(238, 140, 60) 30%, rgb(238, 140, 60) 100%);
}

.local.business-common .business-common-type01.fill-572 .local-head .local-figure {
    box-shadow: -1rem 1rem 4rem 0rem rgba(60, 0, 0, 0.3);
}

.local.business-common .business-common-type01.fill-528 {
    background: rgb(102, 106, 196);
}

.local.business-common .business-common-type01.fill-528::after {
    background: linear-gradient(to left, rgb(238, 140, 60) -40%, rgb(102, 106, 196) 30%, rgb(102, 106, 196) 100%);
}

.local.business-common .business-common-type01.fill-528 .local-head .local-figure {
    box-shadow: 1rem 1rem 4rem 0rem rgba(37, 21, 98, 0.2);
}

.local.business-common .business-common-type01.active .local-head .local-name {
    width: 100%;
    top: calc(100% + 220px);
    transform: translateY(0);
}

.local.business-common .business-common-type01.active .local-head .local-name .sup-subject {
    font-size: 2.8rem;
    line-height: 4.2rem;
    color: #000;
}

.local.business-common .business-common-type01.active .local-head .local-name .sup-subject+.subject {
    margin-top: 5.4rem;
}

.local.business-common .business-common-type01.active .local-head .local-name .subject {
    color: #000;
}

.local.business-common .business-common-type01.active.fill-572,
.local.business-common .business-common-type01.active.fill-528 {
    background: transparent;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.business-common .business-common-type01 {
        padding: 0;
    }

    .local.business-common .business-common-type01 .local-head {
        width: 100%;
    }

    .local.business-common .business-common-type01 .local-head .local-subject {
        position: relative;
        min-height: 100vh;
        z-index: 2;
    }

    .local.business-common .business-common-type01 .local-head .local-name {
        width: 100%;
    }

    .local.business-common .business-common-type01 .local-head .local-name .sup-subject {
        font-size: 1.8rem;
        line-height: 3rem;
        letter-spacing: 0;
    }

    .local.business-common .business-common-type01 .local-head .local-name .sup-subject+.subject {
        margin-top: 1rem;
    }

    .local.business-common .business-common-type01 .local-head .local-name .subject {
        font-size: 5.2rem;
        line-height: 5.8rem;
    }

    .local.business-common .business-common-type01 .local-head .local-figure {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 0;
        box-shadow: none;
    }

    .local.business-common .business-common-type01 .local-aside {
        display: none;
    }

    .local.business-common .business-common-type01.active .local-head .local-name {
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
    }

    .local.business-common .business-common-type01.active .local-head .local-name .sup-subject {
        font-size: 1.8rem;
        line-height: 3rem;
        color: #fff;
    }

    .local.business-common .business-common-type01.active .local-head .local-name .sup-subject+.subject {
        margin-top: 1rem;
    }

    .local.business-common .business-common-type01.active .local-head .local-name .subject {
        color: #fff;
    }
}

.local.business-common .business-common-type02 {
    padding-top: 22rem;
}

.local.business-common .business-common-type02 .local-head .local-name .sup-subject {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 4.2rem;
    text-align: center;
    color: rgb(0, 0, 0);
    visibility: hidden;
}

.local.business-common .business-common-type02 .local-head .local-name .sup-subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.local.business-common .business-common-type02 .local-head .local-name .sup-subject+.subject {
    margin-top: 5.4rem;
}

.local.business-common .business-common-type02 .local-head .local-name .subject {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 16rem;
    line-height: 1em;
    text-align: center;
    color: rgb(0, 0, 0);
    letter-spacing: -0.03em;
    visibility: hidden;
}

.local.business-common .business-common-type02 .local-head .local-name .subject+.summary {
    margin-top: 3.2rem;
}

.local.business-common .business-common-type02 .local-head .local-name .summary {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3.6rem;
    text-align: center;
    color: #1E1E1E;
    opacity: 0;
    transform: translateY(5rem);
    transition: 0.9s;
}

.local.business-common .business-common-type02 .local-head .local-name .summary:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.local.business-common .business-common-type02 .local-body {
    position: relative;
    margin-top: 10rem;
    height: 400vh;
}

.local.business-common .business-common-type02 .local-body-wrap {
    position: sticky;
    left: 0;
    top: 0;
    height: calc(100vh + 7.2rem);
    overflow: hidden;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail {
    display: flex;
    align-items: center;
    gap: 3rem;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 3rem;
    flex-grow: 0;
    flex-shrink: 0;
    width: calc(23.125vw - 2.4rem);
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item:nth-child(2n-1) {
    padding-bottom: 7.2rem;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item:nth-child(2n) {
    padding-top: 6.2rem;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item.active {
    width: 91.667vw;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item.active .thumbnail-body {
    height: 42.24vw;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body {
    position: relative;
    overflow: hidden;
    border-radius: 1.6rem;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-figure .img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform.on::after {
    opacity: 1;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform-inner1 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(15vh);
    text-align: center;
    z-index: 2;
    opacity: 0;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform-inner2 {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(15vh);
    width: 100%;
    max-width: 111.3rem;
    padding: 0 5rem;
    z-index: 3;
    opacity: 0;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform-inner2 .button-display {
    margin-top: 8rem;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform-inner2 .diagram-display .diagram-aside {
    margin-top: 8rem;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform-inner2.case-1 {
    max-width: initial;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-sup1 {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.8rem;
    line-height: 4.2rem;
    color: rgb(255, 255, 255);
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-sup1:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-sup1+.text-title1 {
    margin-top: 2.4rem;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-title1 {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 5.6rem;
    line-height: 7.2rem;
    color: rgb(255, 255, 255);
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-title1:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-title2 {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 4rem;
    line-height: 5.8rem;
    color: rgb(255, 255, 255);
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-title2:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-title2+.text-para1 {
    margin-top: 6rem;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-para1 {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-para2 {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(255, 255, 255);
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-para2:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .align-1 {
    text-align: center;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body.size1 {
    height: 36.563vw;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body.size2 {
    height: 22.917vw;
}

.local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body.size3 {
    height: 12.6045vw;
}

.local.business-common .business-common-type02.case-1 .local-body {
    padding-top: 7.6rem;
}

.local.business-common .business-common-type02.active .local-head .local-name .summary {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.business-common .business-common-type02 {
        padding-top: 0;
    }

    .local.business-common .business-common-type02 .local-head {
        display: none;
    }

    .local.business-common .business-common-type02 .local-body {
        margin-top: 0;
    }

    .local.business-common .business-common-type02 .local-body-wrap {
        height: 100vh;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail {
        width: 100%;
        left: 0;
        transform: none;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item {
        display: block;
        width: 90.4%;
        margin: 0 auto;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item:nth-child(2n-1) {
        padding-bottom: 0;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item:nth-child(2n) {
        padding-top: 0;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item.active {
        width: 100%;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item.active .thumbnail-body {
        height: 100vh;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-item:not(.thumbnail-main) {
        display: none;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform-inner2 {
        padding: 0 1.8rem;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform-inner2 .button-display {
        margin-top: 4rem;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform-inner2 .diagram-display .diagram-aside {
        margin-top: 4rem;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-sup1 {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-sup1+.text-title1 {
        margin-top: 1.4rem;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-title1 {
        font-size: 3.2rem;
        line-height: 4.3rem;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-title2 {
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-title2+.text-para1 {
        margin-top: 2.4rem;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-para1 {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body .thumbnail-inform .text-para2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .local.business-common .business-common-type02 .local-body .local-thumbnail .thumbnail-body.size3 {
        height: 69.705vh;
    }

    .local.business-common .business-common-type02.case-1 .local-body {
        padding-top: 0;
    }
}

.local.etc-common {
    position: relative;
    padding: 20rem 1.8rem 0;
}

.local.etc-common .local-head.align-1 {
    text-align: center;
}

.local.etc-common .local-head .local-subject+.local-body {
    margin-top: 4rem;
}

.local.etc-common .local-head .local-para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.local.etc-common .local-figure img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}

.local.etc-common.type-1 {
    padding-top: 26rem;
}

.local.etc-common.type-2 {
    padding-top: 18rem;
    padding-bottom: 10rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .local.etc-common {
        padding-top: 15.4rem;
    }

    .local.etc-common .local-head.align-1 {
        text-align: left;
    }

    .local.etc-common .local-head .local-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .local.etc-common.type-1 {
        padding-top: 15.4rem;
    }

    .local.etc-common.type-2 {
        padding-top: 17.4rem;
        padding-bottom: 4rem;
    }
}

.pagination-display.design-1.case-1 {
    width: 100%;
    max-width: 42.4rem;
    margin: 0 auto;
}

.pagination-display.design-1.case-1 .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination-display.design-1.case-1 .pagination .page-item .button .button-text-core::after {
    width: 100%;
    height: 100%;
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow01 {
    margin-right: 1rem;
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow01 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow01.svg");
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow02 {
    margin-right: 2rem;
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow02 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow02.svg");
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow03 {
    margin-left: 2rem;
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow03 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow03.svg");
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow04 {
    margin-left: 1rem;
}

.pagination-display.design-1.case-1 .pagination .page-item .button.icon-page-arrow04 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow04.svg");
}

.pagination-display.design-1.case-1 .pagination .page-item.num {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 3.2rem;
    text-align: center;
    color: #282828;
}

.pagination-display.design-1.case-1 .pagination .page-item.num.active {
    background-color: #FF8D24;
    border-radius: 0.8rem;
    color: #ffffff;
}

.pagination-display.design-1.case-1 .pagination .page-item.num .page-link {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item .button.icon-page-arrow01 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow01_white.svg");
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item .button.icon-page-arrow02 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow02_white.svg");
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item .button.icon-page-arrow03 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow03_white.svg");
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item .button.icon-page-arrow04 .button-text-core::after {
    background-image: url("../images/common/icon/icon-page-arrow04_white.svg");
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item.num {
    color: #fff;
}

.pagination-display.design-1.case-1.type-1 .pagination .page-item.num.active {
    color: #282828;
}

.slide-display.design-1 {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.slide-display.design-1 .slide-list {
    width: 100%;
    max-width: 133.6rem;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 10.479%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-1 .slide-list {
        flex-direction: column;
    }
}

.slide-display.design-1 .slide-subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-1 .slide-subject {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.slide-display.design-1 .slide-item.case-1 {
    position: relative;
    width: 40.34%;
    min-height: 51.8rem;
    padding-top: 8.08%;
    background-color: rgb(255, 255, 255);
    z-index: 2;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-1 .slide-item.case-1 {
        width: 100%;
        padding-top: 6rem;
        padding-bottom: 4rem;
        min-height: unset;
    }
}

.slide-display.design-1 .slide-item.case-1::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -100vw;
    width: 100vw;
    height: 100%;
    background-color: rgb(255, 255, 255);
}

.slide-display.design-1 .slide-item.case-1 .swiper-slide {
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    opacity: 0;
}

.slide-display.design-1 .slide-item.case-1 .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.slide-display.design-1 .slide-item.case-1 .slide-summary {
    font-family: "normal";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 4.2rem;
    padding-bottom: 3rem;
    color: #1B4B66;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-1 .slide-item.case-1 .slide-summary {
        font-size: 1.8rem;
        line-height: 3rem;
        padding-bottom: 1.6rem;
    }
}

.slide-display.design-1 .slide-item.case-1 .slide-summary .year {
    display: block;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(255, 141, 36);
    padding-bottom: 0.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-1 .slide-item.case-1 .slide-summary .year {
        font-size: 1.4rem;
        line-height: 2.2rem;
        padding-bottom: 0.02rem;
    }
}

.slide-display.design-1 .slide-item.case-1 .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-1 .slide-item.case-1 .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.slide-display.design-1 .slide-item.case-2 {
    width: 65.7rem;
    height: 45.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-1 .slide-item.case-2 {
        width: 26.6rem;
        height: 18.3rem;
        margin-bottom: 7.2rem;
    }
}

.slide-display.design-1 .slide-item.case-2 .swiper-slide {
    opacity: 0;
    width: 100%;
}

.slide-display.design-1 .slide-item.case-2 .swiper-slide.swiper-slide-active {
    width: 100%;
    height: auto;
    opacity: 1;
}

.slide-display.design-1 .slide-item.case-2 .swiper-slide.swiper-slide-prev {
    width: 100%;
    opacity: 0;
}

.slide-display.design-1 .slide-item.case-2 .swiper-slide.swiper-slide-next {
    width: 52.3rem;
    height: 36rem;
    position: relative;
    opacity: 1;
}

.slide-display.design-1 .slide-item.case-2 .swiper-slide.swiper-slide-next::after {
    content: "";
    background: linear-gradient(0deg, rgba(255, 141, 36, 0.1), rgba(255, 141, 36, 0.1));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-1 .slide-item.case-2 .swiper-slide.swiper-slide-next::after {
        border-radius: 4rem;
    }
}

.slide-display.design-1 .slide-item.case-2 .swiper-slide.swiper-slide-next .img {
    width: 100%;
    height: 100%;
    opacity: 0.2;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-1 .slide-item.case-2 .swiper-slide.swiper-slide-next {
        width: 22.4rem;
        height: 15.4rem;
    }
}

.slide-display.design-1 .slide-item.case-2 .swiper-slide .img {
    width: 100%;
    height: 100%;
}

.slide-display.design-1 .slide-paging {
    width: 100%;
    max-width: 17rem;
    position: absolute;
    left: 0;
    bottom: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-1 .slide-paging {
        left: 50%;
        transform: translateX(-50%);
    }
}

.slide-display.design-1 .slide-paging .swiper-pagination-fraction {
    bottom: 0;
}

.slide-display.design-1 .slide-paging .swiper-button-next,
.slide-display.design-1 .slide-paging .swiper-button-prev {
    top: unset;
    bottom: 0;
    align-items: end;
    width: 3.2rem;
    height: 3.2rem;
    z-index: 11;
}

.slide-display.design-1 .slide-paging .swiper-button-next::after,
.slide-display.design-1 .slide-paging .swiper-button-prev::after {
    content: "";
}

.slide-display.design-1 .slide-paging .swiper-button-next {
    right: 0;
    left: auto;
}

.slide-display.design-1 .slide-paging .swiper-button-prev {
    left: 0;
    right: auto;
}

.slide-display.design-1 .slide-paging .swiper-pagination {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.8rem;
    color: #282828;
}

.slide-display.design-1 .slide-paging .swiper-pagination span {
    font-weight: 600;
}

.slide-display.design-2 {
    position: relative;
}

.slide-display.design-2.case-1 .swiper-slide .thumbnail-inform {
    opacity: 0.4;
    transition: opacity 0.6s ease-in-out;
}

.slide-display.design-2.case-1 .swiper-slide-active .thumbnail-inform {
    opacity: 1;
}

.slide-display.design-2.case-2 .slide-body {
    overflow: hidden;
}

.slide-display.design-2.case-2 .swiper-slide {
    border-radius: 3.6rem;
    overflow: hidden;
}

.slide-display.design-2.case-2 .swiper-slide .img {
    width: 100%;
}

.slide-display.design-2.case-2 .swiper-button {
    width: calc(100% + 13.6rem);
    left: -6.8rem;
}

.slide-display.design-2 .swiper-button {
    position: absolute;
    top: 50%;
    width: 82.26%;
    height: 0;
    left: 8.87%;
    margin-top: -2.4rem;
}

.slide-display.design-2 .swiper-button-prev,
.slide-display.design-2 .swiper-button-next {
    opacity: 0.5;
    width: initial;
}

.slide-display.design-2 .swiper-button-prev::after,
.slide-display.design-2 .swiper-button-next::after {
    content: "";
}

.slide-display.design-2 .swiper-button-prev {
    left: 0;
}

.slide-display.design-2 .swiper-button-next {
    right: 0;
}

.slide-display.design-2 .swiper-pagination {
    position: static;
    margin-top: 3rem;
}

.slide-display.design-2 .swiper-pagination-bullet {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 2rem;
    background-color: rgb(255, 255, 255);
    opacity: 0.5;
    transition: all 0.6s;
}

.slide-display.design-2 .swiper-pagination-bullet-active {
    width: 2.4rem;
    background-color: rgb(255, 255, 255);
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slide-display.design-2.case-2 .swiper-slide {
        border-radius: 0;
    }

    .slide-display.design-2.case-2 .swiper-button {
        width: calc(100% - 3.6rem);
        left: 1.8rem;
    }

    .slide-display.design-2.case-2 .swiper-button-prev,
    .slide-display.design-2.case-2 .swiper-button-next {
        opacity: 1;
    }

    .slide-display.design-2 .swiper-button {
        width: 100%;
        left: 0;
        margin-top: -1.6rem;
    }

    .slide-display.design-2 .swiper-button-next,
    .slide-display.design-2 .swiper-button-prev {
        opacity: 0.7;
    }

    .slide-display.design-2 .swiper-pagination {
        margin-top: 2rem;
    }
}

.board-display.design-1.case-2 {
    width: 100%;
    max-width: 92.3rem;
    padding: 6rem 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 3.2rem;
    overflow: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-1.case-2 {
        padding: 3rem 2rem;
    }
}

.board-display.design-1.case-2 .board-list .board-item .board-head .subject {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
    color: #1B4B66;
    padding-bottom: 1.4rem;
    font-family: "Hyosung";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-1.case-2 .board-list .board-item .board-head .subject {
        font-size: 1.8rem;
        line-height: 3rem;
        padding-bottom: 0.04rem;
    }
}

.board-display.design-1.case-2 .board-list .board-item .board-head .summary {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    color: #282828;
    padding-bottom: 3rem;
    font-family: "Hyosung";
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-1.case-2 .board-list .board-item .board-head .summary {
        font-size: 1.4rem;
        line-height: 2.2rem;
        padding-bottom: 1.6rem;
    }
}

.board-display.design-1.case-2 .board-list .board-item .board-body .para {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 175%;
    color: #282828;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-1.case-2 .board-list .board-item .board-body .para {
        font-size: 1.4rem;
    }

    .board-display.design-1.case-2 .board-list .board-item .board-body .para+.para {
        padding-top: 1rem;
    }
}

.board-display.design-2 .board-list .board-item {
    width: 100%;
    max-width: 62.6rem;
    border-radius: 4rem;
    padding: 7rem 7rem 6rem 7rem;
    overflow: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-2 .board-list .board-item {
        width: 100%;
        padding: 4rem 7.7%;
        border-radius: 2.4rem;
    }
}

.board-display.design-2 .board-list .board-item .board-head {
    padding-bottom: 7rem;
}

.board-display.design-2 .board-list .board-item .board-head .name {
    font-size: 2.8rem;
    font-weight: 700;
    font-family: "Hyosung";
    line-height: 150%;
    color: #ffffff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-2 .board-list .board-item .board-head {
        padding-bottom: 2.4rem;
    }

    .board-display.design-2 .board-list .board-item .board-head .name {
        font-size: 1.6rem;
    }
}

.board-display.design-2 .board-list .board-item .board-body .tag-display .tag-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.8rem;
    width: 100%;
}

.board-display.design-2 .board-list .board-item .board-body .tag-display .tag-list .tag-item {
    width: calc(33.3333333333% - 0.8rem);
    border-radius: 0.8rem;
    border: 1px solid #E1E6EF;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 157%;
    color: #E1E6EF;
    text-align: center;
    padding: 0.8rem 0;
    white-space: nowrap;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-2 .board-list .board-item .board-body .tag-display .tag-list .tag-item {
        width: auto;
        border-radius: 0.4rem;
        font-size: 1.2rem;
        padding: 0.8rem 1rem;
    }
}

.board-display.design-2.case-1 .board-item {
    background: linear-gradient(0deg, #1ABF52 0%, #1ABF52 100%), #4B84F0;
}

.board-display.design-2.case-2 .board-item {
    background: linear-gradient(0deg, #4B84F0 0%, #4B84F0 100%), #4B84F0;
}

.board-display.design-2.case-3 .board-item {
    background: linear-gradient(0deg, #8962DD 0%, #8962DD 100%), #4B84F0;
}

.board-display.design-3 .board-item+.board-item {
    margin-top: 14rem;
}

.board-display.design-3 .board-sup {
    text-align: center;
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
}

.board-display.design-3 .board-sup:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.board-display.design-3 .board-sup.color-v1 {
    color: rgb(27, 75, 102);
}

.board-display.design-3 .board-sup.color-v2 {
    color: rgb(75, 132, 240);
}

.board-display.design-3 .board-head {
    margin-top: 0.8rem;
}

.board-display.design-3 .board-body {
    margin-top: 6rem;
}

.board-display.design-3 .board-body .brand-list {
    display: flex;
    max-width: 88.4rem;
    margin: 0 auto;
}

.board-display.design-3 .board-body .brand-list .brand-head {
    border-radius: 1.2rem;
    padding: 1.9rem 1rem;
}

.board-display.design-3 .board-body .brand-list .brand-title {
    text-align: center;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
}

.board-display.design-3 .board-body .brand-list .brand-image {
    margin-top: 1rem;
    text-align: center;
    border-radius: 1.2rem;
    border: 0.1rem solid rgb(225, 230, 239);
    background-color: rgb(255, 255, 255);
    overflow: hidden;
}

.board-display.design-3 .board-body .brand-list .brand-image .img {
    max-width: 100%;
}

.board-display.design-3 .board-body .brand-list .brand-sub {
    margin-top: 2.4rem;
}

.board-display.design-3 .board-body .brand-list .brand-sub-list {
    padding-right: 2rem;
}

.board-display.design-3 .board-body .brand-list .brand-sub-list>li {
    position: relative;
    padding-left: 2.4rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(83, 83, 83);
}

.board-display.design-3 .board-body .brand-list .brand-sub-list>li::before {
    content: "·";
    position: absolute;
    left: 0.8rem;
    top: 0;
    font-weight: inherit;
    font-size: 1.75em;
    line-height: inherit;
    color: inherit;
}

.board-display.design-3 .board-body .brand-list.type-1 {
    gap: 1rem;
}

.board-display.design-3 .board-body .brand-list.type-1 .brand-item {
    width: calc((100% - 2rem) / 3);
}

.board-display.design-3 .board-body .brand-list.type-1 .brand-head {
    background-color: rgb(27, 75, 102);
}

.board-display.design-3 .board-body .brand-list.type-2 {
    gap: 2rem;
}

.board-display.design-3 .board-body .brand-list.type-2 .brand-item {
    width: calc((100% - 2rem) / 2);
}

.board-display.design-3 .board-body .brand-list.type-2 .brand-head {
    background-color: rgb(75, 132, 240);
}

.board-display.design-3 .board-aside {
    margin-top: 6rem;
}

.board-display.design-3 .board-aside .brand-image {
    text-align: center;
}

.board-display.design-3 .board-aside .brand-image .img {
    max-width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-3 .board-item+.board-item {
        margin-top: 10rem;
    }

    .board-display.design-3 .board-sup {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .board-display.design-3 .board-head {
        margin-top: 0.4rem;
    }

    .board-display.design-3 .board-head .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .board-display.design-3 .board-body {
        margin-top: 4rem;
    }

    .board-display.design-3 .board-body .brand-list {
        display: block;
        max-width: initial;
    }

    .board-display.design-3 .board-body .brand-list .brand-head {
        padding: 1rem;
    }

    .board-display.design-3 .board-body .brand-list .brand-title {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .board-display.design-3 .board-body .brand-list .brand-image {
        margin-top: 0.6rem;
    }

    .board-display.design-3 .board-body .brand-list .brand-sub-list {
        padding-right: 0;
    }

    .board-display.design-3 .board-body .brand-list .brand-sub-list>li {
        padding-left: 2rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .board-display.design-3 .board-body .brand-list .brand-sub-list>li::before {
        left: 0.6rem;
    }

    .board-display.design-3 .board-body .brand-list.type-1 .brand-item+.brand-item {
        margin-top: 1rem;
    }

    .board-display.design-3 .board-body .brand-list.type-1 .brand-item {
        width: initial;
    }

    .board-display.design-3 .board-body .brand-list.type-2 .brand-item+.brand-item {
        margin-top: 4rem;
    }

    .board-display.design-3 .board-body .brand-list.type-2 .brand-item {
        width: initial;
    }

    .board-display.design-3 .board-aside {
        margin-top: 4rem;
    }

    .board-display.design-3 .board-aside .brand-image .img {
        width: 16.3rem;
    }
}

.board-display.design-4 .board-item {
    padding: 8rem 0;
}

.board-display.design-4 .board-item+.board-item {
    border-top: 0.1rem solid rgb(225, 230, 239);
}

.board-display.design-4 .board-wrap {
    display: flex;
}

.board-display.design-4 .board-head {
    width: 29.94%;
}

.board-display.design-4 .board-body {
    width: 70.06%;
    padding: 0 5.2rem;
}

.board-display.design-4 .board-body .brand-list {
    display: flex;
    gap: 7.2rem;
}

.board-display.design-4 .board-body .brand-list .brand-item {
    width: 100%;
    border-radius: 1.2rem;
}

.board-display.design-4 .board-body .brand-list .brand-item:not(.one-item) {
    width: calc((100% - 7.2rem) / 2);
}

.board-display.design-4 .board-body .brand-list .brand-figure {
    padding: 4rem 5rem;
    border-radius: 1.2rem;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.board-display.design-4 .board-body .brand-list .brand-figure .picture-note .subject {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(255, 255, 255);
}

.board-display.design-4 .board-body .brand-list .brand-figure .picture-note .subject+.para {
    margin-top: 0.4rem;
}

.board-display.design-4 .board-body .brand-list .brand-figure .picture-note .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
}

.board-display.design-4 .board-body .brand-list .brand-figure .picture-note+.picture {
    margin-top: 2.6rem;
}

.board-display.design-4 .board-body .brand-list .brand-figure .picture {
    display: block;
    border-radius: 0.8rem;
    background-color: rgb(255, 255, 255);
    overflow: hidden;
}

.board-display.design-4 .board-body .brand-list .brand-figure .picture .img {
    max-width: 100%;
}

.board-display.design-4 .board-body .brand-list .brand-inform {
    margin-top: 4rem;
}

.board-display.design-4 .board-body .brand-list .brand-inform .subject {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(40, 40, 40);
}

.board-display.design-4 .board-body .brand-list .brand-inform .subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.board-display.design-4 .board-body .brand-list .brand-inform .para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(40, 40, 40);
}

.board-display.design-4 .board-body .brand-list .brand-inform .brand-body {
    margin-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-4 .board-item {
        padding: 10rem 0 6rem;
    }

    .board-display.design-4 .board-wrap {
        display: block;
    }

    .board-display.design-4 .board-head {
        width: initial;
    }

    .board-display.design-4 .board-head .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .board-display.design-4 .board-body {
        width: initial;
        padding: 4rem 0 0;
    }

    .board-display.design-4 .board-body .brand-list {
        display: block;
    }

    .board-display.design-4 .board-body .brand-list .brand-item+.brand-item {
        margin-top: 4rem;
    }

    .board-display.design-4 .board-body .brand-list .brand-item:not(.one-item) {
        width: initial;
    }

    .board-display.design-4 .board-body .brand-list .brand-figure {
        padding: 3.2rem 2.95rem;
    }

    .board-display.design-4 .board-body .brand-list .brand-figure .picture-note .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .board-display.design-4 .board-body .brand-list .brand-figure .picture-note+.picture {
        margin-top: 2.4rem;
    }

    .board-display.design-4 .board-body .brand-list .brand-inform .subject {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .board-display.design-4 .board-body .brand-list .brand-inform .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .board-display.design-4 .board-body .brand-list .brand-inform .brand-body {
        margin-top: 1.6rem;
    }
}

.board-display.design-5 {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 0 1.8rem;
}

.board-display.design-5 .board-list {
    max-width: 157.6rem;
    margin: 0 auto;
    padding: 12rem 6.37%;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 2.4rem;
}

.board-display.design-5 .board-item+.board-item {
    margin-top: 10rem;
}

.board-display.design-5 .board-wrap {
    display: flex;
}

.board-display.design-5 .board-head {
    width: 12rem;
}

.board-display.design-5 .board-body {
    width: calc(100% - 12rem);
    padding-left: 1rem;
    text-align: center;
}

.board-display.design-5 .board-title1 {
    text-align: left;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.6rem;
}

.board-display.design-5 .board-title2 {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(27, 75, 102);
}

.board-display.design-5 .board-title2:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.board-display.design-5 .board-title2+.board-para1 {
    margin-top: 0.6rem;
}

.board-display.design-5 .board-title2+.board-para2 {
    margin-top: 0.4rem;
}

.board-display.design-5 .board-para1 {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.board-display.design-5 .board-para2 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(27, 75, 102);
}

.board-display.design-5 .board-para2+.board-para3 {
    margin-top: 1rem;
}

.board-display.design-5 .board-para3 {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(27, 75, 102);
    opacity: 0.8;
}

.board-display.design-5 .board-para3+.board-para4 {
    margin-top: 1rem;
}

.board-display.design-5 .board-para4 {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(0, 0, 0);
}

.board-display.design-5 .group-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    padding-left: 10%;
}

.board-display.design-5 .group-list>li {
    width: calc(50% - 0.5rem);
    max-width: 48rem;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.9);
    border: 0.1rem solid rgba(218, 227, 250, 0.4);
    border-radius: 0.8rem;
    padding: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-5 {
        width: initial;
        margin-left: 0;
        padding: 0;
    }

    .board-display.design-5 .board-list {
        max-width: initial;
        padding: 0;
        background-color: transparent;
        border-radius: 0;
    }

    .board-display.design-5 .board-item+.board-item {
        margin-top: 6rem;
    }

    .board-display.design-5 .board-wrap {
        display: block;
    }

    .board-display.design-5 .board-head {
        width: initial;
    }

    .board-display.design-5 .board-body {
        width: initial;
        padding-left: 0;
        padding-top: 1.6rem;
    }

    .board-display.design-5 .board-title1 {
        line-height: 3.2rem;
    }

    .board-display.design-5 .board-title2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .board-display.design-5 .board-title2+.board-para1 {
        margin-top: 0.2rem;
    }

    .board-display.design-5 .board-para1 {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }

    .board-display.design-5 .group-list {
        display: block;
        padding-left: 0;
    }

    .board-display.design-5 .group-list>li {
        width: initial;
        max-width: initial;
        padding: 3rem;
    }

    .board-display.design-5 .group-list>li+li {
        margin-top: 1rem;
    }

    .board-display.design-5 .group-list .board-title2 {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.board-display.design-6 .board-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.board-display.design-6 .board-item {
    width: calc(50% - 0.5rem);
    padding: 5rem 3.6rem 5rem 5rem;
    border: 0.1rem solid rgb(225, 230, 239);
    background-color: rgb(255, 255, 255);
    border-radius: 0.8rem;
}

.board-display.design-6 .board-head .board-title {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.8rem;
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(9, 25, 67);
}

.board-display.design-6 .board-head .board-title:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.board-display.design-6 .board-head .board-sub-title {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(27, 75, 102);
}

.board-display.design-6 .board-head+.board-body {
    margin-top: 1.4rem;
}

.board-display.design-6 .board-body .board-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(40, 40, 40);
    max-width: 49.8rem;
}

.board-display.design-6 .board-body+.board-foot {
    margin-top: 3rem;
}

.board-display.design-6 .board-foot {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.board-display.design-6 .board-foot .foot-title {
    flex: 0 0 auto;
    padding: 0.2rem 1rem;
    border-radius: 0.4rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.8rem;
    background-color: rgb(255, 198, 51);
    color: rgb(255, 255, 255);
}

.board-display.design-6 .board-foot .foot-desc {
    flex: 1 1 auto;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(83, 83, 83);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-6 .board-list {
        display: block;
    }

    .board-display.design-6 .board-item {
        width: 100%;
        padding: 2rem;
    }

    .board-display.design-6 .board-item+.board-item {
        margin-top: 1rem;
    }

    .board-display.design-6 .board-head .board-title {
        padding-right: 0.6rem;
        font-size: 2rem;
        line-height: 3.2rem;
    }

    .board-display.design-6 .board-head .board-sub-title {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .board-display.design-6 .board-head+.board-body {
        margin-top: 0.8rem;
    }

    .board-display.design-6 .board-body .board-para {
        font-size: 1.2rem;
        line-height: 2rem;
        max-width: initial;
    }

    .board-display.design-6 .board-body+.board-foot {
        margin-top: 2rem;
    }

    .board-display.design-6 .board-foot .foot-title {
        padding: 0.2rem 0.7rem;
        line-height: 2rem;
    }

    .board-display.design-6 .board-foot .foot-desc {
        display: flex;
        align-items: center;
        min-height: 2.4rem;
        font-size: 1rem;
        line-height: 1.6rem;
    }
}

.board-display.design-7 .board-item {
    padding: 4rem 4% 4rem 8.459%;
    background-color: rgba(25, 31, 38, 0.94);
    border-radius: 2.4rem;
}

.board-display.design-7 .board-item+.board-item {
    margin-top: 2rem;
}

.board-display.design-7 .board-wrap {
    display: flex;
}

.board-display.design-7 .board-head {
    flex: 1 1 25%;
    padding-right: 3rem;
    max-width: 43.2rem;
}

.board-display.design-7 .board-head .board-title {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(255, 255, 255);
}

.board-display.design-7 .board-head .board-title:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.board-display.design-7 .board-head .board-sub-title1 {
    margin-top: 2rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(255, 141, 36);
}

.board-display.design-7 .board-head .board-sub-title2 {
    margin-top: 1.4rem;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem;
    color: rgb(196, 196, 196);
}

.board-display.design-7 .board-head .board-keyword {
    display: inline-block;
    margin-top: 3.6rem;
    padding: 0.4rem 1.2rem 0.6rem;
    border-radius: 0.8rem;
    text-align: center;
    background-color: rgb(255, 141, 36);
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(255, 255, 255);
}

.board-display.design-7 .board-body {
    flex: 1 1 75%;
    max-width: 73.757rem;
}

.board-display.design-7 .board-body .board-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(153, 153, 153);
}

.board-display.design-7 .board-body .board-para+.order-list {
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-7 .board-item {
        padding: 3.2rem 3rem;
    }

    .board-display.design-7 .board-item+.board-item {
        margin-top: 1.2rem;
    }

    .board-display.design-7 .board-wrap {
        display: block;
    }

    .board-display.design-7 .board-head {
        padding-right: 0;
        max-width: initial;
    }

    .board-display.design-7 .board-head .board-title {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }

    .board-display.design-7 .board-head .board-sub-title1 {
        margin-top: 0.8rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .board-display.design-7 .board-head .board-sub-title2 {
        margin-top: 0;
        line-height: 2.4rem;
    }

    .board-display.design-7 .board-head .board-keyword {
        margin-top: 2rem;
        min-width: 10rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .board-display.design-7 .board-body {
        margin-top: 2rem;
        max-width: initial;
    }

    .board-display.design-7 .board-body .board-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .board-display.design-7 .board-body .board-para+.order-list {
        margin-top: 2rem;
    }
}

.board-display.design-8 {
    background-color: #3C3C3C;
    padding: 0 1.8rem;
    overflow: hidden;
    --var-transition-duration: 0.5s;
}

.board-display.design-8 .board-list {
    max-width: 133.6rem;
    margin: 0 auto;
    padding: 11rem 0 14rem;
}

.board-display.design-8 .board-list .board-wrap {
    display: flex;
}

.board-display.design-8 .board-head {
    flex: 1 1 35%;
    max-width: 45.2rem;
    padding-top: 3rem;
    padding-right: 3rem;
}

.board-display.design-8 .board-head .subject {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 5rem;
    line-height: 6.8rem;
    color: rgb(255, 255, 255);
}

.board-display.design-8 .board-head .subject+.summary {
    margin-top: 2.4rem;
}

.board-display.design-8 .board-head .summary {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgba(255, 255, 255, 0.8);
}

.board-display.design-8 .board-body {
    flex: 1 1 65%;
}

.board-display.design-8 .product-item {
    position: relative;
}

.board-display.design-8 .product-wrap {
    display: block;
    border-bottom: 0.1rem solid #646464;
    padding: 3rem 0;
    transition: var(--var-transition-duration);
    cursor: none;
}

.board-display.design-8 .product-wrap.active,
.board-display.design-8 .product-wrap:hover {
    border-bottom-color: #D9D9D9;
}

.board-display.design-8 .product-wrap.active .product-head .subject,
.board-display.design-8 .product-wrap:hover .product-head .subject {
    padding-left: 4rem;
    color: rgb(255, 255, 255);
}

.board-display.design-8 .product-wrap.active .product-head .subject::before,
.board-display.design-8 .product-wrap:hover .product-head .subject::before {
    opacity: 1;
}

.board-display.design-8 .product-wrap.active .product-head .subject::after,
.board-display.design-8 .product-wrap:hover .product-head .subject::after {
    transform: translate(0, 0);
    opacity: 1;
}

.board-display.design-8 .product-wrap.active .product-head .summary,
.board-display.design-8 .product-wrap:hover .product-head .summary {
    color: rgb(255, 255, 255);
}

.board-display.design-8 .product-wrap.active .product-aside .picture,
.board-display.design-8 .product-wrap:hover .product-aside .picture {
    opacity: 1;
}

.board-display.design-8 .product-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4rem;
}

.board-display.design-8 .product-head .subject {
    position: relative;
    font-family: "Poppins";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: #A7AAAD;
    transition: var(--var-transition-duration);
}

.board-display.design-8 .product-head .subject::before,
.board-display.design-8 .product-head .subject::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1.3rem;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 0.8rem;
    opacity: 0;
    transition: var(--var-transition-duration);
}

.board-display.design-8 .product-head .subject::before {
    background-color: rgb(0, 0, 0);
}

.board-display.design-8 .product-head .subject::after {
    background: url(../images/common/icon/icon-diagonal-white-arrow03.png) no-repeat;
    background-size: contain;
    transform: translate(0.5rem, -0.5rem);
}

.board-display.design-8 .product-head .summary {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: #A7AAAD;
    transition: var(--var-transition-duration);
    text-align: right;
}

.board-display.design-8 .product-head .summary:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.board-display.design-8 .product-aside .picture {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 1.6rem;
    overflow: hidden;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity var(--var-transition-duration);
    z-index: 9999;
    pointer-events: none;
}

.board-display.design-8.type-1 .board-list {
    padding-top: 18rem;
    padding-bottom: 8rem;
}

.board-display.design-8.type-1 .board-head {
    max-width: initial;
    padding-top: 0;
    padding-right: 0;
}

.board-display.design-8.color-1 {
    background-color: transparent;
}

.board-display.design-8.color-1 .board-head .subject {
    color: rgb(0, 0, 0);
}

.board-display.design-8.color-1 .board-head .summary {
    color: rgb(83, 83, 83);
}

.board-display.design-8.size-1 .board-head .subject {
    font-size: 5.6rem;
    line-height: 7.2rem;
}

.board-display.design-8.size-1 .board-head .summary {
    font-size: 2.4rem;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-8 .board-list {
        padding: 8rem 0 9rem;
    }

    .board-display.design-8 .board-list .board-wrap {
        display: block;
    }

    .board-display.design-8 .board-head {
        max-width: initial;
        padding-top: 0;
        padding-right: 0;
        text-align: center;
    }

    .board-display.design-8 .board-head .subject {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .board-display.design-8 .board-head .subject+.summary {
        margin-top: 1.2rem;
    }

    .board-display.design-8 .board-head .summary {
        font-family: "Hyosung";
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .board-display.design-8 .board-head .summary:lang(zh-CN) {
        font-family: "PretendardJP", "Noto Sans SC";
    }

    .board-display.design-8 .board-body {
        display: none;
    }

    .board-display.design-8.type-1 .board-list {
        padding-top: 8rem;
        padding-bottom: 9rem;
    }

    .board-display.design-8.color-1 {
        background-color: #3C3C3C;
    }

    .board-display.design-8.color-1 .board-head .subject {
        color: rgb(255, 255, 255);
    }

    .board-display.design-8.color-1 .board-head .summary {
        color: rgba(255, 255, 255, 0.8);
    }

    .board-display.design-8.size-1 .board-head .subject {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .board-display.design-8.size-1 .board-head .summary {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.board-display.design-9 .board-item {
    padding: 8rem 0;
}

.board-display.design-9 .board-item:last-child {
    padding-bottom: 0;
}

.board-display.design-9 .board-item.border-b {
    border-bottom: 1px solid #E1E6EF;
}

.board-display.design-9 .board-wrap {
    display: flex;
}

.board-display.design-9 .board-head {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    width: 21rem;
    height: 5.2rem;
}

.board-display.design-9 .board-body {
    width: calc(100% - 21rem);
    max-width: 88.4rem;
    margin-left: auto;
}

.board-display.design-9 .board-title1 {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.6rem;
}

.board-display.design-9 .board-title2 {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #737373;
    margin-bottom: 2rem;
}

.board-display.design-9 .board-para1 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #282828;
}

.board-display.design-9 .board-para1+.board-para1 {
    margin-top: 1rem;
}

.board-display.design-9 .detail-item+.detail-item {
    margin-top: 5.6rem;
}

.board-display.design-9 .detail-item.align-1 {
    text-align: left;
}

.board-display.design-9 .detail-item.align-2 {
    text-align: right;
}

.board-display.design-9 .detail-item.align-3 {
    text-align: center;
}

.board-display.design-9 .detail-figure.border-b {
    padding-bottom: 5rem;
    border-bottom: 1px solid #E1E6EF;
    margin-bottom: 2.4rem;
}

.board-display.design-9 .detail-figure.border-b:last-child {
    margin-bottom: 0;
}

.board-display.design-9 .detail-figure img {
    max-width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-9 .board-item {
        padding: 0;
    }

    .board-display.design-9 .board-item+.board-item {
        margin-top: 6rem;
    }

    .board-display.design-9 .board-item.border-b {
        padding-bottom: 6rem;
    }

    .board-display.design-9 .board-wrap {
        display: block;
    }

    .board-display.design-9 .board-head {
        display: block;
        width: initial;
        height: initial;
    }

    .board-display.design-9 .board-body {
        width: initial;
        margin-left: 0;
        padding-top: 1.6rem;
    }

    .board-display.design-9 .board-title1 {
        line-height: 3.2rem;
    }

    .board-display.design-9 .board-para1 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .board-display.design-9 .detail-item+.detail-item {
        margin-top: 6rem;
    }

    .board-display.design-9 .detail-figure.border-b {
        padding-bottom: 4rem;
    }
}

.board-display.design-10 {
    padding: 0 1.8rem;
}

.board-display.design-10 .board-list {
    max-width: 122.3rem;
    margin: 0 auto;
}

.board-display.design-10 .board-item+.board-item {
    margin-top: 18rem;
}

.board-display.design-10 .board-wrap {
    display: flex;
}

.board-display.design-10 .board-head {
    flex: 1 1 37%;
    max-width: 45.2rem;
    padding-right: 2rem;
}

.board-display.design-10 .board-head .subject {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 5.6rem;
    line-height: 7.2rem;
    color: rgb(0, 0, 0);
}

.board-display.design-10 .board-head .subject+.summary {
    margin-top: 2rem;
}

.board-display.design-10 .board-head .summary {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(83, 83, 83);
}

.board-display.design-10 .board-head .summary:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.board-display.design-10 .board-body {
    flex: 1 1 63%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-10 .board-item+.board-item {
        margin-top: 10rem;
    }

    .board-display.design-10 .board-wrap {
        display: block;
    }

    .board-display.design-10 .board-head {
        max-width: initial;
        padding-right: 0;
        text-align: center;
    }

    .board-display.design-10 .board-head .subject {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .board-display.design-10 .board-head .subject+.summary {
        margin-top: 1.2rem;
    }

    .board-display.design-10 .board-head .subject.align-1 {
        text-align: left;
    }

    .board-display.design-10 .board-head .summary {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .board-display.design-10 .board-head+.board-body {
        margin-top: 4rem;
    }
}

.board-display.design-11 .board-title+.board-list {
    margin-top: 8rem;
}

.board-display.design-11 .board-list {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    gap: 2rem;
}

.board-display.design-11 .board-item {
    width: calc((100% - 4rem) / 3);
    padding: 5rem 2.8rem 6rem;
    border-radius: 0.8rem;
    background-color: rgba(255, 255, 255, 0.8);
}

.board-display.design-11 .board-head {
    padding: 0 1rem;
}

.board-display.design-11 .board-head .subject {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 3.6rem;
    line-height: 5rem;
    color: rgb(0, 0, 0);
}

.board-display.design-11 .board-head .subject+.summary {
    margin-top: 0.4rem;
}

.board-display.design-11 .board-head .summary {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgba(0, 0, 0, 0.7);
}

.board-display.design-11 .board-head+.board-body {
    margin-top: 3rem;
}

.board-display.design-11 .board-body .board-figure .img {
    width: 100%;
}

.board-display.design-11 .board-body .board-figure+.para {
    margin-top: 4rem;
}

.board-display.design-11 .board-body .para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(40, 40, 40);
    padding: 0 1rem;
}

.board-display.design-11 .board-body .para.align-1 {
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-11 .board-title+.board-list {
        margin-top: 4rem;
    }

    .board-display.design-11 .board-list {
        display: block;
    }

    .board-display.design-11 .board-item {
        width: 100%;
        padding: 3rem 2.2rem 4rem;
    }

    .board-display.design-11 .board-item+.board-item {
        margin-top: 2rem;
    }

    .board-display.design-11 .board-head {
        padding: 0 0.8rem;
    }

    .board-display.design-11 .board-head .subject {
        font-size: 2.8rem;
        line-height: 4rem;
    }

    .board-display.design-11 .board-head .summary {
        line-height: 2.4rem;
    }

    .board-display.design-11 .board-head+.board-body {
        margin-top: 2rem;
    }

    .board-display.design-11 .board-body .board-figure+.para {
        margin-top: 2.4rem;
    }

    .board-display.design-11 .board-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding: 0;
    }
}

.board-display.design-12 {
    position: relative;
}

.board-display.design-12 .board-head {
    min-height: 6.4rem;
    padding-right: 25rem;
}

.board-display.design-12 .board-head .board-title {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: rgb(0, 0, 0);
}

.board-display.design-12 .board-head .board-title:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.board-display.design-12 .board-head .board-title+.board-summary {
    margin-top: 0.8rem;
}

.board-display.design-12 .board-head .board-summary {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(83, 83, 83);
}

.board-display.design-12 .board-head+.board-inform {
    margin-top: 6rem;
}

.board-display.design-12 .board-inform {
    display: flex;
}

.board-display.design-12 .board-inform .board-thumbnail {
    width: 35.2rem;
}

.board-display.design-12 .board-inform .board-thumbnail .board-figure {
    display: block;
    border-radius: 1.6rem;
    overflow: hidden;
}

.board-display.design-12 .board-inform .board-thumbnail .board-figure .img {
    width: 100%;
}

.board-display.design-12 .board-inform .board-thumbnail .board-subject {
    margin-top: 4rem;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 4.2rem;
    color: rgb(0, 0, 0);
}

.board-display.design-12 .board-inform .board-thumbnail .board-subject:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.board-display.design-12 .board-inform .board-thumbnail .board-subject+.board-button2 {
    margin-top: 3rem;
}

.board-display.design-12 .board-inform .board-body {
    width: calc(100% - 35.2rem);
    padding-left: 6rem;
}

.board-display.design-12 .board-inform .board-body .board-text {
    height: 37.8rem;
    padding-right: 2.2rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.board-display.design-12 .board-inform .board-body .board-text::-webkit-scrollbar {
    width: 0.8rem;
}

.board-display.design-12 .board-inform .board-body .board-text::-webkit-scrollbar-thumb {
    width: 0.8rem;
    background-color: rgb(34, 205, 116);
    border-radius: 0.2rem;
}

.board-display.design-12 .board-inform .board-body .board-text::-webkit-scrollbar-track {
    width: 0.8rem;
    background: #EBEBEB;
    border-radius: 0.6rem;
}

.board-display.design-12 .board-inform .board-body .board-text::-webkit-scrollbar-track:vertical {
    background: linear-gradient(to right, #fff 0.1rem, #EBEBEB 0.1rem, #EBEBEB 0.7rem, #fff 0.7rem);
}

.board-display.design-12 .board-inform .board-body .board-text::-webkit-scrollbar-track-piece {
    border-radius: 0.4rem;
}

.board-display.design-12 .board-inform .board-body .board-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(40, 40, 40);
}

.board-display.design-12 .board-inform .board-body .board-para.bold-v1 {
    font-weight: 600;
}

.board-display.design-12 .board-inform .board-body .board-para+.board-para {
    margin-top: 2rem;
}

.board-display.design-12 .board-inform .board-button1 {
    position: absolute;
    top: 0;
    right: 0;
}

.board-display.design-12 .board-inform .board-button2.mo-button {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-12 .board-head {
        min-height: initial;
        padding-right: 0;
        text-align: center;
    }

    .board-display.design-12 .board-head .board-title {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .board-display.design-12 .board-head .board-title+.board-summary {
        margin-top: 0.6rem;
    }

    .board-display.design-12 .board-head .board-summary {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .board-display.design-12 .board-head+.board-inform {
        margin-top: 2rem;
    }

    .board-display.design-12 .board-inform {
        display: block;
    }

    .board-display.design-12 .board-inform .board-thumbnail {
        width: 100%;
    }

    .board-display.design-12 .board-inform .board-thumbnail .board-figure+.board-button1 {
        margin-top: 4rem;
    }

    .board-display.design-12 .board-inform .board-thumbnail .board-subject {
        margin-top: 4rem;
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .board-display.design-12 .board-inform .board-thumbnail+.board-body {
        margin-top: 1.6rem;
    }

    .board-display.design-12 .board-inform .board-body {
        width: 100%;
        padding-left: 0;
    }

    .board-display.design-12 .board-inform .board-body .board-text {
        height: initial;
        padding-right: 0;
        overflow-x: auto;
        overflow-y: auto;
    }

    .board-display.design-12 .board-inform .board-body .board-text+.board-button2 {
        margin-top: 4rem;
    }

    .board-display.design-12 .board-inform .board-body .board-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .board-display.design-12 .board-inform .board-body .board-para+.board-para {
        margin-top: 1rem;
    }

    .board-display.design-12 .board-inform .board-button1 {
        position: static;
        top: 0;
        right: 0;
    }

    .board-display.design-12 .board-inform .board-button2.pc-button {
        display: none;
    }

    .board-display.design-12 .board-inform .board-button2.mo-button {
        display: block;
    }
}

.board-detail-display.design-1 .board-deatil-inner {
    width: 100%;
    max-width: 111rem;
    margin: 0 auto;
    position: relative;
}

.board-detail-display.design-1 .board-detail-header .board-title {
    padding: 4rem 0 2rem;
}

.board-detail-display.design-1 .board-detail-header .date {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    opacity: 0.4;
    color: rgb(0, 0, 0);
}

.board-detail-display.design-1 .board-detail-body {
    padding-top: 8rem;
    padding-bottom: 18rem;
}

.board-detail-display.design-1 .board-detail-body p {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
}

.board-detail-display.design-1 .board-detail-footer {
    padding-top: 14rem;
    padding-bottom: 20rem;
    background-color: rgb(0, 0, 0);
}

.board-detail-display.design-1 .board-detail-footer .board-deatil-inner {
    max-width: 133.6rem;
}

.board-detail-display.design-1 .board-detail-footer .deatil-footer-inform {
    margin-top: 8rem;
}

.board-detail-display.design-1 .board-detail-footer .deatil-footer-navi {
    position: relative;
    margin-top: 10rem;
}

.board-detail-display.design-1 .board-detail-footer .deatil-footer-navi .navi-arrow {
    height: 3.2rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.board-detail-display.design-1 .board-detail-footer .deatil-footer-navi .navi-arrow .button[class*=icon-prev],
.board-detail-display.design-1 .board-detail-footer .deatil-footer-navi .navi-arrow .button[class*=icon-next] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.board-detail-display.design-1 .board-detail-footer .deatil-footer-navi .navi-arrow .button[class*=icon-prev] {
    left: 0;
}

.board-detail-display.design-1 .board-detail-footer .deatil-footer-navi .navi-arrow .button[class*=icon-next] {
    right: 0;
}

.board-detail-display.design-1 .board-detail-footer .deatil-footer-navi .navi-btn {
    position: relative;
    z-index: 2;
    width: calc(100% - 200px);
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-detail-display.design-1 {
        padding-top: 4.4rem;
    }

    .board-detail-display.design-1 .board-detail-header .board-title {
        padding: 2.4rem 0 1rem;
    }

    .board-detail-display.design-1 .board-detail-header .date {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .board-detail-display.design-1 .board-detail-body {
        padding-top: 4rem;
        padding-bottom: 10rem;
    }

    .board-detail-display.design-1 .board-detail-body p {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .board-detail-display.design-1 .board-detail-footer {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .board-detail-display.design-1 .board-detail-footer .deatil-footer-inform {
        margin-top: 4rem;
    }

    .board-detail-display.design-1 .board-detail-footer .deatil-footer-navi {
        margin-top: 2.4rem;
    }

    .board-detail-display.design-1 .board-detail-footer .deatil-footer-navi .navi-arrow {
        position: relative;
        top: 0;
        transform: none;
    }

    .board-detail-display.design-1 .board-detail-footer .deatil-footer-navi .navi-btn {
        width: 100%;
        margin: 6rem 0 0 0;
    }
}

.popup {
    pointer-events: auto;
    position: fixed;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.85);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 99999;
}

.popup.active {
    visibility: visible;
    opacity: 1;
}

.popup .popup-page-body {
    pointer-events: auto;
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}

.popup .popup-local {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

.popup .popup-local .popup-local-func {
    position: absolute;
}

.popup .popup-local .popup-local-func .button-area {
    display: block;
}

.popup .popup-local .popup-local-func .button-area .btn.popup-close {
    display: block;
}

.popup.design-1.large {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .popup.design-1.large {
        padding-top: 11rem;
    }
}

.popup.design-1 .popup-page-body {
    overflow: hidden;
    background-color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .popup.design-1 .popup-page-body {
        height: auto;
        border-radius: 1.6rem;
    }
}

.popup.design-1 .popup-page-body .popup-local .popup-local-head {
    display: block;
    position: absolute;
    overflow: hidden;
    visibility: hidden;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.popup.design-1 .popup-page-body .popup-local .popup-local-body {
    flex: 1 1 100%;
    padding: 7rem 1.8rem;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .popup.design-1 .popup-page-body .popup-local .popup-local-body {
        padding: 5.2rem 1.8rem;
    }
}

.popup.design-1 .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar {
    width: 0.6rem;
    height: 0.6rem;
}

.popup.design-1 .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-thumb {
    border-radius: 0.6rem;
    background-color: rgba(0, 0, 0, 0.2);
}

.popup.design-1 .popup-page-body .popup-local .popup-local-body::-webkit-scrollbar-track {
    border-width: 0.6rem;
    border-style: solid;
    border-color: transparent;
    background-clip: content-box;
}

.popup.design-1 .popup-page-body .popup-local .popup-local-func {
    top: 3.5rem;
    right: 5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .popup.design-1 .popup-page-body .popup-local .popup-local-func {
        top: 2rem;
        right: 2rem;
    }
}

.popup.design-2 .popup-page-body {
    overflow-y: auto;
    overflow-x: hidden;
}

.popup.design-2 .popup-page-body::-webkit-scrollbar {
    width: 0.6rem;
    height: 0.6rem;
}

.popup.design-2 .popup-page-body::-webkit-scrollbar-thumb {
    border-radius: 0.6rem;
    background-color: rgba(0, 0, 0, 0.2);
}

.popup.design-2 .popup-page-body::-webkit-scrollbar-track {
    border-width: 0.6rem;
    border-style: solid;
    border-color: transparent;
    background-clip: content-box;
}

.popup.design-2 .popup-local {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 147.2rem;
    margin: 0 auto;
}

.popup.design-2 .popup-local .popup-local-inner {
    padding: 11.8rem 6.8rem 7.8rem;
}

.popup.design-2 .popup-local .popup-local-head {
    margin-bottom: 2.6rem;
    padding-right: 5rem;
}

.popup.design-2 .popup-local .popup-local-head .popup-local-subject .popup-local-name {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(255, 255, 255);
}

.popup.design-2 .popup-local .popup-local-head .popup-local-subject .popup-local-name:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.popup.design-2 .popup-local .popup-local-func {
    top: 6.3rem;
    right: 6.8rem;
}

.popup.design-2.case-1 .popup-local .popup-local-func {
    top: 12rem;
}

.popup.design-2.case-2 .popup-local {
    max-width: 92rem;
    margin-top: 5rem;
    padding: calc(50vh - 35rem) 1.8rem 5rem;
}

.popup.design-2.case-2 .popup-local .popup-local-inner {
    position: relative;
    background-color: #fff;
    padding: 8rem 9.3rem 9rem;
    border-radius: 1.6rem;
}

.popup.design-2.case-2 .popup-local .popup-local-head {
    margin-bottom: 0;
    padding-right: 0;
}

.popup.design-2.case-2 .popup-local .popup-local-func {
    top: 3.5rem;
    right: 3.5rem;
}

.popup.design-2.case-3 .popup-local {
    max-width: 120rem;
    margin-top: 8rem;
    padding: calc(50vh - 38rem) 1.8rem 8rem;
    overflow: initial;
}

.popup.design-2.case-3 .popup-local .popup-local-inner {
    position: relative;
    background-color: #fff;
    padding: 6rem 6rem 8rem;
    border-radius: 2.4rem;
}

.popup.design-2.case-3 .popup-local .popup-local-func {
    top: -5.6rem;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .popup.design-2 .popup-local .popup-local-inner {
        padding: 11.2rem 1.8rem 11rem;
    }

    .popup.design-2 .popup-local .popup-local-head {
        margin-bottom: 2rem;
        padding-right: 0;
    }

    .popup.design-2 .popup-local .popup-local-head .popup-local-subject .popup-local-name {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .popup.design-2 .popup-local .popup-local-func {
        top: 5rem;
        right: 1.8rem;
    }

    .popup.design-2.case-1 .popup-local .popup-local-head {
        padding-top: 12vh;
    }

    .popup.design-2.case-1 .popup-local .popup-local-func {
        top: 4rem;
    }

    .popup.design-2.case-2 .popup-local {
        max-width: initial;
        margin-top: 0;
        padding: 0;
        bottom: 0;
    }

    .popup.design-2.case-2 .popup-local .popup-local-inner {
        padding: 6rem 0 0 0;
        border-radius: 1.8rem 1.8rem 0 0;
        max-height: 71.43vh;
    }

    .popup.design-2.case-2 .popup-local .popup-local-head {
        margin-bottom: 0;
        padding-right: 0;
    }

    .popup.design-2.case-2 .popup-local .popup-local-body {
        max-height: calc(71.43vh - 6rem);
        padding: 0 1.8rem 6rem;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .popup.design-2.case-2 .popup-local .popup-local-body::-webkit-scrollbar {
        width: 0.6rem;
        height: 0.6rem;
    }

    .popup.design-2.case-2 .popup-local .popup-local-body::-webkit-scrollbar-thumb {
        border-radius: 0.6rem;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .popup.design-2.case-2 .popup-local .popup-local-body::-webkit-scrollbar-track {
        border-width: 0.6rem;
        border-style: solid;
        border-color: transparent;
        background-clip: content-box;
    }

    .popup.design-2.case-2 .popup-local .popup-local-func {
        top: 2rem;
        right: 2rem;
    }

    .popup.design-2.case-3 .popup-local {
        max-width: initial;
        margin-top: 0;
        padding: 0;
        bottom: 0;
        overflow: hidden;
    }

    .popup.design-2.case-3 .popup-local .popup-local-inner {
        padding: 6rem 0 0 0;
        border-radius: 1.8rem 1.8rem 0 0;
        max-height: 89.656vh;
    }

    .popup.design-2.case-3 .popup-local .popup-local-body {
        max-height: calc(89.656vh - 6rem);
        padding: 0 1.8rem 6rem;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .popup.design-2.case-3 .popup-local .popup-local-body::-webkit-scrollbar {
        width: 0.6rem;
        height: 0.6rem;
    }

    .popup.design-2.case-3 .popup-local .popup-local-body::-webkit-scrollbar-thumb {
        border-radius: 0.6rem;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .popup.design-2.case-3 .popup-local .popup-local-body::-webkit-scrollbar-track {
        border-width: 0.6rem;
        border-style: solid;
        border-color: transparent;
        background-clip: content-box;
    }

    .popup.design-2.case-3 .popup-local .popup-local-func {
        top: 2rem;
        right: 2rem;
    }

    .popup.design-2 .mo-full-item {
        margin-left: -1.8rem;
        margin-right: -1.8rem;
    }
}

body.popup-open {
    overflow: hidden;
}

.icon-language-select-link-direction {
    display: inline-block;
    width: 0.8rem;
    height: 0.5rem;
    background-image: url("../images/common/icon/icon-language-select-link-direction.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    font-size: 0;
    line-height: 0;
    text-indent: -99999rem;
}

.title-gnb-depth2 {
    display: block;
    font-size: 0;
}

.title-gnb-depth2 .text-wrap {
    display: inline-block;
    font-size: 0;
}

.title-gnb-depth2 .text-wrap .text {
    display: inline-block;
    font-weight: 700;
    font-size: 1.875vw;
    line-height: 5.4rem;
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 1921px) {
    .title-gnb-depth2 .text-wrap .text {
        font-size: 3.6rem;
    }
}

.title-gnb-depth2 .text-wrap .text.text-en {
    font-family: "Poppins";
    font-weight: 600;
}

.title-menu-sitemap-list-depth1 {
    display: block;
    font-size: 0;
}

.title-menu-sitemap-list-depth1 .text-wrap {
    display: inline-block;
    font-size: 0;
}

.title-menu-sitemap-list-depth1 .text-wrap .text {
    display: inline-block;
    font-family: "Poppins";
    font-weight: 700;
    font-size: 5.6rem;
    line-height: 7.2rem;
    color: #161618;
}

.title-menu-sitemap-list-depth2 {
    display: block;
    font-size: 0;
}

.title-menu-sitemap-list-depth2 .text-wrap {
    display: inline-block;
    font-size: 0;
}

.title-menu-sitemap-list-depth2 .text-wrap .text {
    display: inline-block;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #000;
}

.title-menu-sitemap-list-depth2 .text-wrap .text:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.header.tnc.site {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transition-duration: 0.3s;
}

.header.tnc.site.pc.hide {
    top: -8rem;
}

.header.tnc.site.pc.active.hide {
    top: 0;
}

.header.tnc.site.pc.type-01 .logo-hyosung-tnc-eng {
    background-image: url("../images/common/logo/Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-white.svg");
}

.header.tnc.site.pc.type-01 .icon-language-select-link-direction {
    background-image: url("../images/common/icon/icon-language-select-link-direction-white.svg");
}

.header.tnc.site.pc.type-01 .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth1-link .text-wrap .text {
    color: #fff;
}

.header.tnc.site.pc.type-01 .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item .service-top-link .text-wrap .text {
    color: #fff;
}

.header.tnc.site.pc.type-01 .header-wrap .header-inner .service-top-wrap .search-open-button-wrap .search-open-button {
    background-image: url("../images/common/icon/icon-header-search-white01.svg");
}

.header.tnc.site.pc.type-01 .header-wrap .header-inner .service-top-wrap .language-wrap.active {
    border: 0.1rem solid rgba(255, 255, 255, 0.5);
}

.header.tnc.site.pc.type-01 .header-wrap .header-inner .service-top-wrap .language-wrap .language-select .language-select-link .text-wrap .text {
    color: #fff;
}

.header.tnc.site.pc.type-01 .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item .language-link .text-wrap .text {
    color: #fff;
}

.header.tnc.site.pc.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap .text-wrap .text {
    color: #fff;
}

.header.tnc.site.pc.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap1 .round-line-box {
    border-color: #fff;
}

.header.tnc.site.pc.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box {
    border-color: #fff;
}

.header.tnc.site.pc.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line {
    background-color: #fff;
}

.header.tnc.site.ta.hide,
.header.tnc.site.mo.hide {
    top: -9.4rem;
}

.header.tnc.site.ta.active.hide,
.header.tnc.site.mo.active.hide {
    top: 0;
}

.header.tnc.site.headerFixed.hide {
    top: -8rem;
}

.navi-depth3-action .header.tnc.site.type-01 .logo-hyosung-tnc-eng,
.gnb-active .header.tnc.site.type-01 .logo-hyosung-tnc-eng {
    background-image: url("../images/common/logo/Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-blue.svg");
}

.navi-depth3-action .header.tnc.site.type-01 .icon-language-select-link-direction,
.gnb-active .header.tnc.site.type-01 .icon-language-select-link-direction {
    background-image: url("../images/common/icon/icon-language-select-link-direction.svg");
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item.active .gnb-depth1-link .text-wrap .text,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item.active .gnb-depth1-link .text-wrap .text {
    color: rgba(22, 24, 24, 0.4);
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth1-link .text-wrap .text,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth1-link .text-wrap .text {
    color: rgb(22, 24, 24);
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item .service-top-link .text-wrap .text,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item .service-top-link .text-wrap .text {
    color: rgb(22, 24, 24);
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .service-top-wrap .search-open-button-wrap .search-open-button,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .service-top-wrap .search-open-button-wrap .search-open-button {
    background-image: url("../images/common/icon/icon-header-search-black01.svg");
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .service-top-wrap .language-wrap.active,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .service-top-wrap .language-wrap.active {
    border: 0.1rem solid #737373;
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .service-top-wrap .language-wrap .language-select .language-select-link .text-wrap .text,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .service-top-wrap .language-wrap .language-select .language-select-link .text-wrap .text {
    color: rgb(22, 24, 24);
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item .language-link .text-wrap .text,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item .language-link .text-wrap .text {
    color: rgb(22, 24, 24);
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap .text-wrap .text,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap .text-wrap .text {
    color: rgb(22, 24, 24);
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap1 .round-line-box,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap1 .round-line-box {
    border-color: rgb(22, 24, 24);
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box {
    border-color: rgb(22, 24, 24);
}

.navi-depth3-action .header.tnc.site.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line,
.gnb-active .header.tnc.site.type-01 .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line {
    background-color: rgb(22, 24, 24);
}

.navi-depth3-action .header.tnc.site {
    background: rgb(255, 255, 255);
}

.gnb-active .header.tnc.site .header-wrap .header-inner {
    height: 72rem;
    background-color: #F3F3F3;
}

.gnb-active .header.tnc.site .header-wrap .header-inner .gnb-area .dim {
    opacity: 1;
    visibility: visible;
}

.header.tnc.site .header-wrap .header-inner {
    position: relative;
    height: 8rem;
    overflow: hidden;
    transition: 0.5s;
}

.header.tnc.site .header-wrap .header-inner .logo-tnc-top {
    position: absolute;
    top: 2.3rem;
    left: 3rem;
    font-size: 0;
    z-index: 5;
}

.header.tnc.site .header-wrap .header-inner .logo-tnc-top .logo-top-link {
    display: inline-block;
    padding-left: 1.2rem;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .gnb-area {
    display: flex;
    padding-top: 1.8rem;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-space {
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    height: 4.8rem;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap {
    max-width: 69.2rem;
    margin-left: auto;
    margin-right: auto;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list {
    display: flex;
    justify-content: space-evenly;
    gap: 4rem;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item {
    display: block;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item.active:not(.no-hover)::before {
    position: absolute;
    display: block;
    content: "";
    border-top: 0.1rem solid rgb(210, 210, 210);
    top: 7.9rem;
    left: 4rem;
    right: 4rem;
    z-index: 2;
    pointer-events: none;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item.active .gnb-depth1-link .text-wrap .text {
    color: rgba(22, 24, 24, 0.4);
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth1-link {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 1rem;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth1-link .text-wrap {
    display: inline-block;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth1-link .text-wrap .text {
    display: inline-block;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: rgb(22, 24, 24);
    text-align: center;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap {
    display: flex;
    gap: 2rem;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    padding: 12rem 4rem 8rem;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box {
    position: relative;
    width: 100%;
    height: 52rem;
    border-radius: 0.8rem;
    background-color: rgb(255, 255, 255);
    padding: 4.7rem 2.083vw;
}

@media screen and (min-width: 1921px) {
    .header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box {
        padding: 4.7rem 4rem;
    }
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
    transition-duration: 1s;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box:hover::after {
    transform: translate3d(-50%, -50%, 0) scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 0, 0deg);
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box .title-gnb-depth2 {
    position: relative;
    z-index: 1;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box .title-gnb-depth2~.gnb-depth2-list {
    margin-top: 7.7rem;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box .gnb-depth2-list {
    position: relative;
    z-index: 1;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box .gnb-depth2-list .gnb-depth2-item {
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box .gnb-depth2-list .gnb-depth2-item .gnb-depth2-link {
    display: inline-block;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box .gnb-depth2-list .gnb-depth2-item .gnb-depth2-link .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box .gnb-depth2-list .gnb-depth2-item .gnb-depth2-link .text-wrap .text {
    display: inline-block;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgb(255, 255, 255);
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box .gnb-depth2-list .gnb-depth2-item .gnb-depth2-link:focus .text-wrap .text,
.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box .gnb-depth2-list .gnb-depth2-item .gnb-depth2-link:hover .text-wrap .text {
    color: rgba(255, 255, 255, 0.6);
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box .gnb-depth2-list .gnb-depth2-item~.gnb-depth2-item {
    margin-top: 0.8rem;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item.active .gnb-depth2-wrap {
    opacity: 1;
    visibility: visible;
}

.header.tnc.site .header-wrap .header-inner .gnb-area .dim {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 0.5s;
    z-index: -1;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap {
    display: flex;
    position: absolute;
    top: 0;
    right: 7%;
    padding-top: 2.4rem;
    z-index: 3;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .service-top-list {
    display: flex;
    gap: 2rem;
    padding: 0.4rem 1rem;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item {
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item .service-top-link {
    display: inline-block;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item .service-top-link .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item .service-top-link .text-wrap .text {
    display: inline-block;
    font-family: "Poppins", "Pretendard";
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(22, 24, 24);
    text-align: center;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .service-top-list+.search-open-button-wrap {
    margin-left: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .header.tnc.site .header-wrap .header-inner .service-top-wrap .service-top-list+.search-open-button-wrap {
        margin-left: 0;
    }
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .search-open-button-wrap {
    display: flex;
    padding: 0.7rem 0;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .search-open-button-wrap .search-open-button {
    width: 1.8rem;
    height: 1.8rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/icon/icon-header-search-black01.svg);
    transition: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .search-open-button-wrap+.language-wrap {
    margin-left: 1.6rem;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap {
    border: 0.1rem solid transparent;
    border-radius: 1.2rem;
    padding: 0.4rem 1rem;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-select {
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-select .language-select-link {
    position: relative;
    display: inline-block;
    font-size: 0;
    padding-right: 1.6rem;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-select .language-select-link .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-select .language-select-link .text-wrap .text {
    display: inline-block;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(22, 24, 24);
    text-align: center;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-select .language-select-link .icon-language-select-link-direction {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-list {
    max-height: 0rem;
    overflow: hidden;
    opacity: 0;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item {
    font-size: 0;
    padding-top: 0.6rem;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item .language-link {
    display: inline-block;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item .language-link .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item .language-link .text-wrap .text {
    display: inline-block;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(22, 24, 24);
    text-align: center;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item .language-link:focus .text-wrap .text,
.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item .language-link:hover .text-wrap .text {
    color: rgba(22, 24, 24, 0.4);
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item.active {
    display: none;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap.active {
    border: 0.1rem solid #737373;
    transition-duration: 0.6s;
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap.active .language-select .language-select-link .icon-language-select-link-direction {
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -180deg);
}

.header.tnc.site .header-wrap .header-inner .service-top-wrap .language-wrap.active .language-list {
    max-height: 20rem;
    overflow: unset;
    opacity: 1;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link {
    display: block;
    position: absolute;
    top: 0;
    right: 4rem;
    padding-top: 1.7rem;
    z-index: 4;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link:focus .button-sitemap-link-inner .button-sitemap-icon-wrap,
.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link:hover .button-sitemap-link-inner .button-sitemap-icon-wrap {
    top: -3.2rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap {
    top: -3.2rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line {
    width: 0;
    height: 0;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line~.round-line-box {
    margin-top: 0;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box {
    width: 2.8rem;
    height: 2.8rem;
    background-color: rgb(22, 22, 24);
    border-radius: 0.9rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box .line-wrap {
    transform: scale3d(1, 1, 1) rotate(-360deg);
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box .line-wrap .line {
    width: 1.5rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .text-button-sitemap {
    display: block;
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .text-button-sitemap .text-wrap {
    display: inline-block;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .text-button-sitemap .text-wrap .text.text1 {
    visibility: hidden;
    opacity: 0;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .text-button-sitemap .text-wrap .text.text2 {
    visibility: visible;
    opacity: 1;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active+.menu-sitemap-list-area {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner {
    position: relative;
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    overflow: hidden;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap {
    display: block;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap {
    position: relative;
    display: block;
    font-size: 0;
    width: 3.2rem;
    height: 3.2rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap .round-line-box-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap1 .round-line-box {
    display: block;
    border: 0.2rem solid solid;
    width: 2.2rem;
    height: 1rem;
    border: 0.2rem solid rgb(22, 22, 24);
    border-radius: 0.3rem;
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap1 .round-line-box~.round-line-box {
    margin-top: 0.2rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line {
    display: block;
    border: 0.2rem solid solid;
    width: 1.6rem;
    height: 0.2rem;
    background-color: rgb(22, 22, 24);
    border-radius: 0.3rem;
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line~.round-line-box {
    margin-top: 0.2rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box {
    position: relative;
    display: block;
    border: 0.2rem solid solid;
    width: 2.4rem;
    height: 1.4rem;
    border: 0.2rem solid rgb(22, 22, 24);
    border-radius: 0.3rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box .line-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    transition-duration: 0.75s;
    transform: scale3d(1, 1, 1) rotate(0deg);
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box .line-wrap .line {
    position: absolute;
    display: block;
    width: 0;
    height: 0.2rem;
    top: 50%;
    left: 50%;
    background-color: rgb(255, 255, 255);
    transition-duration: 0.75s;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box .line-wrap .line.line1 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate(45deg);
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box .line-wrap .line.line2 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate(-45deg);
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap {
    font-size: 0;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap .text-wrap {
    position: relative;
    display: block;
    font-size: 0;
    text-align: center;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap .text-wrap .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: inline-block;
    min-height: 1.4rem;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.4rem;
    color: rgb(0, 0, 0);
    text-align: center;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap .text-wrap .text.text1 {
    visibility: visible;
    opacity: 1;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap .text-wrap .text.text2 {
    visibility: hidden;
    opacity: 0;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: -100vh;
    left: 0;
    padding-top: 8rem;
    background-color: rgb(255, 255, 255);
    opacity: 0;
    visibility: hidden;
    transition: top 0.3s;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap {
    position: relative;
    width: calc(100vw - 2rem);
    height: calc(100vh - 10rem);
    margin: 0 auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 {
    width: 100%;
    max-width: 133.6rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8rem;
    padding-bottom: 20rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 13.3rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 {
    flex-shrink: 0;
    width: 43.2rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap {
    width: 0;
    height: 0;
    overflow: hidden;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area {
    padding-top: 1.5rem;
    flex-grow: 1;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .title-menu-sitemap-list-depth2~.menu-sitemap-list-depth2 {
    margin-top: 2.4rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    gap: 2.4rem 4rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 .menu-sitemap-item-depth2 .link-menu-sitemap-list-depth2 {
    display: block;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 .menu-sitemap-item-depth2 .link-menu-sitemap-list-depth2 .text-wrap {
    display: block;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 .menu-sitemap-item-depth2 .link-menu-sitemap-list-depth2 .text-wrap .text {
    display: inline-block;
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #999;
    transition-duration: 0.3s;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 .menu-sitemap-item-depth2 .link-menu-sitemap-list-depth2 .text-wrap .text:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 .menu-sitemap-item-depth2 .link-menu-sitemap-list-depth2:focus .text-wrap .text,
.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 .menu-sitemap-item-depth2 .link-menu-sitemap-list-depth2:hover .text-wrap .text {
    color: #00B066;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap~.menu-sitemap-list-depth2-wrap {
    margin-top: 6rem;
}

.header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1~.menu-sitemap-item-depth1 {
    margin-top: 12rem;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 4;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap .search-bar-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content {
    position: relative;
    padding: 12rem 1.8rem 8rem;
    background-color: rgb(255, 255, 255);
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s;
    z-index: 2;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-button {
    position: absolute;
    top: 1.8rem;
    right: 4rem;
    width: 3.2rem;
    height: 3.2rem;
    background-color: rgb(27, 31, 39);
    border-radius: 0.6rem;
    z-index: 2;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-button .line-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-button .line-wrap .line {
    position: absolute;
    display: block;
    width: 1.8rem;
    height: 0.2rem;
    top: 50%;
    left: 50%;
    background-color: rgb(255, 255, 255);
    transition-duration: 0.75s;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-button .line-wrap .line.line1 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate(45deg);
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-button .line-wrap .line.line2 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate(-45deg);
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-text {
    display: none;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap .search-bar-inner .dim {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s;
    z-index: 1;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap.active .search-bar-inner .search-bar-content {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
}

.header.tnc.site .header-wrap .header-inner .search-bar-wrap.active .search-bar-inner .dim {
    opacity: 1;
    visibility: visible;
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box {
    overflow: hidden;
    border-radius: 0.8rem;
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box01-01::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc01-01.png);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box01-02::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc01-02.jpg);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box01-03::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc01-03.jpg);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box02-01::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc02-01.png);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box02-02::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc02-02.jpg);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box03-01::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc03-01.jpg);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box03-02::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc03-02.jpg);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box03-03::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc03-03.jpg);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box04-01::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc04-01.jpg);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box04-02::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc04-02.jpg);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box04-03::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc04-03.jpg);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box04-04::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc04-04.jpg);
}

.header.tnc.site.pc .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list .gnb-depth1-item .gnb-depth2-wrap .gnb-depth2-box.gnb-depth2-box04-05::after {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/common/header/photo-gnb-pc04-05.png);
}

.header.tnc.site.pc .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap::-webkit-scrollbar {
    width: 0.8rem;
}

.header.tnc.site.pc .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap::-webkit-scrollbar-thumb {
    width: 0.8rem;
    background-color: rgb(34, 205, 116);
    border-radius: 0.2rem;
}

.header.tnc.site.pc .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap::-webkit-scrollbar-track {
    width: 0.8rem;
    background: #ebebeb;
    border: 1px solid #fff;
    border-radius: 0.4rem;
}

.header.tnc.site.pc .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap::-webkit-scrollbar-track-piece {
    border-radius: 0.4rem;
}

@media screen and (max-width: 1350px) {
    .header.tnc.site .header-wrap .header-inner .logo-tnc-top {
        left: 1.8rem;
    }

    .header.tnc.site .header-wrap .header-inner .gnb-area {
        display: none;
    }

    .header.tnc.site .header-wrap .header-inner .gnb-area .gnb-space.gnb-area-before {
        flex-shrink: 0;
        min-width: unset;
        width: 30%;
    }

    .header.tnc.site .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list {
        gap: 1rem;
    }

    .header.tnc.site .header-wrap .header-inner .service-top-wrap {
        display: none;
    }

    .header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link {
        right: 1.8rem;
    }

    .header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap {
        transition-duration: unset;
    }

    .header.tnc.site .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap {
        display: none;
    }

    .header.tnc.site.ta.headerFixed.hide,
    .header.tnc.site.mo.headerFixed.hide {
        top: -9.4rem;
    }

    .header.tnc.site.ta.active .header-wrap .header-inner .logo-tnc-top,
    .header.tnc.site.mo.active .header-wrap .header-inner .logo-tnc-top {
        left: 0.8rem;
    }

    .header.tnc.site.ta.active .header-wrap .header-inner .logo-tnc-top .logo-top-link .logo-hyosung-tnc-eng,
    .header.tnc.site.mo.active .header-wrap .header-inner .logo-tnc-top .logo-top-link .logo-hyosung-tnc-eng {
        background-image: url(../images/common/logo/Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-blue.svg);
    }

    .header.tnc.site.ta.active .header-wrap .header-inner .gnb-area,
    .header.tnc.site.mo.active .header-wrap .header-inner .gnb-area {
        display: none;
    }

    .header.tnc.site.ta.active .header-wrap .header-inner .gnb-area .gnb-space.gnb-area-before,
    .header.tnc.site.mo.active .header-wrap .header-inner .gnb-area .gnb-space.gnb-area-before {
        flex-shrink: 0;
        min-width: unset;
        width: 30%;
    }

    .header.tnc.site.ta.active .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list,
    .header.tnc.site.mo.active .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list {
        gap: 1rem;
    }

    .header.tnc.site.ta.active .header-wrap .header-inner .service-top-wrap,
    .header.tnc.site.mo.active .header-wrap .header-inner .service-top-wrap {
        left: 0;
        visibility: unset;
    }

    .header.tnc.site.ta.active .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link,
    .header.tnc.site.mo.active .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link {
        right: 1.8rem;
    }

    .header.tnc.site.ta.active .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap,
    .header.tnc.site.mo.active .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap {
        transition-duration: unset;
    }

    .header.tnc.site.ta.active .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap,
    .header.tnc.site.mo.active .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .text-button-sitemap {
        display: none;
    }

    .header.tnc.site.ta .header-wrap .header-inner,
    .header.tnc.site.mo .header-wrap .header-inner {
        height: 9.4rem;
        background-color: rgb(30, 32, 36);
        overflow: initial;
    }

    .header.tnc.site.ta .header-wrap .header-inner .logo-tnc-top,
    .header.tnc.site.mo .header-wrap .header-inner .logo-tnc-top {
        top: 3.3rem;
        left: 0.8rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .logo-tnc-top .logo-top-link .logo-hyosung-tnc-eng,
    .header.tnc.site.mo .header-wrap .header-inner .logo-tnc-top .logo-top-link .logo-hyosung-tnc-eng {
        background-image: url(../images/common/logo/Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-white.svg);
    }

    .header.tnc.site.ta .header-wrap .header-inner .gnb-area .gnb-space.gnb-area-before,
    .header.tnc.site.mo .header-wrap .header-inner .gnb-area .gnb-space.gnb-area-before {
        flex-shrink: 0;
        min-width: unset;
        width: 30%;
    }

    .header.tnc.site.ta .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list,
    .header.tnc.site.mo .header-wrap .header-inner .gnb-area .gnb-wrap .gnb-depth1-list {
        gap: 1rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap {
        position: fixed;
        width: 100%;
        left: 100%;
        right: unset;
        top: unset;
        bottom: 0;
        display: block;
        z-index: 5;
        padding-top: 0;
        transition-duration: 0.3s;
        visibility: hidden;
        background-color: rgb(255, 255, 255);
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .service-top-list,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .service-top-list {
        display: block;
        padding: 4rem 2.8rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item .service-top-link .text-wrap .text,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item .service-top-link .text-wrap .text {
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item~.service-top-item,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .service-top-list .service-top-item~.service-top-item {
        margin-top: 2rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .search-open-button-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .search-open-button-wrap {
        position: fixed;
        top: 0;
        right: 7rem;
        padding: 3.2rem 0 0;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .search-open-button-wrap .search-open-button,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .search-open-button-wrap .search-open-button {
        width: 3.2rem;
        height: 3.2rem;
        background-size: 2.4rem;
        opacity: 0;
        visibility: hidden;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .search-open-button-wrap .search-open-button.mo-show,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .search-open-button-wrap .search-open-button.mo-show {
        opacity: 1;
        visibility: visible;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .language-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .language-wrap {
        margin-left: 0;
        padding: 3rem 2.8rem 4rem;
        border-top: 0.1rem solid rgb(233, 233, 233);
        border-left: 0rem solid rgb(233, 233, 233);
        border-right: 0rem solid rgb(233, 233, 233);
        border-bottom: 0rem solid rgb(233, 233, 233);
        border-radius: 0;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .language-wrap .language-select,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .language-wrap .language-select {
        display: none;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .language-wrap .language-list,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .language-wrap .language-list {
        max-height: unset;
        overflow: unset;
        opacity: 1;
        transition-duration: unset;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item {
        display: inline-block;
        font-size: 0;
        padding-top: 0;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item.active,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item.active {
        display: inline-block;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item.active .language-link .text-wrap .text,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item.active .language-link .text-wrap .text {
        position: relative;
        color: rgb(0, 176, 102);
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item.active .language-link .text-wrap .text:after,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item.active .language-link .text-wrap .text:after {
        display: block;
        content: "";
        position: absolute;
        width: 100%;
        height: 0.1rem;
        bottom: 0.5rem;
        left: 0;
        background-color: rgb(0, 176, 102);
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item .language-link .text-wrap .text,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item .language-link .text-wrap .text {
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item~.language-item,
    .header.tnc.site.mo .header-wrap .header-inner .service-top-wrap .language-wrap .language-list .language-item~.language-item {
        margin-left: 3rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area {
        padding-top: 9.4rem;
        height: 100vh;
        top: 0;
        left: 100vw;
        opacity: 1;
        visibility: hidden;
        transition: 0.3s;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap {
        width: 100%;
        height: calc(100vh - 33rem);
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 {
        padding-top: 2rem;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-bottom: 2rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 {
        display: block;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1.active .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap .line.line1,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1.active .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap .line.line1 {
        transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -180deg);
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1.active .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap .line.line2,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1.active .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap .line.line2 {
        transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -180deg);
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1.active .menu-sitemap-list-depth2-area,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1.active .menu-sitemap-list-depth2-area {
        max-height: 300rem;
        overflow: unset;
        visibility: unset;
        padding-top: 4rem;
        padding-bottom: 8rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 {
        position: relative;
        width: auto;
        font-size: 0;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .text-wrap .text,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .text-wrap .text {
        font-size: 3.2rem;
        line-height: 5.2rem;
        color: rgb(22, 22, 24);
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap {
        display: inline-block;
        position: absolute;
        top: 1.4rem;
        right: 0;
        width: 2rem;
        height: 2rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap {
        display: block;
        position: relative;
        width: 2rem;
        height: 2rem;
        border-radius: 0.4rem;
        background-color: rgb(30, 32, 36);
        z-index: 1;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap .line,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap .line {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1rem;
        height: 0.2rem;
        background-color: rgb(255, 255, 255);
        border-radius: 1rem;
        transition-duration: 0.3s;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap .line.line1,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap .line.line1 {
        transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap .line.line2,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .title-menu-sitemap-list-depth1 .mobile-addview-wrap .line-wrap .line.line2 {
        transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 90deg);
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area {
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        padding-top: 0;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 0;
        transition-duration: 0.3s;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .title-menu-sitemap-list-depth2 .text-wrap .text,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .title-menu-sitemap-list-depth2 .text-wrap .text {
        font-size: 1.6rem;
        line-height: 1.8rem;
        color: rgb(0, 176, 102);
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .title-menu-sitemap-list-depth2~.menu-sitemap-list-depth2,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .title-menu-sitemap-list-depth2~.menu-sitemap-list-depth2 {
        margin-top: 3rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 {
        display: block;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 .menu-sitemap-item-depth2 .link-menu-sitemap-list-depth2 .text-wrap .text,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 .menu-sitemap-item-depth2 .link-menu-sitemap-list-depth2 .text-wrap .text {
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 3.2rem;
        color: rgb(0, 0, 0);
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 .menu-sitemap-item-depth2~.menu-sitemap-item-depth2,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1 .menu-sitemap-list-depth2-area .menu-sitemap-list-depth2-wrap .menu-sitemap-list-depth2 .menu-sitemap-item-depth2~.menu-sitemap-item-depth2 {
        margin-top: 2.4rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1~.menu-sitemap-item-depth1,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .menu-sitemap-list-area .menu-sitemap-list-depth1-wrap .menu-sitemap-list-depth1 .menu-sitemap-item-depth1~.menu-sitemap-item-depth1 {
        margin-top: 2rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link {
        padding-top: 3.2rem;
        right: 1.3rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link:focus .button-sitemap-link-inner .button-sitemap-icon-wrap,
    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link:hover .button-sitemap-link-inner .button-sitemap-icon-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link:focus .button-sitemap-link-inner .button-sitemap-icon-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link:hover .button-sitemap-link-inner .button-sitemap-icon-wrap {
        top: -3.2rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line {
        height: 0;
        border: 0;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box {
        background-color: unset;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box .line-wrap .line,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box .line-wrap .line {
        width: 2.5rem;
        background-color: rgb(30, 32, 36);
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .text-button-sitemap,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active .text-button-sitemap {
        display: none;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active+.menu-sitemap-list-area,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link.active+.menu-sitemap-list-area {
        left: 0;
        visibility: visible;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner {
        width: 3.2rem;
        height: 3.2rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap {
        width: 3.2rem;
        height: 3.2rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap1 .round-line-box-wrap .round-line-box,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap1 .round-line-box-wrap .round-line-box {
        width: 1.9rem;
        height: 0.8rem;
        border: 0.2rem solid rgb(255, 255, 255);
        border-radius: 0.3rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap1 .round-line-box-wrap .round-line-box~.round-line-box,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap1 .round-line-box-wrap .round-line-box~.round-line-box {
        margin-top: 0.1rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line {
        width: 1.9rem;
        height: 0.8rem;
        border: 0.2rem solid rgb(255, 255, 255);
        border-radius: 0.3rem;
        background-color: unset;
        transition-duration: unset;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line~.round-line-box,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line~.round-line-box {
        margin-top: 0.1rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box {
        width: 1.9rem;
        height: 0.8rem;
        border: 0.2rem solid rgb(255, 255, 255);
        border-radius: 0.3rem;
        transition-duration: unset;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box .line-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box .line-wrap {
        transition-duration: unset;
    }

    .header.tnc.site.ta .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box .line-wrap .line,
    .header.tnc.site.mo .header-wrap .header-inner .menu-sitemap-wrap .menu-sitemap-inner .button-sitemap-link .button-sitemap-link-inner .button-sitemap-icon-wrap .icon-button-sitemap.icon-button-sitemap2 .round-line-box-wrap .round-line-box .line-wrap .line {
        transition-duration: unset;
    }

    .header.tnc.site.ta .header-wrap .header-inner .search-bar-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .search-bar-wrap {
        z-index: 5;
    }

    .header.tnc.site.ta .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content,
    .header.tnc.site.mo .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap {
        position: static;
        display: flex;
        gap: 1rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-button,
    .header.tnc.site.mo .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-button {
        position: static;
        display: block;
        background-color: transparent;
        border-radius: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../images/common/icon/icon-left-arrow06.svg);
    }

    .header.tnc.site.ta .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-button .line-wrap,
    .header.tnc.site.mo .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-button .line-wrap {
        display: none;
    }

    .header.tnc.site.ta .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-text,
    .header.tnc.site.mo .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap .search-close-text {
        display: block;
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 3rem;
        color: rgb(0, 0, 0);
    }

    .header.tnc.site.ta .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap+.submit-display.design-1,
    .header.tnc.site.mo .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .search-close-wrap+.submit-display.design-1 {
        padding-top: 4rem;
    }

    .header.tnc.site.ta .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .submit-display.design-1 .form-list.case-5,
    .header.tnc.site.mo .header-wrap .header-inner .search-bar-wrap .search-bar-inner .search-bar-content .submit-display.design-1 .form-list.case-5 {
        max-width: initial;
    }
}

.footer.tnc {
    position: relative;
    z-index: 300;
    background-color: #121212;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.footer.tnc .footer-sustainability-inner {
    max-width: 133.6rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6rem;
    padding-bottom: 5rem;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link {
    display: inline-block;
    font-size: 0;
    transition-duration: unset;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link .text-wrap {
    display: inline-block;
    font-size: 0;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link .text-wrap~.text-wrap {
    margin-left: 2.4rem;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link .text-wrap .hyosung-tnc-eng {
    display: block;
    width: 14.9rem;
    height: 3.0rem;
    background-image: url("../images/common/logo/footer-Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-white.svg");
    background-repeat: no-repeat;
    transition-duration: unset;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link .text-wrap .logo-sustainability-eng {
    font-family: "Pretendard";
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
    transition-duration: unset;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list {
    font-size: 0;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item .footer-use-link-menu {
    display: inline-block;
    font-size: 0;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item .footer-use-link-menu .text-wrap {
    display: inline-block;
    font-size: 0;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item .footer-use-link-menu .text-wrap .text {
    display: inline-block;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: rgba(255, 255, 255, 0.8);
    transition-duration: 0.3s;
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item .footer-use-link-menu.privacy .text-wrap .text {
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item~.footer-use-link-item {
    margin-left: 1.4rem;
    padding-left: 1.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item~.footer-use-link-item {
        margin-left: 0;
        padding-left: 0;
    }
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item~.footer-use-link-item:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
    display: block;
    width: 0.1rem;
    height: 1.4rem;
    background-color: rgb(77, 77, 78);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item~.footer-use-link-item:before {
        display: none;
    }
}

.footer.tnc .footer-sustainability-inner .footer-sustainability-inner-top~.footer-inner-bottom {
    margin-top: 3.8rem;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom {
    display: flex;
    align-items: center;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .footer-contact-us {
    margin-right: auto;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-address {
    display: block;
    font-size: 0;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-address .text-wrap {
    display: inline-block;
    font-size: 0;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-address .text-wrap .text {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #999999;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-address~.footer-copyright {
    margin-top: 1.2rem;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-copyright {
    display: block;
    font-size: 0;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-copyright .text-wrap {
    display: inline-block;
    font-size: 0;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-copyright .text-wrap .text {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #A4A4A4;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .info-right {
    display: flex;
    align-items: center;
    gap: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .footer.tnc .footer-sustainability-inner .footer-inner-bottom .info-right {
        margin-top: 3rem;
        flex-direction: column;
        gap: 1.6rem;
    }
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .info-right .newsletter-application {
    position: relative;
    display: block;
    padding-left: 2.8rem;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #FBFBFB;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .info-right .newsletter-application::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    background-image: url("../images/common/icon/icon-footer-newsletter01.svg");
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .info-right .accordion-footer-family-site .button-family-site .icon-familysite-direction {
    width: 1.4rem;
    height: 0.9rem;
    background-image: url("../images/common/icon/icon-familysite-direction-mobile.svg");
    transition-duration: 0.3s;
}

.footer.tnc .footer-sustainability-inner .footer-inner-bottom .info-right .accordion-footer-family-site .button-family-site .icon-familysite-direction .text-wrap .text {
    position: relative;
    font-size: 0;
    line-height: 0;
    text-indent: -99999rem;
}

.footer.tnc.mo {
    z-index: 998;
}

.footer.tnc.mo .footer-sustainability-inner {
    padding-top: 3rem;
    padding-bottom: 6rem;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top {
    display: unset;
    justify-content: unset;
    align-items: unset;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom {
    text-align: center;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link {
    display: block;
    font-size: 0;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link .text-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link .text-wrap .hyosung-tnc-eng {
    width: 9.42rem;
    height: 1.1rem;
    background-image: url("../images/common/logo/footer-Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-white.svg");
    background-size: 100%;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link .text-wrap .logo-sustainability-eng {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link .text-wrap~.text-wrap {
    margin-left: 0.9rem;
    padding-left: 1rem;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom .logo-bottom-link .text-wrap~.text-wrap:before {
    display: inline-block;
    content: "";
    width: 0.1rem;
    height: 1.2rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    background-color: rgb(91, 91, 93);
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .logo-sustainability-bottom~.footer-sustainability-use-link-wrap {
    margin-top: 3rem;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem 2rem;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item .footer-use-link-menu {
    display: inline-block;
    font-size: 0;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item .footer-use-link-menu .text-wrap {
    display: inline-block;
    font-size: 0;
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top .footer-sustainability-use-link-wrap .footer-use-link-list .footer-use-link-item .footer-use-link-menu .text-wrap .text {
    display: inline-block;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: rgb(255, 255, 255);
}

.footer.tnc.mo .footer-sustainability-inner .footer-sustainability-inner-top~.footer-inner-bottom {
    margin-top: 2.4rem;
}

.footer.tnc.mo .footer-sustainability-inner .footer-inner-bottom {
    display: block;
    justify-content: unset;
    align-items: unset;
    text-align: center;
}

.footer.tnc.mo .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-address {
    display: block;
    font-size: 0;
    text-align: center;
}

.footer.tnc.mo .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-address .text-wrap {
    display: inline-block;
    font-size: 0;
}

.footer.tnc.mo .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-address .text-wrap .text {
    display: inline-block;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.4rem;
    color: #999999;
}

.footer.tnc.mo .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-address~.footer-copyright {
    margin-top: 1.4rem;
}

.footer.tnc.mo .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-copyright {
    display: block;
    font-size: 0;
    text-align: center;
}

.footer.tnc.mo .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-copyright .text-wrap {
    display: inline-block;
    font-size: 0;
}

.footer.tnc.mo .footer-sustainability-inner .footer-inner-bottom .footer-contact-us .footer-copyright .text-wrap .text {
    display: inline-block;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 1.2rem;
    color: rgb(102, 102, 102);
}

.footer.tnc.mo .footer-sustainability-inner .footer-inner-bottom .footer-contact-us~.accordion-footer-family-site {
    margin-top: 2.4rem;
}

.footer.tnc .accordion-footer-family-site {
    position: relative;
    display: inline-block;
    width: 25rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .footer.tnc .accordion-footer-family-site {
        width: 100%;
    }
}

.footer.tnc .accordion-footer-family-site .button-family-site {
    position: relative;
    width: 100%;
    height: 5.4rem;
    padding: 1.2rem 3rem;
    background-color: #212121;
    border-radius: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .footer.tnc .accordion-footer-family-site .button-family-site {
        height: 4.8rem;
        padding: 1.5rem 3.2rem;
    }
}

.footer.tnc .accordion-footer-family-site .button-family-site .text-button-wrap {
    display: block;
    font-size: 0;
    text-align: left;
}

.footer.tnc .accordion-footer-family-site .button-family-site .text-button-wrap .text-wrap {
    display: inline-block;
    font-size: 0;
}

.footer.tnc .accordion-footer-family-site .button-family-site .text-button-wrap .text-wrap .text {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3rem;
    color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .footer.tnc .accordion-footer-family-site .button-family-site .text-button-wrap .text-wrap .text {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

.footer.tnc .accordion-footer-family-site .button-family-site .icon-familysite-direction {
    position: absolute;
    top: 50%;
    right: 2.9rem;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
    transition-duration: 0.3s;
}

.footer.tnc .accordion-footer-family-site .button-family-site.active .icon-familysite-direction {
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -540deg);
}

.footer.tnc .accordion-footer-family-site .button-family-site.active~.family-site-layer-wrap {
    max-height: 30rem;
    z-index: 1;
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap {
    width: 100%;
    max-width: calc(100% - 4.4rem);
    max-height: 0;
    text-align: left;
    position: absolute;
    left: 2.2rem;
    bottom: 100%;
    overflow-y: auto;
    transition-duration: 0.3s;
    /* 스크롤바 설정*/
    /* 스크롤바 막대 설정*/
    /* 스크롤바 뒷 배경 설정*/
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap::-webkit-scrollbar {
    display: block;
    width: 3px;
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap::-webkit-scrollbar-thumb {
    height: 10%;
    background-color: rgba(255, 255, 255, 0.5);
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.4);
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap .family-site-layer-list {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: rgb(51, 51, 51);
    border: 0.1rem solid rgb(22, 22, 24);
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap .family-site-layer-list .family-site-layer-item {
    display: block;
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap .family-site-layer-list .family-site-layer-item .link-text-family-site-item {
    display: block;
    font-size: 0;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    transition-duration: 0.3s;
    text-align: left;
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap .family-site-layer-list .family-site-layer-item .link-text-family-site-item .text-wrap {
    display: inline-block;
    font-size: 0;
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap .family-site-layer-list .family-site-layer-item .link-text-family-site-item .text-wrap .text {
    display: inline-block;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 3rem;
    color: rgba(255, 255, 255, 0.5);
    transition-duration: 0.3s;
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap .family-site-layer-list .family-site-layer-item .link-text-family-site-item:focus,
.footer.tnc .accordion-footer-family-site .family-site-layer-wrap .family-site-layer-list .family-site-layer-item .link-text-family-site-item:hover {
    transition-duration: 0.3s;
    background-color: rgb(22, 22, 24);
}

.footer.tnc .accordion-footer-family-site .family-site-layer-wrap .family-site-layer-list .family-site-layer-item .link-text-family-site-item:focus .text-wrap .text,
.footer.tnc .accordion-footer-family-site .family-site-layer-wrap .family-site-layer-list .family-site-layer-item .link-text-family-site-item:hover .text-wrap .text {
    color: rgb(255, 255, 255);
    transition-duration: 0.3s;
}

.footer.tnc .ta .accordion-footer-family-site,
.footer.tnc .mo .accordion-footer-family-site {
    max-width: unset;
}

.footer.tnc .ta .accordion-footer-family-site .button-family-site,
.footer.tnc .mo .accordion-footer-family-site .button-family-site {
    padding: 1.5rem 3.2rem 1.6rem;
    height: 4.8rem;
}

.footer.tnc .ta .accordion-footer-family-site .button-family-site .text-button-wrap .text-wrap .text,
.footer.tnc .mo .accordion-footer-family-site .button-family-site .text-button-wrap .text-wrap .text {
    font-size: 1.4rem;
    line-height: 1.7rem;
    text-transform: uppercase;
}

.footer.main .accordion-footer-family-site .family-site-layer-wrap::-webkit-scrollbar-thumb {
    background-color: gray;
}

/* Ana Kapsayıcı */
.policy-dropup {
    position: relative;
    display: inline-block;
    padding-bottom: 0px; /* Fare geçişi için küçük bir tampon bölge */
}

/* Liste Tasarımı */
.policy-list {
    display: none;
    position: absolute;
    bottom: 100%; 
    left: 0;
    background-color: #fff;
    min-width: 220px;
    padding: 10px 0;
    margin-bottom: 10px; /* Görünür boşluk */
    list-style: none;
    box-shadow: 0px -5px 15px rgba(0,0,0,0.1);
    border-radius: 4px;
    z-index: 1000;
}

/* KRİTİK NOKTA: Görünmez Köprü */
/* Bu katman, link ile menü arasındaki boşluğu doldurur, böylece fare boşluğa düşmez */
.policy-list::before {
    content: "";
    position: absolute;
    bottom: -15px; /* margin-bottom kadar aşağı uzat */
    left: 0;
    width: 100%;
    height: 15px;
    background: transparent; /* Görünmez */
}

/* Hover Durumu */
.policy-dropup:hover .policy-list {
    display: block;
}

/* Linklerin üzerine gelince renk değişimi */
.policy-list li a {
    color: #333;
    padding: 10px 20px;
    display: block;
    font-size: 13px;
    text-decoration: none;
    text-align: left;
}

.policy-list li a:hover {
    background-color: #f1f1f1;
    color: #004c97;
}

/* top버튼 */
#pageTop {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s;
    z-index: 200;
}

#pageTop.meetFooter {
    position: relative;
    opacity: 1;
    visibility: visible;
}

#pageTop.show {
    opacity: 1;
    visibility: visible;
}

#pageTop .inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#pageTop .btn_top {
    position: absolute;
    bottom: 6rem;
    right: 10rem;
    width: 6.4rem;
    height: 6.4rem;
    border-radius: 1.6rem;
    background: #121212;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#pageTop .btn_top span {
    font-family: "Pretendard";
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
    color: #fff;
}

@media screen and (max-width: 1550px) {
    #pageTop .btn_top {
        right: 5rem;
    }
}

@media screen and (max-width: 1259px) {
    #pageTop .btn_top {
        bottom: 1.5rem;
        right: 1.8rem;
        width: 4.6rem;
        height: 4.6rem;
        border: 0.5px solid rgba(255, 255, 255, 0.2);
        background: rgba(0, 0, 0, 0.7);
    }

    #pageTop .btn_top span {
        font-size: 1.3rem;
    }
}

.container.tnc {
    min-height: calc(100vh - 22.2rem);
    word-break: auto-phrase;
}

.container.sub .container-inner {
    position: relative;
}

.container.sub .contents-section1.position-1 {
    position: relative;
    z-index: 2;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.container.sub .contents-section2 .contents-section-inner .contents-section-head {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    padding-top: 12rem;
}

.container.sub .contents-section2 .contents-section-inner .contents-section-head .title {
    max-width: 133.6rem;
    margin: 0 auto;
}

.container.sub .contents-section2 .contents-article {
    width: 100%;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.container.sub .contents-section2 .contents-article .contents-article-inner {
    max-width: 133.6rem;
    margin: 0 auto;
}

.container.sub .contents-section2 .contents-article.case-1 {
    padding-left: 0;
    padding-right: 0;
}

.container.sub .contents-section2 .contents-article.case-1 .contents-article-inner {
    max-width: unset;
    width: 100%;
}

.container.sub .contents-section2.brand-case-1 {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(45.37vh);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .container.sub .contents-section2.brand-case-1 {
        transform: translateY(5rem);
    }
}

.container.sub .contents-section2.brand-case-1.active2 {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.container.sub .contents-section2.brand-case-1.active2 .contents-section-inner .contents-section-body .contents-article1 {
    opacity: 1;
    transform: translateY(0);
}

.container.sub .contents-section .contents-section-inner .contents-section-head {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.container.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.container.sub .contents-section .contents-section-inner .contents-section-body .contents-article.active {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.container.sub .contents-section.active .contents-section-inner .contents-section-head {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.container.sub.company-case-1 .contents-section1 {
    padding-bottom: 20rem;
    transition: padding 0.3s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .container.sub.company-case-1 .contents-section1 {
        padding-bottom: 0;
    }
}

.container.sub.company-case-1 .contents-section2 .contents-section-inner {
    padding-top: 12rem;
    transition: padding 0.3s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .container.sub.company-case-1 .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

/* Guide */
.guide .main-contents {
    max-width: 128rem;
    margin-left: auto;
    margin-right: auto;
}

.guide .main-flex-layer {
    display: flex;
}

.guide .main-flex-layer~.main-flex-layer {
    margin-top: 2rem;
}

.guide.mo .main-flex-layer {
    flex-wrap: wrap;
}

.guide .title-guide-page-list+.content-view {
    margin-top: 1rem;
}

.guide .progress-picker {
    position: sticky;
    top: 7rem;
    z-index: 101;
    background-color: rgb(255, 255, 255);
    border-radius: 0.5rem;
    box-sizing: border-box;
}

.guide .progress-picker+.page-list-wrap {
    margin-top: 5rem;
}

.guide .page-list-wrap~.page-list-wrap {
    margin-top: 5rem;
}

.guide .display-work-list {
    padding-top: 1rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 0;
}

.guide .display-work-list li {
    display: inline-block;
    font-size: 0;
    padding-top: 1.5rem;
    text-align: left;
}

.guide .display-work-list li em,
.guide .display-work-list li span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 1rem;
    padding-right: 2rem;
}

.guide .display-work-list li em {
    width: 6rem;
    height: 3rem;
    background-color: #000000;
    text-indent: -99999rem;
    font-size: 0;
    line-height: 0;
    box-sizing: border-box;
    border: 0.1rem solid #000;
}

.guide .display-work-list li em.box-green.new {
    background: linear-gradient(180deg, #498a2e, #7ed15b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#6aa84f", EndColorStr="#7ed15b");
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6aa84f', EndColorStr='#7ed15b')";
    background-size: 1000% 1000%;
    animation: complete-new 3s linear infinite;
}

.guide .display-work-list li em.box-green {
    background-color: #6aa84f;
}

.guide .display-work-list li em.box-orange {
    background-color: #f78d48;
}

.guide .display-work-list li em.box-skyblue {
    background-color: #36c0ca;
}

.guide .display-work-list li em.box-yellow {
    background-color: #f1c232;
}

.guide .display-work-list li em.box-red {
    background-color: #cc0000;
}

.guide .display-work-list li em.box-sea {
    background-color: #3d85c6;
}

.guide .display-work-list li em.box-duskypink {
    background-color: #c27ba0;
}

.guide .display-work-list li em.box-white {
    background-color: #ffffff;
}

.guide .display-work-list li span {
    font-size: 1.4rem;
    font-family: "Pretendard";
    font-weight: 600;
    line-height: 2rem;
}

.guide .display-work-list:after {
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.guide .list-container {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

.guide .list-container .mCustomScrollBox {
    height: auto;
}

.guide .list-container .mCustomScrollBox .mCSB-scrollTools {
    position: sticky;
}

.guide .list-container .table-url-link {
    position: relative;
    min-width: 32rem;
    min-height: 3rem;
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
}

.guide .list-container .btn-view {
    display: inline-block;
    min-width: 8.6rem;
    padding: 0.5rem 1rem;
    box-sizing: border-box;
    box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
    border-radius: 0.3rem;
    color: #fff;
    text-align: center;
    margin-right: 1rem;
}

.guide .list-container .page-view {
    background: linear-gradient(180deg, rgb(222, 0, 62) 0%, rgb(193, 0, 69) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#de003e", EndColorStr="#c10045", GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#de003e', EndColorStr='#c10045', GradientType=0)";
    background-color: #c10045;
    border: 1px solid rgb(193, 0, 69);
}

.guide .list-container .page-view:hover,
.guide .list-container .page-view:focus,
.guide .list-container .page-view:active {
    background: linear-gradient(180deg, rgb(140, 0, 53) 0%, rgb(166, 0, 59) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#8c0035", EndColorStr="#a6003b", GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8c0035', EndColorStr='#a6003b', GradientType=0)";
    background-color: #a6003b;
    border: 1px solid rgb(193, 0, 69);
}

.guide .list-container .tab-view {
    background: linear-gradient(180deg, rgb(247, 87, 13) 0%, rgb(231, 76, 4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#f7570d", EndColorStr="#e74c04", GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7570d', EndColorStr='#e74c04', GradientType=0)";
    background-color: #f7570d;
    border: 1px solid rgb(231, 76, 4);
}

.guide .list-container .tab-view:hover,
.guide .list-container .tab-view:focus,
.guide .list-container .tab-view:active {
    background: linear-gradient(180deg, rgb(190, 60, 0) 0%, rgb(222, 70, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#be3c00", EndColorStr="#de4600", GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#be3c00', EndColorStr='#de4600', GradientType=0)";
    background-color: #be3c00;
    border: 1px solid rgb(255, 95, 21);
}

.guide .list-container .popup-view {
    background: linear-gradient(180deg, rgb(55, 117, 255) 0%, rgb(46, 102, 227) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#3775ff", EndColorStr="#2e66e3", GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3775ff', EndColorStr='#2e66e3', GradientType=0)";
    background-color: #2e66e3;
    border: 1px solid rgb(46, 102, 227);
}

.guide .list-container .popup-view:hover,
.guide .list-container .popup-view:focus,
.guide .list-container .popup-view:active {
    background: linear-gradient(180deg, rgb(32, 74, 168) 0%, rgb(37, 85, 194) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#204aa8", EndColorStr="#2555c2", GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#204aa8', EndColorStr='#2555c2', GradientType=0)";
    background-color: #2555c2;
    border: 1px solid rgb(46, 102, 227);
}

.guide .list-container .url-view {
    background: linear-gradient(180deg, rgb(151, 57, 255) 0%, rgb(134, 49, 229) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#9739ff", EndColorStr="#8331e5", GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9739ff', EndColorStr='#8331e5', GradientType=0)";
    background-color: #8331e5;
    border: 1px solid rgb(134, 49, 229);
}

.guide .list-container .url-view:hover,
.guide .list-container .url-view:focus,
.guide .list-container .url-view:active {
    background: linear-gradient(180deg, rgb(92, 28, 163) 0%, rgb(109, 39, 187) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#5c1ca3", EndColorStr="#6d27bb", GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#5c1ca3', EndColorStr='#6d27bb', GradientType=0)";
    background-color: #6d27bb;
    border: 1px solid rgb(134, 49, 229);
}

.guide .list-container .email-view {
    background: linear-gradient(180deg, rgb(16, 175, 147) 0%, rgb(14, 159, 133) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#10af93", EndColorStr="#0e9f85", GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#10af93', EndColorStr='#0e9f85', GradientType=0)";
    background-color: #0e9f85;
    border: 1px solid rgb(12, 142, 119);
}

.guide .list-container .email-view:hover,
.guide .list-container .email-view:focus,
.guide .list-container .email-view:active {
    background: linear-gradient(180deg, rgb(19, 121, 101) 0%, rgb(11, 129, 108) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#137965", EndColorStr="#0b816c", GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#137965', EndColorStr='#0b816c', GradientType=0)";
    background-color: #137965;
    border: 1px solid rgb(26, 155, 129);
}

.guide .list-container .txt-link {
    display: inline;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: bold;
    color: #2d2d2d;
}

.guide .list-container .txt-link:hover,
.guide .list-container .txt-link:focus,
.guide .list-container .txt-link:active {
    text-decoration: underline;
}

.guide .list-container-last {
    padding-top: 2rem;
}

.guide .page-title {
    font-size: 2.5rem;
    font-weight: bold;
    color: #222;
    border-bottom: 0.2rem solid #000;
    line-height: 3rem;
}

.guide .table-type1 {
    width: 100%;
    border-collapse: collapse;
}

.guide .table-type1 thead>tr>th {
    position: sticky;
    top: 0;
    z-index: 100;
    height: 4rem;
    background-color: #000;
    font-size: 1.4rem;
    font-family: "Pretendard";
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.8rem;
    color: #fff;
    border-left: 0.1rem solid #000;
    text-align: center;
    border: 0.1rem solid #000;
}

.guide .table-type1 thead>tr>th:first-child {
    border-left: 0.1rem solid #000;
}

.guide .table-type1 thead>tr>th:last-child {
    border-right: 0.1rem solid #000;
}

.guide .table-type1 thead>tr>th:nth-child(8) {
    max-width: 0 !important;
    min-width: 0 !important;
    width: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
}

.guide .table-type1 thead>tr>th:nth-child(9) {
    max-width: 0 !important;
    min-width: 0 !important;
    width: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
}

.guide .table-type1 thead>tr>th:nth-child(10) {
    min-width: 7rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td {
    padding: 1rem 0.5rem;
    font-size: 1.4rem;
    font-family: "Pretendard";
    font-weight: 500;
    letter-spacing: 0;
    line-height: 2rem;
    color: #1d1d1d;
    border-left: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;
    vertical-align: middle;
    word-break: keep-all;
    background-color: #fff;
    transition-duration: 0.5s;
}

.guide .table-type1 tbody>tr>td:last-child {
    border-right: 0.1rem solid #000;
}

.guide .table-type1 tbody>tr>td:nth-child(1) {
    min-width: 3.6rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(2) {
    min-width: 12rem;
    text-align: left;
}

.guide .table-type1 tbody>tr>td:nth-child(3) {
    min-width: 5rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(4) {
    min-width: 5rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(5) {
    min-width: 7rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(6) {
    max-width: 20rem;
    text-align: left;
}

.guide .table-type1 tbody>tr>td:nth-child(7) {
    min-width: 7rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(8) {
    max-width: 0 !important;
    min-width: 0 !important;
    width: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
}

.guide .table-type1 tbody>tr>td:nth-child(9) {
    max-width: 0 !important;
    min-width: 0 !important;
    width: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
}

.guide .table-type1 tbody>tr>td:nth-child(10) {
    min-width: 7rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(11) {
    min-width: 8rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(12) {
    min-width: 8rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(13) {
    min-width: 6rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(14) {
    min-width: 8rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(15) {
    width: 35rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(16) {
    width: 35rem;
    text-align: center;
}

.guide .table-type1 tbody>tr>td:nth-child(17) {
    min-width: 21rem;
    text-align: left;
}

.guide .table-type1 tbody>tr.complete>td {
    background-color: #6aa84f;
}

.guide .table-type1 tbody>tr.complete:hover>td {
    background-color: #5a993f;
}

.guide .table-type1 tbody>tr.complete.new>td {
    background: linear-gradient(180deg, #6aa84f, #7ed15b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#6aa84f", EndColorStr="#7ed15b");
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6aa84f', EndColorStr='#7ed15b')";
    background-size: 1000% 1000%;
    animation: complete-new 3s linear infinite;
}

.guide .table-type1 tbody>tr.parameter>td {
    background-color: #f78d48;
}

.guide .table-type1 tbody>tr.parameter:hover>td {
    background-color: #e07833;
}

.guide .table-type1 tbody>tr.correct td:nth-child(13),
.guide .table-type1 tbody>tr.delete td:nth-child(13),
.guide .table-type1 tbody>tr.common td:nth-child(13) {
    font-size: 0;
    text-indent: -999999rem;
}

.guide .table-type1 tbody>tr.nodata:hover>td {
    background-color: #ccc;
}

.guide .table-type1 tbody>tr.development>td {
    background-color: #36c0ca;
}

.guide .table-type1 tbody>tr.development:hover>td {
    background-color: #128891;
}

.guide .table-type1 tbody>tr.delete>td {
    background-color: #cc0000;
}

.guide .table-type1 tbody>tr.delete:hover>td {
    background-color: #ad0000;
}

.guide .table-type1 tbody>tr.common>td {
    background-color: #3d85c6;
}

.guide .table-type1 tbody>tr.common:hover>td {
    background-color: #2667a1;
}

.guide .table-type1 tbody>tr.script>td {
    background-color: #f1c232;
}

.guide .table-type1 tbody>tr.script:hover>td {
    background-color: #dba910;
}

.guide .table-type1 tbody>tr.correct>td {
    background-color: #c27ba0;
}

.guide .table-type1 tbody>tr.correct:hover>td {
    background-color: #b3618b;
}

.guide .table-type1 tbody>tr.split>td {
    border-top: 0.3rem solid #000;
}

.guide .table-type1 tbody>tr.subtit>td {
    background-color: #000;
    border: 0.1rem solid #000;
    color: #fff;
    text-align: left;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.3rem;
    font-weight: bold;
}

.guide .table-type2 {
    width: 100%;
    max-width: 70rem;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

.guide .table-type2>thead>tr>th {
    padding: 1rem 5rem;
    height: 4rem;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: "Pretendard";
    font-size: 1.4rem;
    font-weight: bold;
    vertical-align: middle;
    line-height: 2rem;
    text-align: center;
}

.guide .table-type2>thead>tr>th:first-child {
    border-left: 0.1rem solid rgb(0, 0, 0);
}

.guide .table-type2>thead>tr>th:last-child {
    border-right: 0.1rem solid rgb(0, 0, 0);
}

.guide .table-type2>thead>tr>td {
    padding: 10px 5px;
    text-align: center;
    color: #000;
    font-size: 12px;
    line-height: 18px;
    border-left: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    vertical-align: middle;
}

.guide .table-type2>thead>tr>td:first-child {
    border-left: 0.1rem solid rgb(0, 0, 0);
}

.guide .table-type2>thead>tr>td:last-child {
    border-right: 0.1rem solid rgb(0, 0, 0);
}

.guide .table-type2>thead>tr.bottom-total>th,
.guide .table-type2>thead>tr.bottom-total>td {
    font-weight: 700;
    border-top: 0.3rem double #000;
}

.guide .list-stats {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.guide .codeview .view {
    border: 0.1rem solid #ddd;
    padding: 2rem;
}

.guide .codeview .view>h5 {
    font-family: "Pretendard";
    font-size: 1.8rem;
    font-weight: 700;
    color: rgb(0, 0, 0);
    padding-bottom: 2rem;
}

.guide .codeview .code {
    border: 0.1rem solid #ddd;
    margin-top: 1rem;
    padding: 2rem;
    background-color: #f7f7f7;
}

.guide .codeview .code>pre {
    display: block;
    font-size: 1.3rem;
    line-height: 1.5rem;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    overflow: auto;
    margin: 0;
    height: auto;
    min-height: 0;
}

.guide .height-limit {
    max-height: 18rem;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    color: #000;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: left;
    scrollbar-arrow-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-face-color: #000;
    scrollbar-hightlight-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-track-color: #fff;
}

.guide .height-limit::-webkit-scrollbar {
    width: 6px;
}

.guide .height-limit::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
    background-color: #000;
}

.guide .height-limit::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    background-color: #fff;
}

.guide .height-limit::-moz-scrollbar {
    width: 6px;
}

.guide .height-limit::-moz-scrollbar-thumb {
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
    background-color: #000;
}

.guide .height-limit::-moz-scrollbar-track {
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    background-color: #fff;
}

.guide .height-limit::-o-scrollbar {
    width: 6px;
}

.guide .height-limit::-o-scrollbar-thumb {
    border-radius: 3px;
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
    background-color: #000;
}

.guide .height-limit::-o-scrollbar-track {
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    background-color: #fff;
}

.guide .height-limit::-ms-scrollbar {
    width: 6px;
}

.guide .height-limit::-ms-scrollbar-thumb {
    border-radius: 3px;
    -ms-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
    background-color: #000;
}

.guide .height-limit::-moz-scrollbar-track {
    -ms-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    background-color: #fff;
}

.guide .height-limit .link-txt:hover,
.guide .height-limit .link-txt:focus,
.guide .height-limit .link-txt:active {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #1155cc;
    text-decoration: underline;
}

.guide #logs-wrap {
    box-sizing: border-box;
    padding: 3rem 2rem;
}

.guide #logs-wrap hr {
    padding: 0;
    margin: 0;
    border: 0;
}

.guide #logs-wrap em {
    font-style: normal;
}

.guide #logs-wrap .hr-line-top {
    height: 0.2rem;
    background-color: #222;
    margin-bottom: 1.5rem;
}

.guide #logs-wrap .hr-line-bottom {
    height: 0.2rem;
    background-color: #222;
    margin-top: 1.5rem;
}

.guide #logs-wrap .logs-header {
    font-family: "Pretendard";
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #222;
    font-weight: 700;
}

.guide #logs-wrap .date-txt-area {
    border-bottom: 0.2rem solid #222;
    margin-top: 5rem;
}

.guide #logs-wrap .date-txt-area .date-txt {
    box-sizing: border-box;
    display: inline-block;
    font-family: "Pretendard";
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.6rem;
    color: rgb(255, 255, 255);
    vertical-align: middle;
    padding: 0.3rem 1.2rem;
    background-color: #222;
}

.guide #logs-wrap .type-txt-area .type-txt {
    display: inline-block;
    font-family: "Pretendard";
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.8rem;
    color: #222;
    vertical-align: middle;
    padding: 0.3rem 1.2rem;
    border: 0.1rem solid #222;
    border-radius: 2rem;
    margin-top: 3.5rem;
}

.guide #logs-wrap .logs-con .con-txt {
    display: block;
    font-family: "Pretendard";
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2rem;
    color: #222;
    margin-top: 2.5rem;
}

.guide #logs-wrap .logs-con .screen-txt {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #222;
    vertical-align: middle;
}

.guide #logs-wrap .logs-con .link-txt {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #0069ff;
    text-decoration: underline;
    vertical-align: middle;
}

.guide #logs-wrap .logs-con .screen-txt+.link-txt {
    margin-left: 0.5rem;
}

@media screen and (max-width: 1020px) {

    .guide .display-work-list li em,
    .guide .display-work-list li span {
        padding-left: 0.5rem;
        padding-right: 1rem;
    }

    .guide .display-work-list li em {
        width: 30px;
    }
}

@media screen and (max-width: 786px) {
    .guide #logs-wrap {
        padding: 1rem;
    }

    .guide .guide .display-work-list {
        text-align: left;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .guide .guide .display-work-list>li {
        padding-top: 1rem;
    }

    .guide .guide .list-container {
        position: relative;
        width: 100%;
        overflow-x: auto;
    }
}

@keyframes complete-new {
    0% {
        background-position: 50% 0%;
    }

    25% {
        background-position: 50% 100%;
    }

    50% {
        background-position: 50% 0%;
    }

    75% {
        background-position: 50% 100%;
    }

    100% {
        background-position: 50% 0%;
    }
}

.guide.mo .progress-picker {
    top: 6rem;
}

.client-list-hyosung {
    width: 100%;
    max-width: 128rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5rem;
}

.client-list-hyosung * {
    box-sizing: border-box;
}

.client-list-hyosung table {
    width: 100%;
    border-collapse: collapse;
}

.client-list-hyosung table thead tr th {
    border: 0.1rem solid rgb(85, 85, 85);
    background-color: rgb(85, 85, 85);
    padding: 1rem;
    color: rgb(255, 255, 255);
    font-size: 1.6rem;
}

.client-list-hyosung table tbody tr td {
    border: 0.1rem solid rgb(185, 185, 185);
    padding: 1rem;
    color: rgb(55, 55, 55);
    font-size: 1.6rem;
}

.client-list-hyosung table tbody tr td a {
    color: rgb(8, 92, 218);
    font-size: 1.6rem;
    font-weight: 600;
    transition-duration: 0.3s;
}

.client-list-hyosung table tbody tr td.none a {
    display: none;
}

.client-list-hyosung table tbody tr.split td {
    border-top: 0.2rem solid rgb(125, 125, 125);
}

.client-list-hyosung table tbody tr:last-child td {
    border-bottom: 0.3rem solid rgb(85, 85, 85);
}

.guide .title-guide-example+.guide-code-view {
    margin-top: 2rem;
}

.guide .guide-code-view {
    padding: 1rem;
    font-family: "Pretendard";
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.2rem;
    color: rgb(128, 128, 128);
    background-color: rgb(30, 30, 30);
}

.guide .guide-code-view .text {
    font-size: inherit;
}

.guide .guide-code-view .text.color-tag {
    color: rgb(63, 156, 203);
}

.guide .guide-code-view .text.color-class {
    color: rgb(79, 185, 254);
}

.guide .guide-code-view .text.color-class-name {
    color: rgb(206, 145, 120);
}

.guide .guide-code-view .text.color-cadmission {
    color: rgb(255, 255, 255);
}

.guide .guide-code-view .text.color-text {
    color: rgb(255, 255, 255);
}

.guide .guide-code-view .text.color-scss-all-selector {
    color: rgb(53, 140, 213);
}

.guide .guide-code-view .text.color-scss-class-name {
    color: rgb(215, 186, 125);
}

.guide .guide-code-view .text.color-scss-property-name {
    color: rgb(156, 220, 254);
}

.guide .guide-code-view .text.color-scss-property-value-text {
    color: rgb(195, 145, 106);
}

.guide .guide-code-view .text.color-scss-property-value-number {
    color: rgb(181, 206, 168);
}

.guide .guide-code-view .text.color-scss-colon {
    color: rgb(255, 255, 255);
}

.guide .guide-code-view .text.color-scss-semicolon {
    color: rgb(255, 255, 255);
}

.guide .guide-code-view .text.color-scss-comma {
    color: rgb(255, 255, 255);
}

.guide .guide-code-view .text.color-scss-function {
    color: rgb(197, 134, 192);
}

.guide .guide-code-view .text.color-scss-function-name {
    color: rgb(220, 220, 170);
}

.guide .guide-code-view .text.color-scss-mid-bracket1 {
    color: rgb(201, 212, 139);
}

.guide .guide-code-view .text.color-scss-mid-bracket2 {
    color: rgb(209, 148, 70);
}

.guide .guide-code-view .text.color-scss-bracket1 {
    color: rgb(230, 166, 31);
}

.guide .guide-code-view .text.color-scss-bracket2 {
    color: rgb(199, 10, 66);
}

.guide .guide-code-view .text.color-text {
    color: rgb(255, 255, 255);
}

.guide .guide-text-info {
    font-size: 0;
}

.guide .guide-text-info .text-wrap {
    display: block;
    font-size: 0;
}

.guide .guide-text-info .text-wrap .title {
    font-size: 1.6rem;
    font-family: "Pretendard";
    font-weight: 700;
    line-height: 2.2rem;
    color: rgb(0, 0, 0);
}

.guide .guide-text-info .text-wrap .text {
    font-size: 1.6rem;
    font-family: "Pretendard";
    font-weight: 400;
    line-height: 2.2rem;
    color: rgb(25, 25, 25);
}

.guide .guide-text-info .text-wrap .text.title {
    font-size: 1.6rem;
    font-family: "Pretendard";
    font-weight: 700;
    line-height: 2.2rem;
    color: rgb(0, 0, 0);
}

.guide .guide-text-info .text-wrap~.text-wrap {
    margin-top: 1rem;
}

.guide .guide-description-dl>dt,
.guide .guide-description-dl>dd {
    display: block;
}

.guide .guide-description-dl>dt>.text {
    font-size: 1.8rem;
    font-family: "Pretendard";
    font-weight: 500;
    line-height: 2.4rem;
    color: rgb(0, 0, 0);
}

.guide .guide-description-dl>dt>.text.title {
    padding: 0.5rem 1rem;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}

.guide .guide-description-dl>dt>.text abbr {
    text-decoration: none;
}

.guide .guide-description-dl>dt+dd {
    margin-top: 1.2rem;
}

.guide .guide-description-dl>dd>.text {
    font-size: 1.8rem;
    font-family: "Pretendard";
    font-weight: 400;
    line-height: 2.4rem;
    color: rgb(85, 85, 85);
}

.guide .guide-description-dl>dd>.text+.bullet-guide-asterisk {
    margin-top: 0.5rem;
}

.guide .guide-description-dl>dd>.text .bold {
    font-weight: 700;
}

.guide .guide-description-dl>dd>.text.border-bottom {
    border-bottom: 0.1rem dashed rgba(0, 0, 0, 0.2);
}

.guide .guide-description-dl~.guide-description-dl {
    margin-top: 3rem;
}

.guide-sort-bar+.contents {
    margin-top: 3rem;
}

.guide-sort-bar {
    display: block;
    position: relative;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.guide-sort-bar .bar {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    display: block;
    width: 100%;
    height: 0.3rem;
    background-color: rgb(30, 30, 30);
}

.guide-sort-bar .text-wrap {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 0;
    line-height: 0;
    background-color: rgb(235, 235, 235);
}

.guide-sort-bar .text-wrap .text {
    display: inline-block;
    word-break: keep-all;
    font-family: "Pretendard";
    font-weight: 700;
    font-size: 2rem;
    line-height: 2.8rem;
    color: rgb(30, 30, 30);
    text-align: center;
}

.mo .guide-sort-bar .text-wrap {
    margin-left: 3rem;
    margin-right: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.mo .guide-sort-bar .text-wrap .text {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.mo .guide-sort-bar .bar {
    height: 0.1rem;
}

.mo .guide-sort-bar+.contents {
    margin-top: 1.5rem;
}

.link-guide-page-view {
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.link-guide-page-view .text-wrap {
    display: inline-block;
    font-size: 0;
}

.link-guide-page-view .text-wrap .text {
    font-family: "Pretendard";
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: rgb(40, 40, 40);
    transition-duration: 0.3s;
    text-decoration: underline;
}

.link-guide-page-view:hover .text-wrap .text,
.link-guide-page-view:focus .text-wrap .text {
    color: rgb(40, 114, 252);
}

.background-f5f5f5 {
    background-color: rgb(245, 245, 245) !important;
}

.button-guide-gnb {
    width: 7rem;
    height: 7rem;
    transition-duration: 0.3s;
}

.button-guide-gnb.active {
    background-color: rgb(85, 85, 85);
}

.button-guide-gnb.active .bar-list .bar-item {
    background-color: rgb(255, 255, 255);
}

.button-guide-gnb.active .bar-list .bar-item.bar1 {
    top: 1.5rem;
    transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 225deg);
}

.button-guide-gnb.active .bar-list .bar-item.bar2 {
    top: 1.5rem;
    width: 0;
}

.button-guide-gnb.active .bar-list .bar-item.bar3 {
    top: 1.5rem;
    transform: translate3d(50%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -225deg);
}

.button-guide-gnb:focus .bar-list .bar-item,
.button-guide-gnb:hover .bar-list .bar-item {
    background-color: rgb(255, 255, 255);
}

.button-guide-gnb .bar-list {
    display: block;
    position: relative;
    width: 3rem;
    height: 3rem;
    margin-left: auto;
    margin-right: auto;
}

.button-guide-gnb .bar-list .bar-item {
    position: absolute;
    width: 3rem;
    height: 0.1rem;
    font-size: 0;
    line-height: 0;
    font-family: "Pretendard";
    background-color: rgba(255, 255, 255, 0.5);
    transition-duration: 0.3s;
    text-indent: -9999rem;
}

.button-guide-gnb .bar-list .bar-item.bar1 {
    top: 0.5rem;
    left: 50%;
    transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
}

.button-guide-gnb .bar-list .bar-item.bar2 {
    top: 1.5rem;
    left: 50%;
    transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
}

.button-guide-gnb .bar-list .bar-item.bar3 {
    top: 2.5rem;
    right: 50%;
    transform: translate3d(50%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
}

.button-add-view {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}

.button-add-view * {
    box-sizing: border-box;
}

.button-add-view .button-add-view-inner {
    display: inline-block;
    position: relative;
    width: inherit;
    height: inherit;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    transition-duration: 0.5s;
}

.button-add-view .button-add-view-inner .bar {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.6rem;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-top: 0.2rem solid rgb(0, 92, 179);
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 0, 0deg);
    text-indent: -99999rem;
    transition-duration: 0.5s;
}

.button-add-view .button-add-view-inner .bar.bar1 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
}

.button-add-view .button-add-view-inner .bar.bar2 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 90deg);
}

.button-add-view.active .button-add-view-inner {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -360deg);
}

.button-add-view.active .button-add-view-inner .bar.bar1 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -180deg);
}

.button-add-view.active .button-add-view-inner .bar.bar2 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
}

.button-add-view.color-white .button-add-view-inner .bar {
    border-top: 0.1rem solid rgb(255, 255, 255);
}

.button-add-view.color-blue .button-add-view-inner .bar {
    border-top: 0.1rem solid rgb(0, 84, 145);
}

.button-add-view.color-black .button-add-view-inner .bar {
    border-top: 0.1rem solid rgb(0, 0, 0);
}

.button-add-view-type2.color-white {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 0.6rem;
    background-color: rgb(48, 48, 48);
}

.button-add-view-type2.color-white .button-add-view-inner .bar {
    border-top: 0.2rem solid rgb(255, 255, 255);
}

.button-add-view-type2.color-white .button-add-view-inner .bar.bar3 {
    display: none;
}

.button-add-view-type2.color-white.active .button-add-view-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 1);
}

.button-add-view-type2.color-white.active .button-add-view-inner .bar {
    display: block;
    position: static;
    width: 0.4rem;
    height: 0.4rem;
    border: none;
    background-color: rgb(255, 255, 255);
    border-radius: 10rem;
}

.button-add-view-type2.color-white.active .button-add-view-inner .bar.bar1 {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0);
}

.button-add-view-type2.color-white.active .button-add-view-inner .bar.bar2 {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0);
}

.button-add-view-type2.color-white.active .button-add-view-inner .bar.bar3 {
    display: block;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0);
}

.button-add-view-type2.color-white.active .button-add-view-inner .bar~.bar {
    margin-left: 0.3rem;
}

.color-data .info {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.5;
    padding-top: 1rem;
}

.color-data .info em {
    font-weight: 700;
}

.color-data .data-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.color-data .data-list .tit {
    font-weight: 600;
    font-size: 3.2rem;
    line-height: 4rem;
}

.color-data .data-list .data-item {
    width: 15rem;
    height: 15rem;
    padding: 1.5rem;
    border: 0.1rem solid #E1E6EF;
    border-radius: 1.6rem;
    overflow: hidden;
}

.color-data .data-list .data-item.type-1 {
    color: #fff;
}

.color-data .data-list .data-item.type-2 {
    color: #1D2433;
}

.color-data .data-list .data-item .name {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.5;
}

.color-data .data-list .data-item .hex {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.5;
    padding-top: 1rem;
}

.icon-guide-familysite-arrow-top,
.icon-guide-familysite-arrow-bottom {
    display: inline-block;
    font-size: 0;
    transition-duration: 0.2s;
}

.icon-guide-familysite-arrow-top .icon-inner,
.icon-guide-familysite-arrow-bottom .icon-inner {
    position: relative;
    display: inherit;
    width: 1.4rem;
    height: 0.636rem;
    font-size: 0;
    line-height: 0;
    text-indent: -99999rem;
}

.icon-guide-familysite-arrow-top .icon-inner:before,
.icon-guide-familysite-arrow-top .icon-inner:after,
.icon-guide-familysite-arrow-bottom .icon-inner:before,
.icon-guide-familysite-arrow-bottom .icon-inner:after {
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    display: block;
    content: "";
    width: 0.8rem;
    height: 0.1rem;
    background-color: rgb(255, 255, 255);
}

.icon-guide-familysite-arrow-top.color-blue .icon-inner:before,
.icon-guide-familysite-arrow-top.color-blue .icon-inner:after,
.icon-guide-familysite-arrow-bottom.color-blue .icon-inner:before,
.icon-guide-familysite-arrow-bottom.color-blue .icon-inner:after {
    background-color: rgb(0, 84, 145);
}

.icon-guide-familysite-arrow-top.color-white .icon-inner:before,
.icon-guide-familysite-arrow-top.color-white .icon-inner:after,
.icon-guide-familysite-arrow-bottom.color-white .icon-inner:before,
.icon-guide-familysite-arrow-bottom.color-white .icon-inner:after {
    background-color: rgb(255, 255, 255);
}

.icon-guide-familysite-arrow-top.color-black .icon-inner:before,
.icon-guide-familysite-arrow-top.color-black .icon-inner:after,
.icon-guide-familysite-arrow-bottom.color-black .icon-inner:before,
.icon-guide-familysite-arrow-bottom.color-black .icon-inner:after {
    background-color: rgb(0, 0, 0);
}

.icon-guide-familysite-arrow-top.color-type1 .icon-inner:before,
.icon-guide-familysite-arrow-top.color-type1 .icon-inner:after,
.icon-guide-familysite-arrow-bottom.color-type1 .icon-inner:before,
.icon-guide-familysite-arrow-bottom.color-type1 .icon-inner:after {
    background-color: rgb(141, 155, 169);
}

.icon-guide-familysite-arrow-top .icon-inner:before {
    left: 0;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 315deg);
}

.icon-guide-familysite-arrow-top .icon-inner:after {
    right: 0;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -315deg);
}

.icon-guide-familysite-arrow-bottom .icon-inner:before {
    left: 0;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 45deg);
}

.icon-guide-familysite-arrow-bottom .icon-inner:after {
    right: 0;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -45deg);
}

.logo-hyosung-tnc-eng {
    display: inline-block;
    vertical-align: middle;
    width: 14.1rem;
    height: 3.0rem;
    font-size: 0;
    line-height: 0;
    text-indent: -99999rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition-duration: 0.3s;
    background-image: url(../images/common/logo/Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-blue.svg);
}

.logo-hyosung-tnc-eng * {
    box-sizing: border-box;
}

.logo-hyosung-tnc-eng.color-blue {
    background-image: url(../images/common/logo/Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-blue.svg);
}

.logo-hyosung-tnc-eng.color-black {
    background-image: url(../images/common/logo/Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-black.svg);
}

.logo-hyosung-tnc-eng.color-white {
    background-image: url(../images/common/logo/Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-white.svg);
}

.box-layer {
    padding: 1rem;
    border-left: 0.1rem solid rgb(175, 175, 175);
    border-right: 0.1rem solid rgb(175, 175, 175);
    border-bottom: 0.1rem solid rgb(175, 175, 175);
}

.box-layer * {
    box-sizing: border-box;
}

.box-layer.background-black {
    border-top: 0.1rem solid rgb(0, 0, 0);
    border-left: 0.1rem solid rgb(0, 0, 0);
    border-right: 0.1rem solid rgb(0, 0, 0);
    border-bottom: 0.1rem solid rgb(0, 0, 0);
    background-color: rgb(0, 0, 0);
}

.box-layer+.box-layer-title {
    margin-top: 3rem;
}

.title-guide-description {
    display: block;
}

.title-guide-description * {
    box-sizing: border-box;
}

.title-guide-description .text-wrap {
    display: inline-block;
    vertical-align: middle;
}

.title-guide-description .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Pretendard";
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.2rem;
    margin-right: 0.5rem;
    color: rgb(0, 0, 0);
}

.title-guide-description .text:last-child {
    margin-right: 0;
}

.title-guide-description .text.title {
    font-size: 2rem;
}

.title-guide-description .text.font-size10 {
    font-size: 1rem;
}

.title-guide-description .text.font-size11 {
    font-size: 1.1rem;
}

.title-guide-description .text.font-size12 {
    font-size: 1.2rem;
}

.title-guide-description .text.font-size13 {
    font-size: 1.3rem;
}

.title-guide-description .text.font-size14 {
    font-size: 1.4rem;
}

.title-guide-description .text.font-size15 {
    font-size: 1.5rem;
}

.title-guide-description .text.font-size16 {
    font-size: 1.6rem;
}

.title-guide-description .text.font-size17 {
    font-size: 1.7rem;
}

.title-guide-description .text.font-size18 {
    font-size: 1.8rem;
}

.title-guide-description .text.font-size19 {
    font-size: 1.9rem;
}

.title-guide-description .text.font-size20 {
    font-size: 2rem;
}

.title-guide-description .text.font-size21 {
    font-size: 2.1rem;
}

.title-guide-description .text.font-size22 {
    font-size: 2.2rem;
}

.title-guide-description .text.font-size23 {
    font-size: 2.3rem;
}

.title-guide-description .text.font-size24 {
    font-size: 2.4rem;
}

.title-guide-description .text.font-size25 {
    font-size: 2.5rem;
}

.title-guide-description .text.font-size26 {
    font-size: 2.6rem;
}

.title-guide-description .text.font-size27 {
    font-size: 2.7rem;
}

.title-guide-description .text.font-size28 {
    font-size: 2.8rem;
}

.title-guide-description .text.font-size29 {
    font-size: 2.9rem;
}

.title-guide-description .text.font-size30 {
    font-size: 3rem;
}

.title-guide-description .text.font-size31 {
    font-size: 3.1rem;
}

.title-guide-description .text.font-size32 {
    font-size: 3.2rem;
}

.title-guide-description .text.font-size33 {
    font-size: 3.3rem;
}

.title-guide-description .text.font-size34 {
    font-size: 3.4rem;
}

.title-guide-description .text.font-size35 {
    font-size: 3.5rem;
}

.title-guide-description .text.font-size36 {
    font-size: 3.6rem;
}

.title-guide-description .text.font-size37 {
    font-size: 3.7rem;
}

.title-guide-description .text.font-size38 {
    font-size: 3.8rem;
}

.title-guide-description .text.font-size39 {
    font-size: 3.9rem;
}

.title-guide-description .text.font-size40 {
    font-size: 4rem;
}

.title-guide-description .text.font-size41 {
    font-size: 4.1rem;
}

.title-guide-description .text.font-size42 {
    font-size: 4.2rem;
}

.title-guide-description .text.font-size43 {
    font-size: 4.3rem;
}

.title-guide-description .text.font-size44 {
    font-size: 4.4rem;
}

.title-guide-description .text.font-size45 {
    font-size: 4.5rem;
}

.title-guide-description .text.font-size46 {
    font-size: 4.6rem;
}

.title-guide-description .text.font-size47 {
    font-size: 4.7rem;
}

.title-guide-description .text.font-size48 {
    font-size: 4.8rem;
}

.title-guide-description .text.font-size49 {
    font-size: 4.9rem;
}

.title-guide-description .text.font-size50 {
    font-size: 5rem;
}

.title-guide-description .text.font-size51 {
    font-size: 5.1rem;
}

.title-guide-description .text.font-size52 {
    font-size: 5.2rem;
}

.title-guide-description .text.font-size53 {
    font-size: 5.3rem;
}

.title-guide-description .text.font-size54 {
    font-size: 5.4rem;
}

.title-guide-description .text.font-size55 {
    font-size: 5.5rem;
}

.title-guide-description .text.font-size56 {
    font-size: 5.6rem;
}

.title-guide-description .text.font-size57 {
    font-size: 5.7rem;
}

.title-guide-description .text.font-size58 {
    font-size: 5.8rem;
}

.title-guide-description .text.font-size59 {
    font-size: 5.9rem;
}

.title-guide-description .text.font-size60 {
    font-size: 6rem;
}

.title-guide-description .text.line-height10 {
    line-height: 1rem;
}

.title-guide-description .text.line-height11 {
    line-height: 1.1rem;
}

.title-guide-description .text.line-height12 {
    line-height: 1.2rem;
}

.title-guide-description .text.line-height13 {
    line-height: 1.3rem;
}

.title-guide-description .text.line-height14 {
    line-height: 1.4rem;
}

.title-guide-description .text.line-height15 {
    line-height: 1.5rem;
}

.title-guide-description .text.line-height16 {
    line-height: 1.6rem;
}

.title-guide-description .text.line-height17 {
    line-height: 1.7rem;
}

.title-guide-description .text.line-height18 {
    line-height: 1.8rem;
}

.title-guide-description .text.line-height19 {
    line-height: 1.9rem;
}

.title-guide-description .text.line-height20 {
    line-height: 2rem;
}

.title-guide-description .text.line-height21 {
    line-height: 2.1rem;
}

.title-guide-description .text.line-height22 {
    line-height: 2.2rem;
}

.title-guide-description .text.line-height23 {
    line-height: 2.3rem;
}

.title-guide-description .text.line-height24 {
    line-height: 2.4rem;
}

.title-guide-description .text.line-height25 {
    line-height: 2.5rem;
}

.title-guide-description .text.line-height26 {
    line-height: 2.6rem;
}

.title-guide-description .text.line-height27 {
    line-height: 2.7rem;
}

.title-guide-description .text.line-height28 {
    line-height: 2.8rem;
}

.title-guide-description .text.line-height29 {
    line-height: 2.9rem;
}

.title-guide-description .text.line-height30 {
    line-height: 3rem;
}

.title-guide-description .text.line-height31 {
    line-height: 3.1rem;
}

.title-guide-description .text.line-height32 {
    line-height: 3.2rem;
}

.title-guide-description .text.line-height33 {
    line-height: 3.3rem;
}

.title-guide-description .text.line-height34 {
    line-height: 3.4rem;
}

.title-guide-description .text.line-height35 {
    line-height: 3.5rem;
}

.title-guide-description .text.line-height36 {
    line-height: 3.6rem;
}

.title-guide-description .text.line-height37 {
    line-height: 3.7rem;
}

.title-guide-description .text.line-height38 {
    line-height: 3.8rem;
}

.title-guide-description .text.line-height39 {
    line-height: 3.9rem;
}

.title-guide-description .text.line-height40 {
    line-height: 4rem;
}

.title-guide-description .text.line-height41 {
    line-height: 4.1rem;
}

.title-guide-description .text.line-height42 {
    line-height: 4.2rem;
}

.title-guide-description .text.line-height43 {
    line-height: 4.3rem;
}

.title-guide-description .text.line-height44 {
    line-height: 4.4rem;
}

.title-guide-description .text.line-height45 {
    line-height: 4.5rem;
}

.title-guide-description .text.line-height46 {
    line-height: 4.6rem;
}

.title-guide-description .text.line-height47 {
    line-height: 4.7rem;
}

.title-guide-description .text.line-height48 {
    line-height: 4.8rem;
}

.title-guide-description .text.line-height49 {
    line-height: 4.9rem;
}

.title-guide-description .text.line-height50 {
    line-height: 5rem;
}

.title-guide-description .text.line-height51 {
    line-height: 5.1rem;
}

.title-guide-description .text.line-height52 {
    line-height: 5.2rem;
}

.title-guide-description .text.line-height53 {
    line-height: 5.3rem;
}

.title-guide-description .text.line-height54 {
    line-height: 5.4rem;
}

.title-guide-description .text.line-height55 {
    line-height: 5.5rem;
}

.title-guide-description .text.line-height56 {
    line-height: 5.6rem;
}

.title-guide-description .text.line-height57 {
    line-height: 5.7rem;
}

.title-guide-description .text.line-height58 {
    line-height: 5.8rem;
}

.title-guide-description .text.line-height59 {
    line-height: 5.9rem;
}

.title-guide-description .text.line-height60 {
    line-height: 6rem;
}

.title-guide-description .text.background-black {
    background-color: rgb(0, 0, 0);
}

.title-guide-description .text.color-white {
    color: rgb(255, 255, 255);
}

.title-guide-description .text.color-black {
    color: rgb(0, 0, 0);
}

.title-guide-description .text.color-blue {
    color: rgb(0, 84, 145);
}

.title-guide-description .text.color-red {
    color: rgb(197, 42, 42);
}

.title-guide-description .text.color-green {
    color: rgb(29, 156, 35);
}

.title-guide-description .text.family-Montserrat {
    font-family: "Montserrat";
}

.title-guide-description .text.family-Pretendard-subset {
    font-family: "Pretendard-subset";
}

.title-guide-description .text.family-PretendardJP {
    font-family: "PretendardJP";
}

.title-guide-description .text.family-Roboto {
    font-family: "Roboto";
}

.title-guide-description .text.family-RobotoCondensed {
    font-family: "RobotoCondensed";
}

.title-guide-description .text.font-weight100 {
    font-weight: 100;
}

.title-guide-description .text.font-weight200 {
    font-weight: 200;
}

.title-guide-description .text.font-weight300 {
    font-weight: 300;
}

.title-guide-description .text.font-weight400 {
    font-weight: 400;
}

.title-guide-description .text.font-weight500 {
    font-weight: 500;
}

.title-guide-description .text.font-weight600 {
    font-weight: 600;
}

.title-guide-description .text.font-weight700 {
    font-weight: 700;
}

.title-guide-description .text.font-weight800 {
    font-weight: 800;
}

.title-guide-description .text.font-weight900 {
    font-weight: 900;
}

.title-guide-description~.title-guide-description {
    margin-top: 0.5rem;
}

.title-guide-example {
    display: block;
}

.title-guide-example * {
    box-sizing: border-box;
}

.title-guide-example .text-wrap {
    display: inline-block;
    font-size: 0;
}

.title-guide-example .text {
    display: inline-block;
    font-family: "Pretendard";
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 3.2rem;
    color: rgb(0, 0, 0);
}

.title-guide-text {
    display: block;
}

.title-guide-text * {
    box-sizing: border-box;
}

.title-guide-text .text-wrap {
    display: inline-block;
}

.title-guide-text .text {
    display: inline-block;
    font-size: 1.8rem;
    color: rgb(0, 0, 0);
}

.title-banner-box {
    font-size: 0;
}

.title-banner-box .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Pretendard";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: rgb(255, 255, 255);
}

.title-banner-box .text.color-black {
    color: rgb(0, 0, 0);
}

.title-banner-box .text.color-white {
    color: rgb(255, 255, 255);
}

.title-banner-box .text.text-shdow {
    text-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
}

.title-contents-wrap {
    padding: 0.8rem 2rem;
    border: 0.2rem solid rgb(65, 65, 65);
    background-color: rgb(65, 65, 65);
}

.title-contents-wrap * {
    box-sizing: border-box;
}

.title-contents-guide {
    display: block;
    font-size: 0;
}

.title-contents-guide .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Pretendard";
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-shadow: 0 0.1rem 0.2rem rgba(0, 116, 39, 0.5);
    color: rgb(0, 0, 0);
}

.title-contents-guide .text.color-black {
    color: rgb(0, 0, 0);
}

.title-contents-guide .text.color-white {
    color: rgb(255, 255, 255);
}

.title-contents-guide .text.text-shdow {
    text-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
}

.title-guide-page-list {
    font-size: 0;
}

.title-guide-page-list .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Pretendard";
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.2rem;
    color: rgb(50, 50, 50);
}

.title-guide-page-list .text.color-black {
    color: rgb(0, 0, 0);
}

.title-guide-page-list .text.color-white {
    color: rgb(255, 255, 255);
}

.title-guide-page-list .text.text-shdow {
    text-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.15);
}

.mo .title-contents-guide .text {
    font-size: 1.4rem;
    line-height: 2rem;
}

.mo .title-contents-wrap {
    padding: 0.5rem 1rem;
}

.title-tab-guide-test-view {
    font-size: 0;
    text-align: center;
    padding: 3rem 1.8rem;
}

.title-tab-guide-test-view * {
    box-sizing: border-box;
}

.title-tab-guide-test-view .text-wrap {
    display: inline-block;
    font-size: 0;
    text-align: center;
}

.title-tab-guide-test-view .text-wrap .text {
    display: inline-block;
    font-family: "Pretendard";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 5.7rem;
    color: rgb(22, 22, 24);
}

.title-client-list {
    display: block;
    font-size: 0;
    width: 100%;
    max-width: 128rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.title-client-list * {
    box-sizing: border-box;
}

.title-client-list .text-wrap {
    display: inline-block;
    font-size: 0;
}

.title-client-list .text-wrap .text {
    display: inline-block;
    font-family: "Pretendard";
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 3rem;
    color: rgb(85, 85, 85);
}

/* Guide */
.header.guide {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.header.guide.ta,
.header.guide.mo {
    min-height: unset;
}

.header.guide.ta.tnc,
.header.guide.mo.tnc {
    min-height: unset;
}

.header.guide.open {
    height: 32rem;
}

.header.guide.open .sub-menu {
    display: block;
}

.header.guide .header-inner {
    position: relative;
}

.header.guide .header-logo {
    display: flex;
    height: 7rem;
    font-size: 1.3em;
    padding-left: 2rem;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(0, 92, 179);
    transition-duration: 0.3s;
    pointer-events: auto;
}

.header.guide .header-logo .logo-top {
    font-size: 0;
}

.header.guide .header-logo .logo-top .logo-hysung-link {
    display: block;
    opacity: 0.5;
    transition-duration: 0.3s;
}

.header.guide .header-logo .logo-top .logo-hysung-link:focus,
.header.guide .header-logo .logo-top .logo-hysung-link:hover {
    opacity: 1;
}

.header.guide .header-logo .logo-top .logo {
    margin-right: 0.8rem;
}

.header.guide .header-logo .logo-top .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.guide .header-logo .logo-top .text-wrap .text {
    display: inline-block;
    color: rgb(0, 84, 145);
    font-weight: 200;
    font-size: 1.6rem;
    line-height: 3.1rem;
    vertical-align: middle;
    margin-right: 0.5rem;
}

.header.guide .header-logo .logo-top .text-wrap .text.color-blue {
    color: rgb(0, 84, 145);
}

.header.guide .header-logo .logo-top .text-wrap .text.color-black {
    color: rgb(0, 0, 0);
}

.header.guide .header-logo .logo-top .text-wrap .text.color-darkgray {
    color: rgb(85, 85, 85);
}

.header.guide .header-logo .logo-top .text-wrap .text.color-white {
    color: rgb(255, 255, 255);
}

.header.guide .header-logo .logo-top .text-wrap .text.color-type1 {
    color: rgb(255, 255, 255);
}

.header.guide .header-logo .logo-top .text-wrap .text.medium {
    font-weight: 500;
}

.header.guide .header-logo .logo-top .text-wrap .text.bold {
    font-weight: 700;
}

@media screen and (max-width: 580px) {
    .header.guide .header-logo .logo-top .text-wrap .text {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

@media screen and (max-width: 280px) {
    .header.guide .header-logo .logo-top .text-wrap {
        display: none;
    }
}

.header.guide .header-logo .button-guide-gnb {
    width: 7rem;
    height: inherit;
    transition-duration: 0.3s;
}

.header.guide .header-logo .button-guide-gnb.active {
    background-color: rgb(255, 255, 255);
}

.header.guide .header-logo .button-guide-gnb.active .bar-list .bar-item {
    background-color: rgb(0, 92, 179);
}

.header.guide .guide-gnb-wrap {
    position: fixed;
    top: 7rem;
    right: -35rem;
    bottom: 0;
    width: 35rem;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgb(255, 255, 255);
    transition-duration: 0.3s;
}

.header.guide .guide-gnb-wrap::-webkit-scrollbar {
    width: 0.8rem;
    /* 스크롤바의 너비 */
}

.header.guide .guide-gnb-wrap::-webkit-scrollbar-thumb {
    height: 10%;
    /* 스크롤바의 길이 */
    background-color: rgb(156, 156, 156);
    /* 스크롤바의 색상 */
    border-radius: 1rem;
}

.header.guide .guide-gnb-wrap.open {
    right: 0;
}

.header.guide .guide-gnb-wrap::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.1rem;
    height: 100%;
    content: "";
    background-color: rgba(156, 156, 156, 0.25);
}

.header.guide .guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth1-item-inner .button-add-view {
    position: absolute;
    top: 50%;
    right: 0;
    width: 5.2rem;
    height: 5.2rem;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
}

.header.guide.pc .login-area {
    display: none;
}

.header.guide.pc .button-gnb {
    display: flex;
}

.header.guide.mo.open {
    height: 5rem;
}

.header.guide.mo .header-logo {
    height: 5rem;
    padding-left: 1.5rem;
}

.header.guide.mo .header-logo .button-guide-gnb {
    width: 5rem;
}

.header.guide.mo .guide-gnb-wrap {
    top: 5rem;
    right: -50%;
    width: 50%;
}

.header.guide.mo .guide-gnb-wrap.open {
    right: 0;
}

.header.guide.mo .login-area {
    display: none;
}

.header.guide.mo .button-gnb {
    display: flex;
}

.header .button-view-more {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 0.6rem;
    background-color: rgb(30, 30, 30);
}

.header .button-view-more .text-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .button-view-more .text-wrap .text {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background-color: rgb(255, 255, 255);
    border-radius: 10rem;
}

.header .button-view-more .text-wrap .text+.text {
    margin-left: 0.3rem;
}

.header.tnc.guide {
    min-height: 6rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition-duration: 0.3s;
}

.header.tnc.guide * {
    box-sizing: border-box;
}

.header.tnc.guide.sub {
    background-color: rgba(255, 255, 255, 0.8);
}

.header.tnc.guide.hide {
    top: -10.8rem;
}

.header.tnc.guide .header-inner {
    position: relative;
}

.header.tnc.guide .header-inner .logo-sustainability-top {
    position: absolute;
    top: 2.4rem;
    left: 4rem;
    display: inline-block;
    font-size: 0;
    z-index: 5;
}

.header.tnc.guide .header-inner .logo-sustainability-top .logo-top-link {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng {
    transition-duration: unset;
}

.header.tnc.guide .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng+.logo-sustainability-eng {
    margin-left: 2.8rem;
}

.header.tnc.guide .header-inner .logo-sustainability-top .logo-top-link .logo-sustainability-eng {
    transition-duration: unset;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav {
    position: relative;
    padding-left: 37rem;
    padding-right: 37rem;
    transition-duration: 0.3s;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner {
    width: 100%;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap {
    width: 100%;
    max-width: 75.5rem;
    margin-left: auto;
    margin-right: auto;
    transition-delay: 0.6s;
    transition-duration: 1s;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner {
    padding-top: 1.3rem;
    padding-bottom: 0.8rem;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category {
    display: none;
    position: relative;
    font-size: 0;
    padding: 1.9rem 3rem 1.9rem 1.8rem;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category .text-wrap .text {
    font-family: "Pretendard";
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: rgb(22, 22, 24);
    white-space: nowrap;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap {
    transition-duration: unset;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list {
    display: flex;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item {
    width: 100%;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu {
    display: block;
    font-size: 0;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu .depth1-item-link {
    display: block;
    font-size: 0;
    text-align: center;
    padding: 1.5rem 1rem;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu .depth1-item-link .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu .depth1-item-link .text-wrap .text {
    display: inline-block;
    font-family: "Pretendard";
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: rgb(22, 22, 24);
    transition-duration: unset;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth2-wrap {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 {
    position: relative;
    width: 100%;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category {
    position: relative;
    font-size: 0;
    padding: 1.3rem 6rem 1.4rem 1.8rem;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap {
    transition-duration: unset;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu {
    display: block;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link {
    display: block;
    font-size: 0;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap {
    display: block;
    font-size: 0;
}

.header.tnc.guide .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap .text {
    display: inline-block;
    font-family: "Pretendard";
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap {
    position: absolute;
    z-index: 1;
    top: 2.8rem;
    right: 17.5rem;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list {
    display: block;
    white-space: nowrap;
    font-size: 0;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item {
    position: relative;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .search-sustainability-top-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap {
    position: relative;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .button-language-text-view {
    font-size: 0;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .button-language-text-view .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .button-language-text-view .text-wrap .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Pretendard";
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: rgb(22, 22, 24);
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap {
    overflow: hidden;
    max-height: 0;
    transition-duration: 0.3s;
    margin-left: -1.4rem;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list {
    font-size: 0;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item {
    font-size: 0;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link .text-wrap .text {
    display: inline-block;
    font-family: "Pretendard";
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap {
    position: absolute;
    z-index: 2;
    display: inline-block;
    font-size: 0;
    top: 2.4rem;
    right: 4rem;
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .text-button-menu .text-wrap .text {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(22, 22, 24);
    transition-duration: unset;
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill {
    background-color: rgb(22, 22, 24);
    transition-duration: unset;
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line {
    transition-duration: 0.3s;
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line.line1 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 360deg);
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line.line2 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 450deg);
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap.active {
    z-index: 3;
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap.active .button-sustainability-top-text-circle-icon .text-button-menu .text-wrap .text {
    color: rgb(255, 255, 255);
    transition-duration: 0.3s;
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap.active .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill {
    background-color: rgb(255, 255, 255);
    transition-duration: 0.3s;
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap.active .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line {
    transition-duration: 0.3s;
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap.active .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line.line1 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 45deg);
}

.header.tnc.guide .header-inner .sitemap-sustainability-top-wrap.active .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line.line2 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -45deg);
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner {
    position: relative;
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .button-sustainability-mobile-sitemap-close-wrap {
    position: absolute;
    top: 2.1rem;
    right: 2.1rem;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.5s;
    z-index: -1;
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap .search-sustainability-top-inner .cancle-sustainability-top-wrap {
    position: absolute;
    top: 2.4rem;
    right: 4rem;
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap {
    width: 100%;
    visibility: hidden;
    overflow: hidden;
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner {
    position: relative;
    width: 100%;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list {
    font-size: 0;
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2 {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2 .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2 .text-wrap .text {
    display: inline-block;
    font-family: "Pretendard";
}

.header.tnc.guide.pc {
    min-height: 7rem;
}

.header.tnc.guide.pc.type-white .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng {
    background-image: url(../images/common/logo/logo-hyosung-advanced-materials-eng-white.html);
}

.header.tnc.guide.pc.type-white .header-inner .logo-sustainability-top .logo-top-link .logo-sustainability-eng {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .text-button-menu .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill {
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line {
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .cancle-sustainability-top-wrap .button-sustainability-top-text-circle-icon .text-button-menu .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .cancle-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill {
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu .depth1-item-link .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap .text {
    color: rgb(153, 153, 153);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2~.gnb-sustainability-depth2 {
    transition-duration: 0.3s;
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2~.gnb-sustainability-depth2::before {
    background-color: rgba(255, 255, 255, 0.08);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active {
    background-color: rgb(22, 22, 24);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu .depth1-item-link .text-wrap .text {
    color: rgb(153, 153, 153);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item.active .depth1-item-menu .depth1-item-link .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap .text {
    color: rgb(153, 153, 153);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2.active .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2~.gnb-sustainability-depth2::before {
    background-color: rgba(255, 255, 255, 0.08);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active:after {
    background-color: rgb(32, 32, 34);
}

.header.tnc.guide.pc.type-white .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav:after {
    background-color: rgba(32, 32, 34, 0);
}

.header.tnc.guide.pc.type-white .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .search-sustainability-top-wrap .button-search-sustainability-top .icon-sustainability-gnb-search {
    background-image: url(../images/icon/icon-sustainability-gnb-search-white.html);
}

.header.tnc.guide.pc.type-white .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap .button-link-text-complany .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .button-language-text-view .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.pc.type-white .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list {
    border: 0.1rem solid rgb(32, 32, 34);
    background-color: rgb(22, 22, 24);
}

.header.tnc.guide.pc.type-white .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item~.sort-sustainability-top-item:before {
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.pc .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng+.logo-sustainability-eng {
    margin-left: 2.8rem;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav:after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0.2rem;
    top: 7rem;
    left: 0;
    background-color: rgba(245, 245, 245, 0);
    pointer-events: none;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active {
    background-color: rgb(255, 255, 255);
    transition-duration: 0.3s;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap {
    max-width: 100.8rem;
    transition-delay: unset;
    transition-duration: 0.6s;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu .depth1-item-link .text-wrap .text {
    color: rgb(153, 153, 153);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item.active .depth1-item-menu .depth1-item-link .text-wrap .text {
    color: rgb(0, 0, 0);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap {
    visibility: unset;
    max-height: calc(100vh - 0rem);
    transition-delay: 0.6s;
    transition-duration: 1.2s;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap .text {
    color: rgb(170, 170, 170);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link:focus .text-wrap .text,
.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link:hover .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item.active .depth2-item-menu .depth2-item-link .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item.active .depth2-item-menu .depth2-item-link:focus .text-wrap .text,
.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item.active .depth2-item-menu .depth2-item-link:hover .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2.active .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap .text {
    color: rgb(0, 0, 0);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2.active .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link:focus .text-wrap .text,
.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2.active .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link:hover .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2.active .depth2-list-wrap .depth2-list .depth2-item.active .depth2-item-menu .depth2-item-link .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2.active .depth2-list-wrap .depth2-list .depth2-item.active .depth2-item-menu .depth2-item-link:focus .text-wrap .text,
.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2.active .depth2-list-wrap .depth2-list .depth2-item.active .depth2-item-menu .depth2-item-link:hover .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active:after {
    background-color: rgb(245, 245, 245);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category {
    display: none;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu .depth1-item-link {
    text-align: center;
    padding: 1.5rem 1rem;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu .depth1-item-link .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu .depth1-item-link .text-wrap .text {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: rgb(22, 22, 24);
    transition-duration: 0.3s;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap {
    max-width: 100.8rem;
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    transition-duration: 0.3s;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner {
    display: flex;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 {
    padding-top: 2.4rem;
    padding-bottom: 5.9rem;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 .depth2-select-category {
    display: none;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link {
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap .text {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(22, 22, 24);
    transition-duration: 0.3s;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link:focus .text-wrap .text,
.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link:hover .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item.active .depth2-item-menu .depth2-item-link .text-wrap .text {
    font-weight: 700;
    color: rgb(0, 205, 45);
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item~.depth2-item {
    margin-top: 2.1rem;
}

.header.tnc.guide.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2~.gnb-sustainability-depth2::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 0.1rem;
    background-color: rgba(0, 0, 0, 0.05);
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item~.sort-sustainability-top-item {
    margin-left: 1.2rem;
    padding-left: 1.2rem;
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item~.sort-sustainability-top-item:before {
    position: absolute;
    top: 0.2rem;
    left: 0;
    display: block;
    content: "";
    width: 0.1rem;
    height: 1.2rem;
    background-color: rgb(22, 22, 24);
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .search-sustainability-top-wrap .search-sustainability-top-inner {
    display: inline-block;
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .button-language-text-view {
    display: inline-block;
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .button-language-text-view.active~.language-choice-wrap {
    overflow: unset;
    max-height: 20rem;
    transition-duration: 0.3s;
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-list {
    position: relative;
    margin-top: 0.6rem;
    padding: 1.4rem 1.6rem;
    border: 0.1rem solid rgb(229, 229, 229);
    border-radius: 0.8rem;
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-list .language-choice-item .language-choice-link {
    text-align: center;
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-list .language-choice-item .language-choice-link .text-wrap .text {
    vertical-align: middle;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: rgb(153, 153, 153);
    transition-duration: 0.3s;
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-list .language-choice-item .language-choice-link:focus .text-wrap .text,
.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-list .language-choice-item .language-choice-link:hover .text-wrap .text {
    color: rgb(22, 22, 24);
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-list .language-choice-item.active .language-choice-link .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-list .language-choice-item.active .language-choice-link:focus .text-wrap .text,
.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-list .language-choice-item.active .language-choice-link:hover .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-list .language-choice-item~.language-choice-item {
    margin-top: 1.4rem;
}

.header.tnc.guide.pc .header-inner .sitemap-sustainability-top-wrap {
    top: 2.4rem;
    right: 4rem;
}

.header.tnc.guide.pc .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .text-button-menu .text-wrap .text {
    display: inline-block;
    font-family: "Pretendard";
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(22, 22, 24);
    transition-duration: 0.3s;
}

.header.tnc.guide.pc .header-inner .sitemap-sustainability-top-wrap .icon-sustainability-small-circle-fill {
    transition-duration: 0.3s;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap {
    background-color: unset;
    transition-duration: 0.5s;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .button-sustainability-mobile-sitemap-close-wrap {
    display: none;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap {
    background-color: rgb(22, 22, 24);
    transition-duration: 0.3s;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap .search-sustainability-top-inner {
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap {
    position: relative;
    max-height: 0;
    min-height: 0rem;
    transition-duration: 0.5s;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(32, 32, 34);
    z-index: 0;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner {
    min-height: inherit;
    z-index: 1;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap {
    position: absolute;
    width: 100%;
    max-width: 111.8rem;
    top: 40%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
    padding-left: 5rem;
    font-size: 0;
    text-align: center;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line {
    display: flex;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1 {
    display: inline-block;
    vertical-align: bottom;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1 .text-wrap {
    display: block;
    width: 32rem;
    text-align: left;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1~.sitemap-sustainability-depth-line-list {
    margin-left: 1.8rem;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list {
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item {
    display: inline-block;
    font-size: 0;
    margin-top: 1.5rem;
    margin-right: 5rem;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2 .text-wrap .text {
    vertical-align: middle;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: rgb(170, 170, 170);
    transition-duration: 0.3s;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2:focus .text-wrap,
.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2:hover .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2:focus .text-wrap .text,
.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2:hover .text-wrap .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Pretendard";
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: rgb(26, 235, 97);
}

.header.tnc.guide.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line~.sitemap-sustainability-depth-line {
    margin-top: 6rem;
}

.header.tnc.guide.ta,
.header.tnc.guide.mo {
    min-height: 6rem;
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.ta.main .gnb-sustainability-wrap,
.header.tnc.guide.mo.main .gnb-sustainability-wrap {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    top: -10rem;
    left: -10rem;
    visibility: hidden;
}

.header.tnc.guide.ta.sub .header-inner .logo-sustainability-top,
.header.tnc.guide.mo.sub .header-inner .logo-sustainability-top {
    z-index: -1;
    visibility: hidden;
}

.header.tnc.guide.ta.sub.user-info .header-inner .logo-sustainability-top,
.header.tnc.guide.mo.sub.user-info .header-inner .logo-sustainability-top {
    z-index: 5;
    visibility: unset;
}

.header.tnc.guide.ta.sub.user-info .header-inner .gnb-sustainability-wrap,
.header.tnc.guide.mo.sub.user-info .header-inner .gnb-sustainability-wrap {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    top: -10rem;
    left: -10rem;
    visibility: hidden;
}

.header.tnc.guide.ta.type-black,
.header.tnc.guide.mo.type-black {
    background-color: unset;
}

.header.tnc.guide.ta.type-black .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng,
.header.tnc.guide.mo.type-black .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng {
    background-image: url(../images/common/logo/logo-hyosung-advanced-materials-eng-white.html);
    transition-duration: unset;
}

.header.tnc.guide.ta.type-black .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng~.logo-sustainability-eng::before,
.header.tnc.guide.mo.type-black .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng~.logo-sustainability-eng::before {
    background-color: rgba(255, 255, 255, 0.3);
    transition-duration: unset;
}

.header.tnc.guide.ta.type-black .header-inner .logo-sustainability-top .logo-top-link .logo-sustainability-eng,
.header.tnc.guide.mo.type-black .header-inner .logo-sustainability-top .logo-top-link .logo-sustainability-eng {
    color: rgb(255, 255, 255);
    transition-duration: unset;
}

.header.tnc.guide.ta.type-black .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .text-button-menu .text-wrap .text,
.header.tnc.guide.mo.type-black .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .text-button-menu .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.ta.type-black .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill,
.header.tnc.guide.mo.type-black .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill {
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.ta.type-black .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line,
.header.tnc.guide.mo.type-black .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line {
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.ta .header-inner .logo-sustainability-top,
.header.tnc.guide.mo .header-inner .logo-sustainability-top {
    top: 2.4rem;
    left: 1.8rem;
}

.header.tnc.guide.ta .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng,
.header.tnc.guide.mo .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng {
    width: 11rem;
    height: 1.1rem;
    transition-duration: unset;
}

.header.tnc.guide.ta .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng~.logo-sustainability-eng,
.header.tnc.guide.mo .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng~.logo-sustainability-eng {
    position: relative;
    margin-left: 0.9rem;
    padding-left: 0.9rem;
}

.header.tnc.guide.ta .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng~.logo-sustainability-eng::before,
.header.tnc.guide.mo .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng~.logo-sustainability-eng::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    display: block;
    content: "";
    width: 0.1rem;
    height: 1.2rem;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 0.05rem;
    transition-duration: unset;
}

.header.tnc.guide.ta .header-inner .logo-sustainability-top .logo-top-link .logo-sustainability-eng,
.header.tnc.guide.mo .header-inner .logo-sustainability-top .logo-top-link .logo-sustainability-eng {
    font-family: "Pretendard";
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: rgb(0, 0, 0);
    transition-duration: unset;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav {
    padding-left: 0;
    padding-right: 0;
    transition-duration: unset;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap {
    max-width: unset;
    transition-delay: unset;
    transition-duration: unset;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner {
    padding-top: 0;
    padding-bottom: 0;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 {
    position: relative;
    z-index: 3;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category {
    display: inline-block;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category:after,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    display: inline-block;
    content: "";
    width: 2rem;
    height: 2rem;
    font-size: 0;
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: 0.8rem 0.5rem;
    background-image: url(../images/icon/icon-depth1-direction-bottom-mobile-dark-gray-dg01.html);
    border-radius: 50%;
    border: 0.1rem solid rgb(229, 229, 229);
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category.active:after,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category.active:after {
    background-position: center 50%;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -540deg);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category.active~.depth1-list-wrap,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category.active~.depth1-list-wrap {
    max-height: 30rem;
    overflow: unset;
    opacity: 1;
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category.active~.depth1-list-wrap .depth1-list,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-select-category.active~.depth1-list-wrap .depth1-list {
    border: 0.1rem solid rgb(229, 229, 229);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap {
    position: absolute;
    top: calc(100% + 0rem);
    left: 1.8rem;
    max-height: 0rem;
    overflow: hidden;
    opacity: 0;
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list {
    display: block;
    padding: 0 2.4rem;
    border-radius: 0.8rem;
    background-color: rgb(255, 255, 255);
    border: 0.1rem solid rgba(229, 229, 229, 0);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list:before,
.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list:after,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list:before,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list:after {
    display: block;
    content: "";
    width: 100%;
    height: 2rem;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu.active .depth1-item-link,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu.active .depth1-item-link {
    text-align: left;
    padding: 0;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu.active .depth1-item-link .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu.active .depth1-item-link .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu.active .depth1-item-link:focus .text-wrap .text,
.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu.active .depth1-item-link:hover .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu.active .depth1-item-link:focus .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu.active .depth1-item-link:hover .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-link,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-link {
    text-align: left;
    padding: 0;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-link .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-link .text-wrap .text {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: rgb(170, 170, 170);
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-link:focus .text-wrap .text,
.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-link:hover .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-link:focus .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-link:hover .text-wrap .text {
    color: rgb(22, 22, 24);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item~.depth1-item,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item~.depth1-item {
    margin-top: 2rem;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item.active .depth1-item-link .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item.active .depth1-item-link .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner {
    display: block;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 {
    display: none;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2.view,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2.view {
    display: block;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category {
    display: block;
    border-bottom: 0.1rem solid rgb(245, 245, 245);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category .text-wrap,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category .text-wrap {
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category .text-wrap .text {
    font-family: "Pretendard";
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgb(22, 22, 24);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category:after,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category:after {
    position: absolute;
    top: 50%;
    right: 2.2rem;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    display: inline-block;
    content: "";
    width: 1.6rem;
    height: 0.9rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-image: url(../images/icon/icon-depth2-direction-bottom-mobile-dark-gray-dg01.html);
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category.active:after,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category.active:after {
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -540deg);
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category.active~.depth2-list-wrap .depth2-list,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-select-category.active~.depth2-list-wrap .depth2-list {
    max-height: 30rem;
    visibility: unset;
    opacity: 1;
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.3s;
    padding-left: 1.8rem;
    padding-left: 1.8rem;
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list:before,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list:before {
    display: block;
    content: "";
    width: 100%;
    height: 2.4rem;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list:after,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list:after {
    display: block;
    content: "";
    width: calc(100% + 1.8rem);
    height: 4rem;
    border-bottom: 0.1rem solid rgb(245, 245, 245);
    margin-left: -1.8rem;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item {
    padding-left: 2rem;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-link .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-link .text-wrap .text {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: rgb(170, 170, 170);
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-link:focus .text-wrap .text,
.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-link:hover .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-link:focus .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-link:hover .text-wrap .text {
    color: rgb(22, 22, 24);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item.active .depth2-item-link .text-wrap .text,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item.active .depth2-item-link .text-wrap .text {
    font-weight: 700;
    color: rgb(0, 205, 45);
}

.header.tnc.guide.ta .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item~.depth2-item,
.header.tnc.guide.mo .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2-inner .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item~.depth2-item {
    margin-top: 1.8rem;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap {
    top: 0;
    left: 0;
    right: unset;
    width: 100%;
    max-height: 0;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    visibility: hidden;
    overflow: hidden;
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap.active,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap.active {
    top: 7.3rem;
    max-height: unset;
    visibility: unset;
    overflow: unset;
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    white-space: unset;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item:first-child,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item:first-child {
    display: none;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .button-language-text-view,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .button-language-text-view {
    display: none;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap {
    overflow: unset;
    max-height: unset;
    transition-duration: unset;
    margin-left: unset;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item {
    display: inline-block;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link .text-wrap,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link .text-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link .text-wrap .text,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link .text-wrap .text {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: rgb(119, 119, 119);
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link .text-wrap .text:focus,
.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link .text-wrap .text:hover,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link .text-wrap .text:focus,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item .language-choice-link .text-wrap .text:hover {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item.active .language-choice-link .text-wrap .text,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item.active .language-choice-link .text-wrap .text {
    color: rgb(26, 235, 97);
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item.active .language-choice-link .text-wrap .text:focus,
.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item.active .language-choice-link .text-wrap .text:hover,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item.active .language-choice-link .text-wrap .text:focus,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item.active .language-choice-link .text-wrap .text:hover {
    color: rgb(26, 235, 97);
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item.active .language-choice-link .text-wrap::after,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item.active .language-choice-link .text-wrap::after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 0.1rem;
    top: calc(100% - 0.2rem);
    left: 50%;
    transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    background-color: rgb(26, 235, 97);
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item~.language-choice-item,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list .language-choice-item~.language-choice-item {
    margin-left: 2.4rem;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap .button-link-text-complany:focus,
.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap .button-link-text-complany:hover,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap .button-link-text-complany:focus,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap .button-link-text-complany:hover {
    border: 0.1rem solid rgb(255, 255, 255);
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap .button-link-text-complany:focus .text-wrap .text,
.header.tnc.guide.ta .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap .button-link-text-complany:hover .text-wrap .text,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap .button-link-text-complany:focus .text-wrap .text,
.header.tnc.guide.mo .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap .button-link-text-complany:hover .text-wrap .text {
    color: rgb(255, 255, 255);
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .sitemap-sustainability-top-wrap,
.header.tnc.guide.mo .header-inner .sitemap-sustainability-top-wrap {
    top: 2rem;
    right: 2rem;
    z-index: 4;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap {
    z-index: 4;
    transition-duration: 0.5s;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner {
    height: 0;
    visibility: hidden;
    overflow: hidden;
    transition-duration: 0.5s;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner:after,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: rgb(22, 22, 24);
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap {
    position: relative;
    z-index: 2;
    transition-duration: 0.5s;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap .search-sustainability-top-inner .cancle-sustainability-top-wrap,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap .search-sustainability-top-inner .cancle-sustainability-top-wrap {
    display: none;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap {
    position: absolute;
    height: 0;
    left: 0;
    top: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    z-index: 1;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap::-webkit-scrollbar,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap::-webkit-scrollbar {
    width: 0.4rem;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap::-webkit-scrollbar-thumb,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap::-webkit-scrollbar-thumb {
    background-color: rgb(0, 205, 45);
    border-radius: 0.2rem;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap::-webkit-scrollbar-track,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner {
    padding-bottom: 6rem;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line {
    display: block;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line~.sitemap-sustainability-depth-line,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line~.sitemap-sustainability-depth-line {
    margin-top: 2.4rem;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1 {
    text-align: center;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1 .link-wrap .text-wrap .text,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1 .link-wrap .text-wrap .text {
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 3.6rem;
    color: rgb(119, 119, 119);
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1 .link-wrap:focus .text-wrap .text,
.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1 .link-wrap:hover .text-wrap .text,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1 .link-wrap:focus .text-wrap .text,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1 .link-wrap:hover .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1.active .link-wrap .text-wrap .text,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1.active .link-wrap .text-wrap .text {
    color: rgb(0, 205, 45);
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1.active~.sitemap-sustainability-depth-line-list,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .title-sustainability-sitemap-depth1.active~.sitemap-sustainability-depth-line-list {
    max-height: 90rem;
    visibility: unset;
    transition-duration: 1.5s;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list {
    padding-top: 0rem;
    padding-bottom: 0rem;
    max-height: 0rem;
    overflow: hidden;
    visibility: hidden;
    transition-duration: unset;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list::before,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list::before {
    display: block;
    content: "";
    height: 2.4rem;
    box-sizing: border-box;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list::after,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list::after {
    display: block;
    content: "";
    height: 4.9rem;
    box-sizing: border-box;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item {
    font-size: 0;
    text-align: center;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2 .text-wrap .text,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2 .text-wrap .text {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgb(119, 119, 119);
    transition-duration: 0.3s;
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2:focus .text-wrap .text,
.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2:hover .text-wrap .text,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2:focus .text-wrap .text,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item .link-sitemap-depth2:hover .text-wrap .text {
    color: rgb(229, 229, 229);
}

.header.tnc.guide.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item~.sitemap-sustainability-depth-line-item,
.header.tnc.guide.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap .sitemap-sustainability-link-map-inner .sitemap-sustainability-depth-wrap .sitemap-sustainability-depth-line .sitemap-sustainability-depth-line-list .sitemap-sustainability-depth-line-item~.sitemap-sustainability-depth-line-item {
    margin-top: 1.8rem;
}

.header.tnc.guide.active.pc .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng {
    background-image: url(../images/common/logo/logo-hyosung-advanced-materials-eng-white.html);
}

.header.tnc.guide.active.pc .header-inner .logo-sustainability-top .logo-top-link .logo-sustainability-eng {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.active.pc .header-inner .cancle-sustainability-top-wrap .button-sustainability-top-text-circle-icon .text-button-menu .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.active.pc .header-inner .cancle-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill {
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.active.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav {
    background-color: rgb(22, 22, 24);
}

.header.tnc.guide.active.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav:after {
    background-color: rgb(32, 32, 34);
}

.header.tnc.guide.active.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item .depth1-item-menu .depth1-item-link .text-wrap .text {
    color: rgb(153, 153, 153);
}

.header.tnc.guide.active.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth1-wrap .gnb-sustainability-depth1-inner .gnb-sustainability-depth1 .depth1-list-wrap .depth1-list .depth1-item.active .depth1-item-menu .depth1-item-link .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.active.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2 .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap .text {
    color: rgb(153, 153, 153);
}

.header.tnc.guide.active.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2.active .depth2-list-wrap .depth2-list .depth2-item .depth2-item-menu .depth2-item-link .text-wrap .text {
    color: rgb(255, 255, 255) !important;
}

.header.tnc.guide.active.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2~.gnb-sustainability-depth2 {
    border-left: 0.1rem solid rgba(32, 32, 34, 0);
    transition-duration: 0.3s;
}

.header.tnc.guide.active.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav .gnb-sustainability-nav-inner .gnb-sustainability-depth2-wrap .gnb-sustainability-depth2~.gnb-sustainability-depth2::before {
    background-color: rgb(32, 32, 34);
}

.header.tnc.guide.active.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav.active:after {
    background-color: rgb(32, 32, 34);
}

.header.tnc.guide.active.pc .header-inner .gnb-sustainability-wrap .gnb-sustainability-nav:after {
    background-color: rgba(32, 32, 34, 0);
}

.header.tnc.guide.active.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .search-sustainability-top-wrap .button-search-sustainability-top .icon-sustainability-gnb-search {
    background-image: url(../images/icon/icon-sustainability-gnb-search-white.html);
}

.header.tnc.guide.active.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .company-sustainability-wrap .button-link-text-complany .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.active.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .button-language-text-view .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.active.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item .language-sustainability-wrap .language-choice-wrap .language-choice-inner .language-choice-list {
    border: 0.1rem solid rgb(32, 32, 34);
    background-color: rgb(22, 22, 24);
}

.header.tnc.guide.active.pc .header-inner .sort-sustainability-top-wrap .sort-sustainability-top-list .sort-sustainability-top-item~.sort-sustainability-top-item:before {
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.active.pc .header-inner .sitemap-sustainability-top-wrap.active {
    z-index: 3;
}

.header.tnc.guide.active.pc .header-inner .sitemap-sustainability-top-wrap.active .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line {
    transition-duration: 0.3s;
    background-color: rgb(22, 22, 24);
}

.header.tnc.guide.active.pc .header-inner .sitemap-sustainability-top-wrap.active .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line.line1 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 45deg);
}

.header.tnc.guide.active.pc .header-inner .sitemap-sustainability-top-wrap.active .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill .line-wrap .line.line2 {
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, -45deg);
}

.header.tnc.guide.active.pc .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .text-button-menu .text-wrap .text {
    color: rgb(255, 255, 255);
}

.header.tnc.guide.active.pc .header-inner .sitemap-sustainability-top-wrap .button-sustainability-top-text-circle-icon .icon-sustainability-small-circle-fill {
    background-color: rgb(255, 255, 255);
}

.header.tnc.guide.active.pc .header-inner .form-info-sustainability-wrap {
    visibility: unset;
    overflow: unset;
    max-height: calc(100vh - 0rem);
    transition-duration: 0.5s;
    z-index: 2;
}

.header.tnc.guide.active.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap.view {
    padding-top: 17rem;
    padding-bottom: 17rem;
    transition-duration: 0.3s;
    opacity: 1;
}

.header.tnc.guide.active.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap.view .search-sustainability-top-inner {
    max-height: calc(100vh - 0rem);
    visibility: unset;
    overflow: unset;
}

.header.tnc.guide.active.pc .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap.view {
    max-height: unset;
    min-height: 100vh;
    visibility: unset;
    overflow: unset;
    transition-duration: 0.3s;
}

.header.tnc.guide.active.ta,
.header.tnc.guide.active.mo {
    background-color: unset;
}

.header.tnc.guide.active.ta.sub .header-inner .logo-sustainability-top,
.header.tnc.guide.active.mo.sub .header-inner .logo-sustainability-top {
    z-index: 5;
    visibility: unset;
}

.header.tnc.guide.active.ta .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng,
.header.tnc.guide.active.mo .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng {
    background-image: url(../images/common/logo/logo-hyosung-advanced-materials-eng-white.html);
    transition-duration: unset;
}

.header.tnc.guide.active.ta .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng~.logo-sustainability-eng::before,
.header.tnc.guide.active.mo .header-inner .logo-sustainability-top .logo-top-link .logo-hyosung-advanced-materials-eng~.logo-sustainability-eng::before {
    background-color: rgba(255, 255, 255, 0.3);
    transition-duration: unset;
}

.header.tnc.guide.active.ta .header-inner .logo-sustainability-top .logo-top-link .logo-sustainability-eng,
.header.tnc.guide.active.mo .header-inner .logo-sustainability-top .logo-top-link .logo-sustainability-eng {
    color: rgb(255, 255, 255);
    transition-duration: unset;
}

.header.tnc.guide.active.ta .header-inner .sort-sustainability-top-wrap,
.header.tnc.guide.active.mo .header-inner .sort-sustainability-top-wrap {
    top: 7.3rem;
    max-height: unset;
    visibility: unset;
    overflow: unset;
    transition-duration: 0.3s;
    z-index: 5;
}

.header.tnc.guide.active.ta .header-inner .sitemap-sustainability-top-wrap,
.header.tnc.guide.active.mo .header-inner .sitemap-sustainability-top-wrap {
    z-index: -1;
}

.header.tnc.guide.active.ta .header-inner .form-info-sustainability-wrap,
.header.tnc.guide.active.mo .header-inner .form-info-sustainability-wrap {
    max-height: calc(100vh - 0rem);
    visibility: unset;
    overflow: unset;
    transition-duration: 0.5s;
}

.header.tnc.guide.active.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner,
.header.tnc.guide.active.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner {
    height: 100vh;
    visibility: unset;
    overflow: unset;
    transition-duration: 0.5s;
}

.header.tnc.guide.active.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .button-sustainability-mobile-sitemap-close-wrap,
.header.tnc.guide.active.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .button-sustainability-mobile-sitemap-close-wrap {
    visibility: unset;
    opacity: 1;
    transition-duration: 0.5s;
    z-index: 3;
}

.header.tnc.guide.active.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap,
.header.tnc.guide.active.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .search-sustainability-top-wrap {
    padding-top: 11.6rem;
    opacity: 1;
    transition-duration: 0.5s;
}

.header.tnc.guide.active.ta .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap,
.header.tnc.guide.active.mo .header-inner .form-info-sustainability-wrap .form-info-sustainability-inner .sitemap-sustainability-link-map-wrap {
    top: 22.5rem;
    height: calc(100vh - 22.5rem);
    visibility: unset;
    transition-duration: 0.5s;
}

.container.guide {
    margin-top: 7rem;
    min-height: calc(100vh - 34.2rem);
    background-color: rgb(235, 235, 235);
}

.container.guide * {
    box-sizing: border-box;
}

.container.guide .container-inner {
    padding: 5rem 2rem;
}

.container.guide .container-inner .contents {
    position: relative;
}

.container.guide .container-inner .contents~.contents {
    margin-top: 3rem;
}

.container.guide .container-inner .contents~.guide-sort-line,
.container.guide .container-inner .contents~.guide-sort-bar {
    margin-top: 3rem;
}

.container.guide .container-inner .contents .contents-inner {
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.05);
}

.container.guide .container-inner .contents .contents-inner .title-contents-wrap {
    border-radius: 1rem 1rem 0 0;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap {
    border-radius: 0 0 1rem 1rem;
    padding: 2rem;
    border-left: 0.1rem solid rgb(210, 210, 210);
    border-right: 0.1rem solid rgb(210, 210, 210);
    border-bottom: 0.1rem solid rgb(210, 210, 210);
    font-size: 0;
    background-color: rgb(255, 255, 255);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-inner {
    width: 100%;
    min-height: 8rem;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-overflow-hidden {
    overflow: hidden;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-overflow-hidden+.contents-overflow-hidden {
    margin-top: 2rem;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-list-item {
    background-color: rgb(31, 31, 31);
    padding: 2rem;
    font-size: 0;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line {
    display: block;
    font-size: 0;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.contents-box-line-type2 .fill-item {
    margin-top: 1rem;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line~.contents-box-line {
    margin-top: 0.5rem;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line~.contents-box-line.contents-box-line-type2 {
    margin-top: 0;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line~.contents-box-categorization {
    margin-top: 3.5rem;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-blue {
    background-color: rgb(0, 84, 145);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-white {
    background-color: rgb(255, 255, 255);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-black {
    background-color: rgb(0, 0, 0);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-darkgray {
    background-color: rgb(31, 31, 31);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-piont-g-01 {
    background-color: rgb(26, 235, 97);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-piont-g-02 {
    background-color: rgb(0, 205, 45);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-black-bk {
    background-color: rgb(0, 0, 0);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-dark-gray-dg01 {
    background-color: rgb(22, 22, 24);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-dark-gray-dg02 {
    background-color: rgb(32, 22, 34);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-dark-gray-dg03 {
    background-color: rgb(51, 51, 51);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-dark-gray-dg04 {
    background-color: rgb(68, 68, 68);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-gray-gr01 {
    background-color: rgb(153, 153, 153);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-gray-gr02 {
    background-color: rgb(170, 170, 170);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-light-gray-lg01 {
    background-color: rgb(221, 221, 221);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-light-gray-lg02 {
    background-color: rgb(229, 229, 229);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-light-gray-lg03 {
    background-color: rgb(245, 245, 245);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-line.background-white-wh {
    background-color: rgb(255, 255, 255);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block {
    display: block;
    padding: 0.5rem;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-blue {
    background-color: rgb(0, 84, 145);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-white {
    background-color: rgb(255, 255, 255);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-black {
    background-color: rgb(0, 0, 0);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-darkgray {
    background-color: rgb(31, 31, 31);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-piont-g-01 {
    background-color: rgb(26, 235, 97);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-piont-g-02 {
    background-color: rgb(0, 205, 45);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-black-bk {
    background-color: rgb(0, 0, 0);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-dark-gray-dg01 {
    background-color: rgb(22, 22, 24);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-dark-gray-dg02 {
    background-color: rgb(32, 22, 34);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-dark-gray-dg03 {
    background-color: rgb(51, 51, 51);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-dark-gray-dg04 {
    background-color: rgb(68, 68, 68);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-gray-gr01 {
    background-color: rgb(153, 153, 153);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-gray-gr02 {
    background-color: rgb(170, 170, 170);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-light-gray-lg01 {
    background-color: rgb(221, 221, 221);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-light-gray-lg02 {
    background-color: rgb(229, 229, 229);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-light-gray-lg03 {
    background-color: rgb(245, 245, 245);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block.background-white-wh {
    background-color: rgb(255, 255, 255);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-block~.contents-box-block {
    margin-top: 1.5rem;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item {
    display: inline-block;
    vertical-align: middle;
    margin-top: 1rem;
    margin-right: 1rem;
    padding: 0.3rem;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.fill-item {
    padding: 0;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-blue {
    background-color: rgb(0, 84, 145);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-white {
    background-color: rgb(255, 255, 255);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-black {
    background-color: rgb(0, 0, 0);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-darkgray {
    background-color: rgb(31, 31, 31);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-piont-g-01 {
    background-color: rgb(26, 235, 97);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-piont-g-02 {
    background-color: rgb(0, 205, 45);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-black-bk {
    background-color: rgb(0, 0, 0);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-dark-gray-dg01 {
    background-color: rgb(22, 22, 24);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-dark-gray-dg02 {
    background-color: rgb(32, 22, 34);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-dark-gray-dg03 {
    background-color: rgb(51, 51, 51);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-dark-gray-dg04 {
    background-color: rgb(68, 68, 68);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-gray-gr01 {
    background-color: rgb(153, 153, 153);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-gray-gr02 {
    background-color: rgb(170, 170, 170);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-light-gray-lg01 {
    background-color: rgb(221, 221, 221);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-light-gray-lg02 {
    background-color: rgb(229, 229, 229);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-light-gray-lg03 {
    background-color: rgb(245, 245, 245);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.background-white-wh {
    background-color: rgb(255, 255, 255);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item:last-child {
    margin-right: 0;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.top-line-flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-item.top-line-flex+.top-line-flex {
    border-top: 0.1rem dashed rgba(0, 0, 0, 0.2);
    margin-top: 1.5rem;
    padding-top: 1.5rem;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-virtual-gnb {
    position: relative;
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
    height: 6rem;
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-virtual-gnb.background-blue {
    background-color: rgb(0, 84, 145);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-virtual-gnb.background-white {
    background-color: rgb(255, 255, 255);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-virtual-gnb.background-black {
    background-color: rgb(0, 0, 0);
}

.container.guide .container-inner .contents .contents-inner .contents-box-wrap .contents-box-virtual-gnb.background-darkgray {
    background-color: rgb(31, 31, 31);
}

.container.guide .categorization-wrap {
    padding: 2rem;
    box-sizing: border-box;
    border: 0.1rem solid #FF8D24;
    border-radius: 1rem;
}

.container.guide .categorization-wrap .title-categorization {
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    background: #FF8D24;
}

.container.guide .categorization-wrap .title-categorization .text-wrap .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Pretendard";
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.2rem;
    color: rgb(255, 255, 255);
}

.container.guide .categorization-wrap+.categorization-wrap {
    margin-top: 3rem;
}

.container.guide .categorization-custom-wrap {
    margin-top: 1.6rem;
    display: block;
    width: 100%;
    position: relative;
    padding: 2rem;
    box-sizing: border-box;
    border: 0.1rem solid rgb(55, 175, 240);
    border-radius: 1rem;
}

.container.guide .categorization-custom-wrap .title-categorization {
    position: absolute;
    top: -1.7rem;
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    background-color: rgb(55, 175, 240);
}

.container.guide .categorization-custom-wrap .title-categorization .text-wrap .text {
    display: inline-block;
    vertical-align: middle;
    font-family: "Pretendard";
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.2rem;
    color: rgb(255, 255, 255);
}

.container.guide .categorization-custom-wrap~.categorization-custom-wrap {
    margin-top: 3.2rem;
}

.container.guide .templete-mobile-guide-view {
    position: relative;
    width: 100%;
    max-width: 32rem;
    min-height: 56rem;
    background-color: rgb(100, 100, 100);
}

.container.guide .group-description-dl>dt,
.container.guide .group-description-dl>dd {
    display: block;
}

.container.guide .group-description-dl>dt>.text {
    display: inline-block;
    font-size: 1.8rem;
    font-family: "Pretendard";
    font-weight: 500;
    line-height: 2.4rem;
    color: rgb(0, 0, 0);
}

.container.guide .group-description-dl>dt>.text.title {
    padding: 0.5rem 1rem;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
}

.container.guide .group-description-dl>dt>.text abbr {
    text-decoration: none;
}

.container.guide .group-description-dl>dt+dd {
    margin-top: 1.2rem;
}

.container.guide .group-description-dl>dd>.text {
    font-size: 1.8rem;
    font-family: "Pretendard";
    font-weight: 400;
    line-height: 2.4rem;
    color: rgb(85, 85, 85);
}

.container.guide .group-description-dl>dd>.text+.bullet-guide-asterisk {
    margin-top: 0.5rem;
}

.container.guide .group-description-dl>dd>.text .bold {
    font-weight: 700;
}

.container.guide .group-description-dl>dd>.text.border-bottom {
    border-bottom: 0.1rem dashed rgba(0, 0, 0, 0.2);
}

.container.guide .group-description-dl>dd .bullet {
    position: relative;
    padding-left: 1rem;
}

.container.guide .group-description-dl>dd .bullet::before {
    content: "·";
    position: absolute;
    left: 0;
}

.container.guide .group-description-dl>dd .bullet~.bullet {
    margin-top: 1rem;
}

.container.guide .group-description-dl>dd .bullet .note {
    margin-left: 1rem;
    font-size: 1.5rem;
    color: rgb(166, 166, 166);
}

.container.guide .group-description-dl>dd .bullet .link {
    margin-left: 1rem;
    font-size: 1.5rem;
    text-decoration: underline;
    color: rgb(66, 164, 255);
}

.container.guide .group-description-dl~.group-description-dl {
    margin-top: 3rem;
}

.container.guide.mo {
    margin-top: 5rem;
}

.container.guide.mo .container-inner {
    padding: 2rem 1.5rem;
}

.container.guide.mo .container-inner .contents .contents-inner .contents-box {
    padding: 1rem;
}

.footer.guide {
    background-color: rgb(17, 38, 58);
    height: auto;
    padding: 5rem 2rem 6rem;
}

.footer.guide * {
    box-sizing: border-box;
}

.footer.guide .footer-inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.footer.guide .footer-inner .footer-logo {
    width: 18rem;
    height: 1.7rem;
    margin-right: 1rem;
}

.footer.guide .footer-inner .footer-logo .logo-top {
    display: block;
    font-size: 0;
}

.footer.guide .footer-inner .footer-logo .logo-top .logo-hysung-link {
    display: block;
    font-size: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    opacity: 0.5;
    transition-duration: 0.3s;
}

.footer.guide .footer-inner .footer-logo .logo-top .logo-hysung-link:focus,
.footer.guide .footer-inner .footer-logo .logo-top .logo-hysung-link:hover {
    opacity: 1;
}

.footer.guide .footer-inner .footer-info-area {
    width: calc(100% - 22rem);
    margin-top: 0.3rem;
}

.footer.guide .footer-inner .footer-info-area .company-area .company {
    font-size: 0;
}

.footer.guide .footer-inner .footer-info-area .company-area .company .company-item {
    position: relative;
    display: inline-block;
    font-size: 0;
    padding-right: 1.2rem;
    margin-right: 1.2rem;
}

.footer.guide .footer-inner .footer-info-area .company-area .company .company-item:after {
    position: absolute;
    display: block;
    content: "";
    width: 0.1rem;
    height: 1.2rem;
    background-color: rgba(255, 255, 255, 0.25);
    top: 0.3rem;
    right: 0;
}

.footer.guide .footer-inner .footer-info-area .company-area .company .company-item:last-child {
    padding-right: 0;
    margin-right: 0;
}

.footer.guide .footer-inner .footer-info-area .company-area .company .company-item:last-child:after {
    display: none;
}

.footer.guide .footer-inner .footer-info-area .company-area .company .company-item .link-text {
    display: inline-block;
    font-family: "Pretendard";
    font-size: 1.6rem;
    color: rgba(255, 255, 255, 0.5);
    transition-duration: 0.3s;
}

.footer.guide .footer-inner .footer-info-area .company-area .company .company-item .link-text:focus,
.footer.guide .footer-inner .footer-info-area .company-area .company .company-item .link-text:hover {
    color: rgb(255, 255, 255);
}

.footer.guide .footer-inner .footer-info-area .footer-info-top {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
}

.footer.guide .footer-inner .footer-info-area .footer-info-bottom {
    padding-top: 2rem;
    margin-top: 3rem;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
}

.footer.guide .footer-inner .footer-info-area .footer-info-bottom .text {
    font-size: 1.4rem;
    color: rgb(164, 164, 164);
}

.footer.guide .footer-inner .footer-info-area .footer-info .address-area .text-address {
    font-family: "Pretendard";
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4);
    font-size: 1.4rem;
    line-height: 2rem;
}

.footer.guide .footer-inner .footer-info-area .footer-info .address-area~.copyright-area {
    margin-top: 0.8rem;
}

.footer.guide .footer-inner .footer-info-area .footer-info .copyright-area .text-copyright {
    font-family: "Pretendard";
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4);
    font-size: 1.4rem;
}

.footer.guide .footer-inner .footer-info-area .footer-info .text-company {
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, 0.5);
}

.footer.guide.mo {
    padding: 3rem 2rem;
}

.footer.guide.mo .footer-inner {
    flex-direction: column;
}

.footer.guide.mo .footer-inner .footer-logo {
    width: 15.9rem;
    height: 3.5rem;
}

.footer.guide.mo .footer-inner .footer-logo~.footer-info-area {
    margin-top: 1.5rem;
}

.footer.guide.mo .footer-inner .footer-info-area {
    width: 100%;
    margin-top: 0;
}

.footer.guide.mo .footer-inner .footer-info-area .footer-info-inner .footer-info-top-contents .text-company {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.footer.guide.mo .footer-inner .footer-info-area .footer-info-inner .footer-info-top-contents~.accordian-guide-familysite {
    margin-top: 2rem;
}

.footer.guide.mo .footer-inner .footer-info-area .company-area .company .company-item .link-text {
    font-size: 1.4rem;
}

.footer.guide.mo .footer-inner .footer-info-area .company-area .company .company-item:after {
    height: 1rem;
}

.footer.guide.mo .footer-inner .footer-info-area .footer-info-top {
    display: block;
}

.footer.guide.mo .footer-inner .footer-info-area .footer-info-bottom {
    margin-top: 0;
}

.footer.guide.mo .footer-inner .footer-info-area .footer-info-bottom .text {
    line-height: 2rem;
}

.footer.guide.mo .footer-inner .footer-info-area .footer-info-bottom .copyright-area .text {
    font-size: 1.3rem;
    line-height: 2rem;
}

.footer.guide.mo .footer-inner .footer-info-area .familysite {
    text-align: left;
    width: 100%;
}

.footer.guide.mo .footer-inner .footer-info-area .familysite .familysite-button {
    min-width: unset;
    width: 100%;
}

.footer.guide.mo .footer-inner .footer-info-top-contents {
    margin-bottom: 3rem;
}

body {
    font-size: 1rem;
}

body.guide {
    overflow: unset;
    /* 썸(thumb) 추가 */
}

body.guide::-webkit-scrollbar {
    width: 1rem;
}

body.guide::-webkit-scrollbar-thumb {
    background-color: rgb(0, 0, 0);
    border-radius: 0.5rem;
    border: 0.1rem solid rgb(125, 125, 125);
}

body.guide::-webkit-scrollbar-track {
    background-color: rgb(100, 100, 100);
}

.guide-gnb-wrap * {
    box-sizing: border-box;
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth1-item-inner {
    position: relative;
    background-color: rgba(255, 255, 255, 0);
    transition-duration: 0.3s;
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth1-item-inner .accordian-depth1-link {
    display: block;
    padding: 1.5rem 5rem 1.5rem 2rem;
    transition-duration: 0.3s;
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth1-item-inner .accordian-depth1-link:focus,
.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth1-item-inner .accordian-depth1-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth1-item-inner .accordian-depth1-link .text {
    display: block;
    color: rgb(0, 92, 179);
    font-family: "Pretendard";
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth1-item-inner .button-add-view {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translate3d(0, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth1-item-inner:focus {
    background-color: rgb(0, 36, 62);
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list {
    max-height: 0;
    overflow: hidden;
    position: relative;
    transition-duration: 0.5s;
    background-color: rgba(0, 92, 179, 0.1);
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list .accordian-depth2-item.split {
    border-top: 0.3rem solid rgb(0, 92, 179);
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list .accordian-depth2-item-inner .depth2-item-menu,
.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list .accordian-depth2-item-inner .accordian-depth2-link {
    display: block;
    padding: 1.5rem 5rem 1.5rem 3.5rem;
    transition-duration: 0.3s;
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list .accordian-depth2-item-inner .depth2-item-menu:focus,
.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list .accordian-depth2-item-inner .depth2-item-menu:hover,
.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list .accordian-depth2-item-inner .accordian-depth2-link:focus,
.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list .accordian-depth2-item-inner .accordian-depth2-link:hover {
    background-color: rgba(0, 92, 179, 0.1);
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list .accordian-depth2-item-inner .depth2-item-menu .text,
.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list .accordian-depth2-item-inner .accordian-depth2-link .text {
    color: rgb(0, 92, 179);
    font-weight: 400;
    font-family: "Pretendard";
    font-size: 1.5rem;
    line-height: 2rem;
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item .accordian-depth2-list.active {
    max-height: 100vh;
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item.active .accordian-depth1-item-inner {
    background-color: rgba(255, 255, 255, 0.2);
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item.active .accordian-depth1-item-inner .accordian-depth1-link {
    background-color: rgb(0, 92, 179);
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item.active .accordian-depth1-item-inner .accordian-depth1-link .text {
    color: rgb(255, 255, 255);
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item.active .accordian-depth1-item-inner .button-add-view .button-add-view-inner .bar {
    border-top: 0.1rem solid rgb(255, 255, 255);
}

.guide-gnb-wrap .accordian-button-view-list .accordian-depth1-item.active .accordian-depth2-list {
    transition-duration: 1.2s;
}

.accordian-guide-familysite {
    position: relative;
    z-index: 100;
}

.accordian-guide-familysite.color-black .family-layer {
    background-color: rgb(255, 255, 255);
    border-top: 0.1rem solid rgb(210, 210, 210);
    border-left: 0.1rem solid rgb(210, 210, 210);
    border-right: 0.1rem solid rgb(210, 210, 210);
}

.accordian-guide-familysite .familysite {
    text-align: right;
    position: relative;
}

.accordian-guide-familysite .familysite .familysite-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 23rem;
    box-sizing: border-box;
    height: 4.5rem;
    line-height: 4.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    z-index: 1;
    background-color: rgb(6, 24, 43);
    transition-duration: 0.3s;
}

.accordian-guide-familysite .familysite .familysite-button .text-label {
    display: table-cell;
    vertical-align: middle;
    font-family: "Pretendard";
    font-size: 1.4rem;
    font-weight: 400;
    color: rgba(141, 155, 169, 0.5);
    transition-duration: 0.3s;
}

.accordian-guide-familysite .familysite .familysite-button .icon-guide-familysite-arrow-top {
    transform: rotate3d(0, 0, 1, 540deg);
    opacity: 0.5;
}

.accordian-guide-familysite .familysite .familysite-button.active .text-label {
    color: rgb(255, 255, 255);
}

.accordian-guide-familysite .familysite .familysite-button.active .icon-guide-familysite-arrow-top {
    transform: rotate3d(0, 0, 1, 0deg);
    opacity: 1;
}

.accordian-guide-familysite .familysite .familysite-button.active .icon-guide-familysite-arrow-top.color-type1 .icon-inner::before,
.accordian-guide-familysite .familysite .familysite-button.active .icon-guide-familysite-arrow-top.color-type1 .icon-inner::after {
    background-color: rgb(255, 255, 255);
}

.accordian-guide-familysite .familysite .familysite-button.active~.family-layer {
    max-height: 30rem;
    z-index: 1;
}

.accordian-guide-familysite .family-layer {
    width: 100%;
    max-height: 0;
    text-align: left;
    position: absolute;
    left: 0;
    bottom: calc(100% - 0.2rem);
    overflow-y: auto;
    transition-duration: 0.2s;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
}

.accordian-guide-familysite .family-layer::-webkit-scrollbar {
    display: block;
    width: 0.3rem;
}

.accordian-guide-familysite .family-layer::-webkit-scrollbar-thumb {
    height: 10%;
    background-color: rgba(50, 112, 71, 0.5);
}

.accordian-guide-familysite .family-layer::-webkit-scrollbar-track {
    background-color: rgba(50, 112, 71, 0.2);
}

.accordian-guide-familysite .family-layer .option-list .option-list-item .text {
    display: block;
    font-family: "Pretendard";
    font-size: 1.4rem;
    font-weight: 400;
    color: rgb(0, 0, 0);
    line-height: 3rem;
    padding: 0.25rem 1.5rem;
    transition-duration: 0.3s;
}

.accordian-guide-familysite .family-layer .option-list .option-list-item .text:focus,
.accordian-guide-familysite .family-layer .option-list .option-list-item .text:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(0, 92, 179);
}

.banner-box-leaf {
    position: relative;
    display: block;
    width: 100%;
    padding: 1rem;
    overflow: hidden;
    border-radius: 2rem 0 2rem 0;
    transition-duration: 0.5s;
    box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.15);
    background-color: rgb(150, 150, 150);
}

.banner-box-leaf * {
    box-sizing: border-box;
}

.banner-box-leaf .banner-box-inner {
    position: relative;
    height: 100%;
    border-radius: 1.4rem 0 1.4rem 0;
    overflow: hidden;
    border: 0.1rem solid rgba(255, 255, 255, 0);
    transition-duration: 0.3s;
    background-color: rgba(0, 0, 0, 0);
}

.banner-box-leaf .banner-box-inner .title-banner-box,
.banner-box-leaf .banner-box-inner .title-banner-box-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1) rotate3d(0, 0, 1, 0deg);
    transition-duration: 0.3s;
}

.banner-box-leaf .banner-box-inner .text-wrap {
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.banner-box-leaf .banner-box-inner .text-wrap .text {
    display: inline-block;
    font-family: "Pretendard";
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.2rem;
    color: rgb(255, 255, 255);
}

.banner-box-leaf:hover .banner-box-inner,
.banner-box-leaf:focus .banner-box-inner {
    border: 0.1rem solid rgba(255, 255, 255, 0.25);
    background-color: rgba(0, 0, 0, 0.2);
}

.banner-box-leaf:hover .banner-box-inner .title-banner-box,
.banner-box-leaf:hover .banner-box-inner .title-banner-box-link,
.banner-box-leaf:focus .banner-box-inner .title-banner-box,
.banner-box-leaf:focus .banner-box-inner .title-banner-box-link {
    transform: translate3d(-50%, -30%, 0) scale3d(2, 2, 2) rotate3d(0, 0, 1, 0deg);
}

.banner-box-leaf.background-black {
    background-color: rgb(0, 0, 0);
}

.banner-box-leaf.background-black:hover,
.banner-box-leaf.background-black:focus {
    background-color: rgb(0, 0, 0);
}

.banner-box-leaf.background-darkgreen {
    background-color: rgb(25, 88, 46);
}

.banner-box-leaf.background-darkgreen:hover,
.banner-box-leaf.background-darkgreen:focus {
    background-color: rgb(9, 49, 22);
}

.banner-box-leaf.background-green {
    background-color: rgb(0, 161, 27);
}

.banner-box-leaf.background-green:hover,
.banner-box-leaf.background-green:focus {
    background-color: rgb(0, 148, 25);
}

.banner-box-leaf.background-yellowish-green {
    background-color: rgb(111, 153, 39);
}

.banner-box-leaf.background-yellowish-green:hover,
.banner-box-leaf.background-yellowish-green:focus {
    background-color: rgb(97, 136, 30);
}

.banner-box-leaf.background-blue {
    background-color: rgb(0, 104, 223);
}

.banner-box-leaf.background-blue:hover,
.banner-box-leaf.background-blue:focus {
    background-color: rgb(0, 87, 187);
}

.banner-box-leaf.background-sea {
    background-color: rgb(0, 162, 202);
}

.banner-box-leaf.background-sea:hover,
.banner-box-leaf.background-sea:focus {
    background-color: rgb(0, 137, 172);
}

.banner-box-leaf.leaf-left {
    border-radius: 0 2rem 0 2rem;
}

.banner-box-leaf.leaf-left .banner-box-inner {
    border-radius: 0 1.4rem 0 1.4rem;
}

.banner-box-leaf.leaf-right {
    border-radius: 2rem 0 2rem 0;
}

.banner-box-leaf.leaf-right .banner-box-inner {
    border-radius: 1.4rem 0 1.4rem 0;
}

.banner-box-leaf.type01 {
    min-height: 15rem;
}

.banner-box-leaf.type02 {
    min-height: 45rem;
}

.banner-box-leaf+.banner-box-leaf {
    margin-left: 2rem;
}

.table-guide-dataList .guide-dataList-class~.guide-dataList-class {
    margin-left: 0.7rem;
}

.guide-br {
    margin-top: 3rem;
}

.guide-br.case-1 {
    margin-top: 4rem;
    padding-top: 4rem;
    border-top: 0.1rem dotted rgb(27, 75, 102);
}

.guide-bg {
    padding: 3rem 0;
}

.guide-info-txt {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
}

.guide-info-txt em {
    font-weight: 700;
}

.accordion-display.design-1 .accordion-content {
    font-size: 16px;
    line-height: normal;
    color: #999999;
}

@media screen and (max-width: 1023px) {
    .banner-box-leaf.type02 {
        min-height: 15rem;
    }

    .banner-box-leaf+.banner-box-leaf {
        margin-top: 1.5rem;
        margin-left: 0;
    }

    .banner-box-leaf .banner-box-inner .title-banner-box .text {
        font-size: 2rem;
        line-height: 2.6rem;
    }

    .banner-box-leaf:hover .banner-box-inner .title-banner-box,
    .banner-box-leaf:hover .banner-box-inner .title-banner-box-link,
    .banner-box-leaf:focus .banner-box-inner .title-banner-box,
    .banner-box-leaf:focus .banner-box-inner .title-banner-box-link {
        transform: translate3d(-50%, -50%, 0) scale3d(1.5, 1.5, 1.5) rotate3d(0, 0, 1, 0deg);
    }
}

/* 효성티엔씨 국문(KOR) */
.HTNCWKD00D00W00 {
    width: 100%;
}

.HTNCWKD00D00W00 .main-contents {
    position: relative;
}

.HTNCWKD00D00W00 .main-contents.contents-01 {
    z-index: 1;
    background-color: #fff;
}

.HTNCWKD00D00W00 .main-contents.contents-02 {
    top: -100vh;
}

.HTNCWKD00D00W00 .section {
    position: relative;
    width: 100%;
    height: 100%;
}

.HTNCWKD00D00W00 .section.story-01 {
    width: 100%;
    position: relative;
    background-color: rgb(255, 255, 255);
    height: 400vh;
    min-height: 432rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 {
        height: auto;
        min-height: unset;
    }
}

.HTNCWKD00D00W00 .section.story-01.act-main {
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01.act-main {
        padding: unset;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap {
        position: relative;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 {
    height: 250vh;
    min-height: 270rem;
    background: #475C65;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 {
        height: 200vh;
        min-height: unset;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .data-wrap {
    position: sticky;
    top: 0;
    height: 100vh;
    min-height: 108rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .data-wrap {
        min-height: unset;
        position: sticky;
        top: 0;
        overflow: hidden;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap {
    position: absolute;
    left: 50%;
    top: 70.277%;
    transform: translate(-50%, 20rem);
    width: 100%;
    text-align: center;
    opacity: 0;
    z-index: 10;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap {
        width: 100%;
        transform: translate(-50%, 20rem);
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .tit {
    display: block;
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 6rem;
    line-height: 7.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .tit {
        font-weight: 700;
        font-size: 3.4rem;
        line-height: 5.6rem;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .desc {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 3.6rem;
    margin-top: 3.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .desc {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 1.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box {
    width: 21.7rem;
    height: 40rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    position: absolute;
    transform-origin: 0 100%;
    transition-duration: 0.2s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box {
        width: 11.7rem;
        height: 21.4rem;
        aspect-ratio: 117/214;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box~.box {
    top: 24%;
    opacity: 0;
    border-radius: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box~.box {
        max-width: 31rem;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-timing-function: cubic-bezier(0.37, 0.72, 0.92, 0.95);
    transition-duration: 0.6s;
    overflow: hidden;
    z-index: 5;
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1;
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap img,
.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap .scroll-mark {
    opacity: 0;
    transform: translate(-50%, 10rem);
    width: 14.8rem;
    height: 4.1rem;
    position: absolute;
    left: 50%;
    bottom: 4rem;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap .scroll-mark {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 {
    width: calc(100% - 13rem);
    height: calc(100% - 20rem);
    border-radius: 3.2rem;
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 .video-wrap {
    border-radius: 3.2rem;
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 .video-wrap .scroll-mark {
    transform: translate(-50%, 0);
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 {
        width: calc(100% - 6.4rem);
        height: 80%;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-02 {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #24F3D9 0%, #05D0B8 100%);
    z-index: 4;
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-03 {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #4C2FFE 0%, #3E16DF 100%);
    z-index: 3;
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-04 {
    background: radial-gradient(50% 50% at 50% 50%, #CE8FFF 0%, #BA6AF9 100%);
    z-index: 2;
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-05 {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
    z-index: 1;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-05 {
        display: none;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    min-height: 108rem;
    max-width: 158.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 {
        position: relative;
        height: 100vh;
        min-height: unset;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .data-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .data-wrap {
        height: auto;
        overflow: visible;
        min-height: unset;
        left: unset;
        transform: unset;
        position: relative;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap {
    opacity: 0;
    transform: translate(0, 40rem);
    text-align: center;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap {
        position: relative;
        top: unset;
        left: unset;
        margin-bottom: 12rem;
        padding-top: 30%;
        transform: translateY(20rem);
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .tit {
    display: block;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .tit {
        font-size: 1.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .desc {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    margin-top: 1.851%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .desc {
        font-size: 3.2rem;
        line-height: 4.6rem;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap {
    width: 100%;
    position: relative;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap {
        padding: 0 1.8rem 3rem;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 2.133%;
        overflow-y: hidden;
        overflow-x: auto;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgb(255, 198, 51);
        opacity: 0;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .card-box {
    width: calc(33.3333333333% - 1rem);
    max-width: 51.4rem;
    min-height: 66rem;
    padding: 5rem 1.76%;
    border-radius: 1.6rem;
    background: #FFF6DF;
    overflow: hidden;
    position: absolute;
    top: 0;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .card-box {
        position: relative;
        width: 84%;
        min-width: 31.5rem;
        min-height: unset;
        height: auto;
        padding: 2rem 2rem 3rem;
        background: #FFFFFF;
        border-radius: 1.8rem;
        box-shadow: 0px 13px 10px 0px rgba(0, 0, 0, 0.09);
        opacity: 1;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 3.6rem;
    line-height: 5rem;
    color: #302800;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit {
        font-size: 2.2rem;
        line-height: 4rem;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit-desc {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: normal;
    color: #000;
    text-align: justify;
    opacity: 0.7;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit-desc {
        font-size: 1.2rem;
        line-height: 2.4rem;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit {
    display: block;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit {
        font-size: 1.5rem;
        line-height: 2.8rem;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit-desc {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #000;
    text-align: justify;
    opacity: 0.7;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit-desc {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-top: 0.8rem;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .img-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 42.794%;
    margin: 3.8rem 0 4rem;
    border-radius: 1.2rem;
    overflow: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .img-wrap {
        margin: 1.4rem 0 2rem;
    }
}

.HTNCWKD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap {
    height: 600vh;
    background: #0E0E1A;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap {
        height: 400vh;
        background-image: linear-gradient(180deg, rgba(45, 32, 76, 0.5) 0%, transparent 100%);
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-head {
    position: absolute;
    left: 0;
    top: 0;
    padding: 18rem 0 0 15rem;
    z-index: 1;
    transform: translateY(10rem);
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-head {
        width: 100%;
        padding: 16.4rem 0 0 0;
        text-align: center;
        transform: translateY(50rem);
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #E2E2E2;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption+.section-title {
    margin-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption+.section-title {
        margin-top: 0.6rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.pc {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.pc {
        display: none;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.pc .svg_line {
    width: 20%;
    height: 100%;
    stroke-width: 2;
    stroke: #82FFE1;
    opacity: 0;
    transition-duration: 0.5s;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.mo {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.mo {
        display: block;
        position: absolute;
        left: 50%;
        top: 35rem;
        width: 1px;
        height: 63.8%;
        transform: translate(-7.5rem, 50rem);
        background-image: linear-gradient(180deg, #82FFE1 0%, #FF08E5 31.77%, #FC489E 65.1%, #FF8523 84.9%);
        opacity: 0;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper {
    position: relative;
    height: 100%;
    opacity: 0;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(1) {
    left: 20%;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(2) {
    left: 40%;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(3) {
    left: 60%;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(4) {
    left: 80%;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list {
        width: calc(50% + 7.5rem);
        height: unset;
        flex-direction: column;
        left: 50%;
        top: 35rem;
        height: 63.8%;
        transform: translate(-7.5rem, 0);
        gap: 6rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item {
    position: absolute;
    top: 50%;
    width: 20%;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item {
        position: relative;
        top: unset !important;
        left: unset !important;
        width: calc(100% - 3.8rem);
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(1) {
    left: 20%;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(1) .dot {
    background-color: #75E1CA;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(1) .data-body .txt1 {
    color: #75E1CA;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(2) {
    left: 40%;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(2) .dot {
    background-color: #FF08E5;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(2) .data-body .txt1 {
    color: #FF08E5;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(3) {
    left: 60%;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(3) .dot {
    background-color: #FD38B0;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(3) .data-body .txt1 {
    color: #FD38B0;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(4) {
    left: 80%;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(4) .dot {
    background-color: #FE626B;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(4) .data-body .txt1 {
    color: #FE626B;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .dot {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .dot {
        width: 0.8rem;
        height: 0.8rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head {
    position: absolute;
    left: 0;
    top: -5.4rem;
    transform: translate(-50%, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head {
        position: static;
        transform: translate(0, -50%);
        padding-left: 3.5rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title {
    display: flex;
    align-items: flex-end;
    gap: 0.2rem;
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-name {
    color: #87779D;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-name {
        font-size: 2rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-unit {
    color: #594F72;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-unit {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body {
    padding: 2rem 0 0 3.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body {
        padding: 0 0 0 3.5rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt1 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt1 {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt2 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
    color: #fff;
    margin-top: 0.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-aside {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #00B2FF 0%, rgba(0, 178, 255, 0) 116.75%);
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-02 .section-wrap .section-inner .section-aside {
        display: none;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner {
    position: relative;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-head {
    position: relative;
    width: 100%;
    height: 200vh;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-head {
        height: 200vh;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-head-inner {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-head-inner .section-head-text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translate(0, -20rem);
    opacity: 0;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-head-inner .section-head-text.active {
    transform: translate(0, -50%);
    opacity: 1;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-caption {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #D9F4FF;
    margin-bottom: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-caption {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    color: #FBFBFB;
    word-break: keep-all;
    word-wrap: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat {
    position: fixed;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translate(0, -20rem);
    opacity: 0;
    z-index: -1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat {
        top: 65%;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat img {
    position: absolute;
    left: 50%;
    top: 15rem;
    transform: translate(-50%, 0);
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat img {
        top: 6.4rem;
        width: 6rem;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .obj-line {
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .obj-line {
        width: 1px;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network {
    max-width: 192rem;
    margin: 0 auto;
    padding: 0 4.271vw 16.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network {
        padding: 0 4rem 23.2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list {
        max-width: 29rem;
        margin: 0 auto;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item {
    display: flex;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:not(:first-child) {
    margin-top: 14.5rem;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd):not(:first-child) {
    margin-top: -12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd):not(:first-child) {
        margin-top: 0;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd) .data-wrap {
    padding-right: 13.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd) .data-wrap {
        padding-right: 0;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd) .picture {
    transform-origin: 100% 100%;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) {
    justify-content: flex-end;
    margin-top: -20%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) {
        justify-content: center;
        margin-top: 0;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) .data-wrap {
    padding-left: 13.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) .data-wrap {
        padding-left: 0;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) .picture {
    transform-origin: 0 100%;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .data-inner {
    transform: translateY(-11rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .data-inner {
        transform: translateY(0) scale(1);
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .picture {
    transform: scale(0.85);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .picture {
        transform: scale(1);
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(odd) .data-title {
    padding-left: 15.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(odd) .data-title {
        padding-left: 0;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(even) .data-title {
    padding-right: 15.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(even) .data-title {
        padding-right: 0;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-wrap {
    position: relative;
    width: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-wrap {
        width: 100%;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner {
    display: block;
    transition: 0.5s ease-in-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner {
        transform: scale(0.4);
        transform-origin: 50% 50%;
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture img {
    filter: brightness(0.6);
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture .hover-text {
    opacity: 1;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture .hover-text .hover-text-inner {
    transform: translateX(0);
    animation: marquee var(--duration) linear infinite;
    animation-play-state: running;
    animation-delay: 0.4s;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture .hover-text .hover-text-inner span::after {
    opacity: 1;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(var(--interval) * -1));
    }
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture {
    position: relative;
    display: block;
    border-radius: 1.6rem;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.5s;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture .hover-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: "Poppins";
    font-size: 10rem;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.5s;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture .hover-text .hover-text-inner {
    display: block;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture .hover-text .hover-text-inner span::after {
    content: attr(data-text);
    position: absolute;
    display: inline-block;
    width: 100%;
    left: var(--interval);
    opacity: 0;
}

.HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-title {
    width: 100%;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 6rem;
    color: #fff;
    padding: 1rem 0 0 1rem;
    transition: 0.5s ease-in-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-title {
        font-size: 3rem;
        line-height: 4.5rem;
        padding: 1.2rem 0 0 0;
    }
}

.HTNCWKD00D00W00 .section.story-04 {
    z-index: -1;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap {
    position: relative;
    padding-top: 100vh;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-head {
    position: absolute;
    top: -100vh;
    left: 0;
    width: 100%;
    height: 300vh;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-head-inner {
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-head-text {
    transition: none;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-caption {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #000;
    margin-bottom: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-caption {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    color: #000;
    word-break: keep-all;
    word-wrap: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body {
    position: relative;
    z-index: 2;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material {
    position: relative;
    z-index: 1;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .keyword-inner {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #449AD9 0%, #0071C3 100%);
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .bg-wrapper {
    background-image: url("../images/common/main/main-contents04-bg01-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .bg-wrapper {
        background-image: url("../images/common/main/main-contents04-bg01-mo.jpg");
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .caption-layer {
    background: radial-gradient(50% 50% at 50% 50%, #00509A 0%, #143484 100%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .data-caption {
        background: radial-gradient(62.46% 62.46% at 50% 50%, #449AD9 0%, #0071C3 100%);
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .keyword-inner {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #22CD74 0%, #09A36B 100%);
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .bg-wrapper {
    background-image: url("../images/common/main/main-contents04-bg02-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .bg-wrapper {
        background-image: url("../images/common/main/main-contents04-bg02-mo.jpg");
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .caption-layer {
    background: radial-gradient(50% 50% at 50% 50%, #006D46 0%, #004236 100%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .data-caption {
        background: radial-gradient(62.46% 62.46% at 50% 50%, #22CD74 0%, #09A36B 100%);
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .keyword-inner {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .bg-wrapper {
    background-image: url("../images/common/main/img-kv-item-01-pc.png");
}


@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .bg-wrapper {
        background-image: url("../images/common/main/main-contents04-bg03-mo.jpg");
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .caption-layer {
    background: radial-gradient(50% 50% at 50% 50%, #FFB800 0%, #E59700 100%);
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-caption {
    color: rgba(52, 34, 0, 0.7);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-caption {
        background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
        color: #fff;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-title {
    color: #342200;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-desc {
    color: #342200;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .para {
    color: #8F5F00;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-wrap {
    position: relative;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    padding: 0 30px;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper {
        display: none;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper .keyword-inner {
    width: 100%;
    border-radius: 6.4rem 6.4rem 0 0;
    padding: 19rem 8rem 0;
    overflow: hidden;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper .keyword-inner .marquee_txt {
    display: block;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 26.042vw;
    line-height: 20.833vw;
    letter-spacing: -15px;
    color: #FFF;
    white-space: nowrap;
    will-change: transform;
}

@media screen and (min-width: 1921px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper .keyword-inner .marquee_txt {
        font-size: 50rem;
        line-height: 40rem;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .bg-wrapper {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 80vh;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .bg-wrapper {
        background-attachment: unset;
        padding-bottom: 30.6rem;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer {
    width: 100%;
    border-radius: 16px;
    padding: 16rem 7.813vw 11rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer {
        border-radius: 0;
        padding: 6rem 2.4rem 9rem;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner {
    display: flex;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner {
        display: block;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner>div {
    flex: 0 0 auto;
    width: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner>div {
        width: 100%;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-text-inner {
    max-width: 55rem;
    margin-right: 5.208vw;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-text-inner {
        max-width: 100%;
        margin-right: 0;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-caption {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-caption {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 4px 14px;
        text-align: center;
        font-size: 1.4rem;
        line-height: 3.1rem;
        color: #fff;
        border-radius: 8px;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-title {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4rem;
    line-height: 6rem;
    color: #fff;
    margin: 2.4rem 0 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-title {
        font-size: 2.4rem;
        line-height: 3.6rem;
        margin: 2.4rem 0 3rem;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #EFEFEF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc.desc1 {
    font-weight: 600;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc+.data-desc {
    margin-top: 0.8rem;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right {
    display: flex;
    gap: 4.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right {
        display: none;
    }
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .data-images {
    flex: 1 1 auto;
    width: calc(100% - 17.5rem);
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .data-images .img-area {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: calc((300 * 100) / 588 * 1%);
    border-radius: 1rem;
    overflow: hidden;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .data-images .img-area .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.HTNCWKD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .para {
    flex: 0 0 auto;
    width: 17.5rem;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #75BEB4;
}

.HTNCWKD00D00W00 .section.story-05 {
    z-index: 10;
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap {
    height: 100vh;
    overflow: hidden;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner {
    width: 100%;
    max-width: 132.2rem;
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-head {
    margin-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-head {
        margin-bottom: 3.8rem;
    }
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-head .section-title {
    text-align: center;
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4.4rem;
    line-height: 5.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-list {
    display: flex;
    gap: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-list {
        flex-direction: column;
        gap: 0.8rem;
    }
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item {
    flex: 0 0 auto;
    width: calc((100% - 3.2rem) / 3);
    border-radius: 6.4rem;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item {
        width: 100%;
        border-radius: 1.6rem;
        text-align: left;
    }
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item:nth-child(1) {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #449AD9 0%, #0071C3 100%);
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item:nth-child(2) {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #22CD74 0%, #09A36B 100%);
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item:nth-child(3) {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35rem;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap {
        justify-content: space-between;
        height: auto;
        padding: 2rem 2rem 2rem 3rem;
    }

    .HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap::after {
        content: "";
        display: inline-block;
        width: 2.8rem;
        height: 2.8rem;
        background: url("../images/common/main/main-contents05-arrow-01.svg") no-repeat center;
        background-size: contain;
    }
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption .text-en {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption .text-en {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
}

.HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-title {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 4.4rem;
    margin: 1rem 0 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-title {
        font-size: 2.2rem;
        line-height: 3.4rem;
        margin: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .button {
        display: none;
    }
}

.HTNCWKD01D00W01 {
    --color-dark: #141414;
    word-break: keep-all;
    word-wrap: break-word;
}

.HTNCWKD01D00W01 .contents-article-inner {
    max-width: 137.2rem;
    padding: 0 1.8rem;
    margin: 0 auto;
}

.HTNCWKD01D00W01 .article-title-wrap {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.HTNCWKD01D00W01 .article-title-wrap.type-cl {
    text-align: center;
}

.HTNCWKD01D00W01 .article-title-wrap.type-cc {
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .article-title-wrap {
        gap: 2.4rem;
    }

    .HTNCWKD01D00W01 .article-title-wrap.type-cl {
        text-align: left;
    }
}

.HTNCWKD01D00W01 .tit_type1 {
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 6.72rem;
}

.HTNCWKD01D00W01 .tit_type1 .t_eng {
    font-family: "Poppins";
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .tit_type1 {
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.HTNCWKD01D00W01 .tit_type2 {
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 5.76rem;
    color: #FFAE24;
}

.HTNCWKD01D00W01 .tit_type2 .t_eng {
    font-family: "Poppins";
    font-weight: 400;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .tit_type2 {
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 2.4rem;
    }

    .HTNCWKD01D00W01 .tit_type2 .t_eng {
        font-weight: 500;
    }
}

.HTNCWKD01D00W01 .desc_type1 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.84rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .desc_type1 {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.HTNCWKD01D00W01 .desc_type2 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.88rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .desc_type2 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWKD01D00W01 .desc_type3 {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .desc_type3 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWKD01D00W01 .desc_type4 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .desc_type4 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWKD01D00W01 .c_green {
    color: #21CF3C;
}

.HTNCWKD01D00W01 .bg-dark {
    background: var(--color-dark);
    color: #fff;
}

.HTNCWKD01D00W01 .g-top-bar {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 4.8rem;
    padding: 0 2.4rem;
}

.HTNCWKD01D00W01 .g-top-bar.type-1 {
    background-color: #fff;
}

.HTNCWKD01D00W01 .g-top-bar.type-1>span {
    background-color: #000;
}

.HTNCWKD01D00W01 .g-top-bar.type-2 {
    background-color: #000;
}

.HTNCWKD01D00W01 .g-top-bar.type-2>span {
    background-color: #fff;
}

.HTNCWKD01D00W01 .g-top-bar>span {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .g-top-bar {
        gap: 0.8rem;
        height: 3.2rem;
    }

    .HTNCWKD01D00W01 .g-top-bar>span {
        width: 0.8rem;
        height: 0.8rem;
    }
}

.HTNCWKD01D00W01 .wrap-band {
    width: 100%;
    height: 7.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .wrap-band {
        height: 5rem;
    }
}

.HTNCWKD01D00W01 .wrap-band.type-1 {
    background-image: url("../images/regen-micro/band_type_01.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
    background-repeat: repeat-x;
}

.HTNCWKD01D00W01 .wrap-band.type-2 {
    background-image: url("../images/regen-micro/band_type_02.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
    background-repeat: repeat-x;
}

.HTNCWKD01D00W01 .rgm-round-container {
    position: relative;
    border-radius: 1.6rem;
    background: var(--bg-color);
    color: #000;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-round-container.type1 {
    --bg-color: #21CF3C;
    --color: #00A714;
}

.HTNCWKD01D00W01 .rgm-round-container.type2 {
    --bg-color: #FFE81A;
    --color: #FFFF42;
}

.HTNCWKD01D00W01 .rgm-round-container .flow-container {
    height: 39rem;
    padding-top: 7rem;
    border-bottom: 0.2rem solid var(--color);
}

.HTNCWKD01D00W01 .rgm-round-container .flow-container .flow-inner {
    display: flex;
    white-space: nowrap;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-round-container .flow-container .flow-inner::before,
.HTNCWKD01D00W01 .rgm-round-container .flow-container .flow-inner::after {
    content: attr(data-text);
}

.HTNCWKD01D00W01 .rgm-round-container .flow-container .flow-inner::before,
.HTNCWKD01D00W01 .rgm-round-container .flow-container .flow-inner::after,
.HTNCWKD01D00W01 .rgm-round-container .flow-container .flow-inner .flow-word {
    flex: 0 0 auto;
    display: block;
    font-family: "Poppins";
    font-size: 23rem;
    font-weight: 500;
    line-height: 30rem;
    letter-spacing: -6.9px;
    color: var(--color);
    animation: textLoop 10s linear infinite;
    padding-right: 20rem;
    box-sizing: border-box;
}

@keyframes textLoop {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.HTNCWKD01D00W01 .rgm-round-container .data-flex {
    display: flex;
    gap: 8.6rem;
    padding: 10rem 0;
}

.HTNCWKD01D00W01 .rgm-round-container .data-flex .logo-area {
    flex: 0 0 auto;
}

.HTNCWKD01D00W01 .rgm-round-container .data-flex .logo-area .img {
    max-width: 100%;
}

.HTNCWKD01D00W01 .rgm-round-container .data-flex .desc-area {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-round-container {
        border-radius: 1rem;
    }

    .HTNCWKD01D00W01 .rgm-round-container .flow-container {
        height: 13.2rem;
        padding-top: 3.2rem;
        border-bottom-width: 0.1rem;
    }

    .HTNCWKD01D00W01 .rgm-round-container .flow-container .flow-inner::before,
    .HTNCWKD01D00W01 .rgm-round-container .flow-container .flow-inner::after,
    .HTNCWKD01D00W01 .rgm-round-container .flow-container .flow-inner .flow-word {
        font-size: 8.6rem;
        line-height: 8rem;
        letter-spacing: -2.58px;
        padding-right: 5rem;
    }

    .HTNCWKD01D00W01 .rgm-round-container .data-flex {
        flex-direction: column;
        gap: 4rem;
        padding: 3.2rem 0 8rem;
    }

    .HTNCWKD01D00W01 .rgm-round-container .data-flex .desc-area {
        gap: 1.6rem;
    }
}

.HTNCWKD01D00W01 .round-shadow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12.5rem;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

.HTNCWKD01D00W01 .only-pc-swiper {
    height: auto;
    overflow: visible;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper {
    flex-direction: row;
    height: auto;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide {
    width: 50rem;
    height: auto;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box {
    display: flex;
    flex-direction: column;
    border: 0.2rem solid #fff;
    border-radius: 0.8rem;
    overflow: hidden;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .thumbnail {
    display: block;
    height: 26.6rem;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .thumbnail .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text {
    background: #141414;
    padding: 1.8rem;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text .type-arrow {
    position: relative;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.2rem;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text .type-arrow::after {
    content: "";
    position: absolute;
    right: 1.8rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.3rem;
    height: 2.2rem;
    background-image: url("../images/regen-micro/alliance-arrow3-pc.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text .type-flex {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text .type-flex .txt1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.2rem;
    color: #FFE81A;
}

.HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text .type-flex .txt2 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.98rem;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper {
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide {
        flex: 0 0 auto;
        width: calc((100% - 1.5rem) / 2);
    }

    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box {
        border: 0.1rem solid #fff;
        border-radius: 0.6rem;
    }

    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .thumbnail {
        position: relative;
        display: block;
        height: 0;
        padding-top: calc((86 * 100) / 162 * 1%);
    }

    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .thumbnail .img {
        position: absolute;
        left: 0;
        top: 0;
    }

    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text {
        padding: 1rem;
    }

    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text .type-arrow {
        font-size: 1.1rem;
        font-weight: 600;
        line-height: 1.8rem;
    }

    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text .type-arrow::after {
        right: 1rem;
        width: 1.2rem;
        height: 1.2rem;
        background-image: url("../images/regen-micro/alliance-arrow3-mo.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text .type-flex {
        align-items: flex-start;
        gap: 0.8rem;
    }

    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text .type-flex .txt1 {
        font-size: 1.1rem;
        line-height: 1.8rem;
    }

    .HTNCWKD01D00W01 .only-pc-swiper .swiper-wrapper .swiper-slide .wrap-box .wrap-text .type-flex .txt2 {
        font-size: 1.1rem;
        line-height: 1.8rem;
    }
}

.HTNCWKD01D00W01 .rgm-movie {
    position: relative;
    height: 100vh;
}

.HTNCWKD01D00W01 .rgm-movie .wrap-video {
    width: 100%;
    height: 100%;
}

.HTNCWKD01D00W01 .rgm-movie .wrap-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.HTNCWKD01D00W01 .rgm-about {
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .pin-inner {
    position: relative;
    height: var(--vh, 100vh);
    min-height: 70rem;
    background-color: var(--color-dark);
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    opacity: 0;
    transition: 0.5s 0.2s;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.active {
    opacity: 1;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj1 {
    background-image: url("../images/regen-micro/about-intro-obj1.svg");
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj2 {
    background-image: url("../images/regen-micro/about-intro-obj2.svg");
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj3 {
    background-image: url("../images/regen-micro/about-intro-obj3.svg");
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj4 {
    background-image: url("../images/regen-micro/about-intro-obj4.svg");
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj5 {
    background-image: url("../images/regen-micro/about-intro-obj5.svg");
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj6 {
    background-image: url("../images/regen-micro/about-intro-obj6.svg");
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj1 {
    width: 13.2rem;
    height: 13.2rem;
    left: 12%;
    top: 10%;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj2 {
    width: 16.2rem;
    height: 16.2rem;
    left: 5%;
    top: 41%;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj3 {
    width: 31.8rem;
    height: 31.8rem;
    left: 17%;
    bottom: 3%;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj4 {
    width: 32.3rem;
    height: 27rem;
    right: 0;
    top: 3%;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj5 {
    width: 23rem;
    height: 23rem;
    right: 15%;
    top: 20%;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj6 {
    width: 30.8rem;
    height: 15.4rem;
    right: 7.188%;
    bottom: 0;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window {
    position: absolute;
    width: 66rem;
    border-radius: 0.6rem;
    border: 0.2rem solid #FFF;
    background: var(--color-dark);
    transition: 0.3s;
    transform: scale(0);
    transform-origin: center;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window-body {
    padding: 3.2rem 4rem;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window.is-1 {
    left: -55.5rem;
    top: -26rem;
}

@media screen and (max-width: 1550px) {
    .HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window.is-1 {
        left: -50rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window.is-2 {
    left: 1rem;
    top: -11.1rem;
}

@media screen and (max-width: 1550px) {
    .HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window.is-2 {
        left: -16rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window.is-3 {
    left: -44.2rem;
    top: 7.8rem;
}

.HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window .para {
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 160%;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .intro-timeline .pin-inner {
        height: auto;
        min-height: unset;
        padding: 14rem 0 12rem;
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj {
        opacity: 1;
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj1 {
        width: 8.6rem;
        height: 8.6rem;
        left: -2.3rem;
        top: 11.7rem;
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj2 {
        width: 12.4rem;
        height: 12.4rem;
        left: -8rem;
        top: 28.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj3 {
        width: 14rem;
        height: 14rem;
        left: -4rem;
        bottom: 6rem;
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj4 {
        width: 17.7rem;
        height: 12.4rem;
        right: -4rem;
        top: 6.2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj5 {
        width: 15.8rem;
        height: 15.8rem;
        right: -4.2rem;
        top: auto;
        bottom: 26rem;
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .about-intro-obj.obj6 {
        width: 18rem;
        height: 9rem;
        right: -3.3rem;
        bottom: 0;
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap {
        position: relative;
        left: unset;
        top: unset;
        display: flex;
        flex-direction: column;
        gap: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window {
        position: static;
        width: 100%;
        transform: scale(1);
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window-body {
        padding: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .intro-timeline .browser-window-wrap .browser-window .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-meaning {
    position: relative;
    padding: 24rem 0 29rem;
    text-align: center;
}

.HTNCWKD01D00W01 .rgm-about .regen-meaning .contents-article-inner {
    max-width: 140rem;
}

.HTNCWKD01D00W01 .rgm-about .regen-meaning .para {
    margin-top: 10rem;
}

.HTNCWKD01D00W01 .rgm-about .regen-meaning .wrap-band {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .regen-meaning {
        padding: 8rem 0 13rem;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-meaning .logo-regen img {
        width: 21.3rem;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-meaning .para {
        margin-top: 3.2rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .four-areas {
    padding-top: 20rem;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-outer {
    position: relative;
    height: 61.3rem;
    margin-top: 12rem;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-wrap>dl {
    position: relative;
    display: flex;
    padding-bottom: 6.4rem;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-wrap>dl dt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 0.8rem);
    height: 4rem;
    border: 0.2rem solid #fff;
    border-radius: 0 0 1.2rem 1.2rem;
    border-top: none;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-wrap>dl dt .txt {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -50%);
    display: inline-block;
    font-family: "Poppins";
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 3.84rem;
    background: var(--color-dark);
    padding: 0.4rem 0.8rem;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item {
    flex: 0 0 auto;
    width: 56.8rem;
    margin-right: 0.8rem;
    color: #000;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item.is-1 .card-body,
.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item.is-1 .card-foot {
    background: #0799CE;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item.is-2 .card-body,
.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item.is-2 .card-foot {
    background: #21CF3C;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item.is-3 .card-body,
.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item.is-3 .card-foot {
    background: #FFAB51;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item.is-4 .card-body,
.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item.is-4 .card-foot {
    background: #EC3ABE;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-head {
    border-radius: 1.2rem 1.2rem 0 0;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-body {
    height: 42.2rem;
    border-top: 0.2rem solid var(--color-dark);
    padding: 6rem 0 0 3.2rem;
    border-radius: 0 0 1.2rem 1.2rem;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-body .keyword {
    font-size: 8rem;
    font-weight: 700;
    line-height: 9.6rem;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-body .b-desc {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 3.52rem;
    margin-top: 2.4rem;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-foot {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.6rem;
    height: 6rem;
    padding: 0 3.2rem;
    border-radius: 1.2rem;
    margin-top: 0.4rem;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-foot::before {
    content: "";
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../images/regen-micro/ic-rgm-01.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-foot .f-desc {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.88rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .four-areas {
        padding-top: 8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-outer {
        height: 34rem;
        margin-top: 4.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-wrap>dl {
        padding-bottom: 4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-wrap>dl dt {
        width: calc(100% - 1rem);
        height: 2.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-wrap>dl dt .txt {
        font-size: 2rem;
        line-height: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item {
        width: 28rem;
        margin-right: 1rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-head {
        border-radius: 0.8rem 0.8rem 0 0;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-body {
        height: 18.8rem;
        padding: 2rem 2rem 0;
        border-radius: 0 0 0.8rem 0.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-body .keyword {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-body .b-desc {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: 1.2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-foot {
        gap: 0.4rem;
        height: 4rem;
        padding: 0 2rem;
        border-radius: 0.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-foot::before {
        width: 2rem;
        height: 2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .four-areas .fa-card-item .card-foot .f-desc {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2.4rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .core-identity {
    padding-top: 30rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .article-title-wrap .para {
    width: 60%;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table-wrap {
    position: relative;
    margin-top: 12rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table-wrap::before {
    content: "";
    position: absolute;
    right: 4rem;
    top: -17.8rem;
    width: 33.1rem;
    height: 17.8rem;
    background-image: url("../images/regen-micro/core-identity-bg.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table {
    border-radius: 0.6rem;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body {
    background: #fff;
    color: #000;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9.4rem;
    padding: 4.8rem 2rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li>div {
    flex: 0 0 auto;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:first-child {
    padding-top: 8rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:last-child {
    padding-bottom: 8rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:not(:first-child) {
    border-top: 0.2rem solid #000;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(1) .data-arrow {
    background-image: url("../images/regen-micro/core-identity-arrow-01-pc.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(2) .data-arrow {
    background-image: url("../images/regen-micro/core-identity-arrow-02-pc.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(3) .data-arrow {
    background-image: url("../images/regen-micro/core-identity-arrow-03-pc.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(4) .data-arrow {
    background-image: url("../images/regen-micro/core-identity-arrow-04-pc.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(1) .data-before .keyword {
    color: #0799CE;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(2) .data-before .keyword {
    color: #21CF3C;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(3) .data-before .keyword {
    color: #FFAB51;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(4) .data-before .keyword {
    color: #EC3ABE;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-before {
    width: 38.772%;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-before .keyword {
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 5.76rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-before .before-txt {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.88rem;
    margin-top: 2.4rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-arrow {
    width: 4rem;
    height: 4rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-after {
    width: 32.485%;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-after .after-txt1 {
    font-family: "Poppins";
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 5.04rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-after .after-txt2 {
    font-family: "Poppins";
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 3.36rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-foot {
    position: relative;
    margin-top: 12rem;
    padding: 4rem 2.4rem;
    border: 0.1rem solid #fff;
    text-align: center;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span {
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    background: #fff;
    border: 0.4rem solid var(--color-dark);
    box-sizing: content-box;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(1) {
    left: -1rem;
    top: -1rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(2) {
    left: 50%;
    top: -1rem;
    transform: translateX(-50%);
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(3) {
    right: -1rem;
    top: -1rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(4) {
    left: -1rem;
    bottom: -1rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(5) {
    left: 50%;
    bottom: -1rem;
    transform: translateX(-50%);
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(6) {
    right: -1rem;
    bottom: -1rem;
}

.HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .para {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 4.32rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .core-identity {
        padding-top: 10rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .article-title-wrap .para {
        width: 100%;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table-wrap {
        margin-top: 4.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table-wrap::before {
        display: none;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table {
        border-radius: unset;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-head {
        display: none;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body {
        background: transparent;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li {
        flex-direction: column;
        justify-content: flex-start;
        gap: 1.4rem;
        padding: 2.4rem 2rem 2.8rem;
        border-radius: 0.8rem;
        background: #fff;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:first-child {
        padding-top: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:last-child {
        padding-bottom: 2.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:not(:first-child) {
        border-top: none;
        margin-top: 1.6rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(1) .data-arrow {
        background-image: url("../images/regen-micro/core-identity-arrow-01-mo.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(2) .data-arrow {
        background-image: url("../images/regen-micro/core-identity-arrow-02-mo.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(3) .data-arrow {
        background-image: url("../images/regen-micro/core-identity-arrow-03-mo.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body li:nth-child(4) .data-arrow {
        background-image: url("../images/regen-micro/core-identity-arrow-04-mo.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-before {
        width: 100%;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-before .keyword {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-before .before-txt {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2.4rem;
        margin-top: 0.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-arrow {
        width: 2.4rem;
        height: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-after {
        width: 100%;
        text-align: center;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-after .after-txt1 {
        font-size: 2rem;
        line-height: 2.2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-table .table-body .data-after .after-txt2 {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-top: 1rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-foot {
        margin-top: 4.8rem;
        padding: 2.4rem 1.6rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span {
        width: 0.8rem;
        height: 0.8rem;
        border-width: 0.15rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(1) {
        left: -0.55rem;
        top: -0.55rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(2) {
        left: 50%;
        top: -0.55rem;
        transform: translateX(-50%);
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(3) {
        right: -0.55rem;
        top: -0.55rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(4) {
        left: -0.55rem;
        bottom: -0.55rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(5) {
        left: 50%;
        bottom: -0.55rem;
        transform: translateX(-50%);
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .dots>span:nth-child(6) {
        right: -0.55rem;
        bottom: -0.55rem;
    }

    .HTNCWKD01D00W01 .rgm-about .core-identity .data-foot .para {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .identity-system {
    padding: 30rem 0;
    background-image: url("../images/regen-micro/identity-system-bg-pc.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-table {
    margin-top: 12rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-table ul {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-table ul li {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-keyword {
    flex: 0 0 auto;
    width: 28rem;
    height: 9.6rem;
    padding: 0 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: "Poppins";
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem;
    border-radius: 0.6rem;
    color: #000;
    background: #21CF3C;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-arrow {
    flex: 0 0 auto;
    width: 3.2rem;
    height: 3.2rem;
    background-image: url("../images/regen-micro/identity-system-arrow-01-pc.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-result {
    display: flex;
    flex: 1 1 100%;
    gap: 1.2rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-result .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 9.6rem;
    border-radius: 0.6rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.5);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-result .item.col4 {
    width: calc((100% - 3.6rem) / 4);
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-result .item .t_eng {
    font-family: "Poppins";
    font-weight: 500;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap {
    margin-top: 12rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl {
    width: calc((100% - 2.4rem) / 2);
    position: relative;
    border-radius: 0.6rem;
    border: 0.1rem solid #fff;
    overflow: hidden;
    padding: 9rem 2rem 4rem 2.6rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl dt {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    color: #000;
    font-family: "Poppins";
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.16rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl dd {
    position: relative;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    padding-left: 2.4rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl dd:not(:first-of-type) {
    margin-top: 0.2rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl dd::before {
    content: "•";
    position: absolute;
    left: 0.8rem;
    top: 0;
}

.HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl dd .bold {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .identity-system {
        padding: 10rem 0 12rem;
        background-image: url("../images/regen-micro/identity-system-bg-mo.png");
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: auto 12rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-table {
        margin-top: 4.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-table ul {
        gap: 2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-table ul li {
        flex-direction: column;
        gap: 0.5rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-keyword {
        width: 100%;
        height: 4.2rem;
        padding: 0;
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-arrow {
        display: none;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-result {
        flex-wrap: wrap;
        gap: 0.5rem;
        width: 100%;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-result .item {
        height: auto;
        min-height: 5.4rem;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1.2rem;
        padding: 1.4rem 0;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-table .data-result .item.col4 {
        width: calc((100% - 0.5rem) / 2);
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap {
        margin-top: 4rem;
        gap: 2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl {
        width: 100%;
        padding: 6rem 0.8rem 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl dt {
        height: 4.6rem;
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl dd {
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding-left: 1.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl dd:not(:first-of-type) {
        margin-top: 0.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-system .data-list-wrap dl dd::before {
        font-size: 1.2rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .identity-foot {
    position: relative;
    padding: 20rem 0 27.6rem;
    background-image: url("../images/regen-micro/rgm-bg-dot.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
    background-repeat: repeat;
    text-align: center;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .obj-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.1rem;
    height: 100%;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj1 {
    background-image: url("../images/regen-micro/identity-foot-obj1.svg");
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj2 {
    background-image: url("../images/regen-micro/identity-foot-obj2.svg");
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj3 {
    background-image: url("../images/regen-micro/identity-foot-obj3.svg");
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj4 {
    background-image: url("../images/regen-micro/identity-foot-obj4.svg");
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj5 {
    background-image: url("../images/regen-micro/identity-foot-obj5.svg");
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj6 {
    background-image: url("../images/regen-micro/identity-foot-obj6.svg");
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj7 {
    background-image: url("../images/regen-micro/identity-foot-obj7.svg");
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj1 {
    width: 25rem;
    height: 22rem;
    right: 33.3rem;
    top: 3.063%;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj2 {
    width: 18.5rem;
    height: 18.5rem;
    right: 32.8rem;
    top: 32.29%;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj3 {
    width: 13.4rem;
    height: 13.5rem;
    right: 25.6rem;
    top: 59%;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj4 {
    width: 15.1rem;
    height: 15.1rem;
    right: 36.7rem;
    top: 78.029%;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj5 {
    width: 27.3rem;
    height: 27.3rem;
    left: 20rem;
    top: 9.321%;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj6 {
    width: 16.7rem;
    height: 16.7rem;
    left: 37rem;
    top: 48.136%;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj7 {
    width: 10.4rem;
    height: 10.4rem;
    left: 30.5rem;
    top: 71.039%;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .para {
    position: relative;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 3.84rem;
}

.HTNCWKD01D00W01 .rgm-about .identity-foot .wrap-band {
    position: absolute;
    left: 0;
    bottom: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .identity-foot {
        padding: 6rem 0 11rem;
        background-size: 2.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj1 {
        width: 8.56rem;
        height: 6.8rem;
        right: 11.3rem;
        top: 5.9%;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj2 {
        width: 7rem;
        height: 7rem;
        right: 15.2rem;
        top: 25.16%;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj3 {
        width: 6rem;
        height: 6rem;
        right: 14.3rem;
        top: 54.5%;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj4 {
        width: 7.4rem;
        height: 7.4rem;
        right: 11.4rem;
        top: 76.972%;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj5 {
        width: 11.1rem;
        height: 11.1rem;
        left: 9.6rem;
        top: 5.65%;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj6 {
        width: 9.62rem;
        height: 9.62rem;
        left: 15rem;
        top: 39.979%;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-foot .identity-foot-obj.obj7 {
        width: 5rem;
        height: 5rem;
        left: 15rem;
        top: 67.697%;
    }

    .HTNCWKD01D00W01 .rgm-about .identity-foot .para {
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2.4rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .contents-article-header {
    position: relative;
    background: #FFE81A;
    padding: 20rem 0 12rem;
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .contents-article-header::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(19.5rem);
    width: 27rem;
    height: 33.5rem;
    background-image: url("../images/regen-micro/brand-architecture-bg.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .contents-article-header .article-title-wrap {
    max-width: 137.2rem;
    padding: 0 1.8rem;
    margin: 0 auto;
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout {
    display: flex;
    border-top: 0.2rem solid #000;
    border-bottom: 0.2rem solid #000;
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core {
    position: relative;
    flex: 0 0 auto;
    width: 50%;
    border-right: 0.2rem solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 1.8rem;
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core::before,
.HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core::after {
    content: "";
    position: absolute;
    right: -0.8rem;
    width: 1.2rem;
    height: 1.2rem;
    border: 0.2rem solid #141414;
    background: #FFF;
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core::before {
    top: -0.8rem;
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core::after {
    bottom: -0.8rem;
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core .logo-core img {
    max-width: 100%;
}

@media screen and (max-width: 1280px) {
    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core .logo-core img {
        max-width: 80%;
    }
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .variation {
    flex: 0 0 auto;
    width: 50%;
    background: #21CF3C;
    padding: 4rem 4.8rem;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .variation .swiper {
    overflow: visible;
}

.HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .variation .swiper .swiper-slide {
    max-width: 61rem;
    height: 17rem;
    padding: 0 4.8rem;
    border-radius: 0.6rem;
    border: 0.2rem solid #000;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .variation .swiper .swiper-slide img {
        height: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .brand-architecture .contents-article-header {
        padding: 6rem 0 13.4rem;
        overflow: hidden;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .contents-article-header::before {
        left: auto;
        right: 1.4rem;
        bottom: -1.2rem;
        transform: unset;
        width: 13rem;
        height: 16.2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout {
        position: relative;
        display: block;
        height: auto;
        border-top: 0.15rem solid #000;
        border-bottom: 0.15rem solid #000;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout::before,
    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout::after {
        content: "";
        position: absolute;
        width: 0.7rem;
        height: 0.7rem;
        border: 0.15rem solid #000;
        background: #fff;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout::before {
        bottom: -0.5rem;
        left: 0;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout::after {
        bottom: -0.5rem;
        right: 0;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core {
        width: 100%;
        border-right: none;
        border-bottom: 0.15rem solid #000;
        display: block;
        text-align: left;
        padding: 4rem 1.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core::before,
    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core::after {
        right: auto;
        width: 0.7rem;
        height: 0.7rem;
        border-width: 0.15rem;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core::before {
        top: auto;
        bottom: -0.5rem;
        left: 0;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core::after {
        bottom: -0.5rem;
        right: 0;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .core .logo-core img {
        width: 18.2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .variation {
        width: 100%;
        padding: 2.8rem 1.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .variation .swiper .swiper-wrapper {
        flex-direction: row;
        height: auto;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .variation .swiper .swiper-slide {
        width: 24rem;
        height: 9.6rem;
        padding: 0;
        border-radius: 0.4rem;
        border-width: 0.15rem;
    }

    .HTNCWKD01D00W01 .rgm-about .brand-architecture .cut-layout .variation .swiper .swiper-slide img {
        height: 2.3rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .contents-article-header {
    position: relative;
    padding: 20rem 0 12rem;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .contents-article-header::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(13.7rem);
    width: 49.4rem;
    height: 39rem;
    background-image: url("../images/regen-micro/compay-esg-brand-bg-pc.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .contents-article-header .article-title-wrap {
    max-width: 137.2rem;
    padding: 0 1.8rem;
    margin: 0 auto;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout-dots .inner {
    position: relative;
    max-width: 133.6rem;
    margin: 0 auto;
    z-index: 1;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout-dots .inner::before,
.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout-dots .inner::after {
    content: "";
    position: absolute;
    left: -0.8rem;
    width: 1.2rem;
    height: 1.2rem;
    border: 0.2rem solid #141414;
    background: #FFF;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout-dots .inner::before {
    top: -0.8rem;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout-dots .inner::after {
    top: 46.7rem;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout {
    border-top: 0.2rem solid #000;
    border-bottom: 0.2rem solid #000;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer {
    position: relative;
    max-width: 133.6rem;
    height: 47.2rem;
    margin: 0 auto;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper {
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 100%;
    background: #250188;
    border-left: 0.2rem solid #000;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper {
    width: 133.6rem;
    height: 100%;
    overflow: visible;
    margin: 0;
    padding: 8rem 11.3rem;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-wrapper {
    flex-direction: row;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    width: 55.4rem;
    height: auto;
    border-radius: 0.8rem;
    border: 0.2rem solid #000;
    background: #FFF;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-slide picture {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26.6rem;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-slide .name {
    height: 4.6rem;
    border-top: 0.2rem solid #000;
    background: #C2BCFF;
    padding: 1.2rem 1.8rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.2rem;
}

.HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-slide .name .t_eng {
    font-family: "Poppins";
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand {
        position: relative;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand::before,
    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand::after {
        content: "";
        position: absolute;
        width: 0.7rem;
        height: 0.7rem;
        border: 0.15rem solid #000;
        background: #fff;
        z-index: 1;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand::before {
        bottom: -0.5rem;
        left: 0;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand::after {
        bottom: -0.5rem;
        right: 0;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .contents-article-header {
        padding: 6rem 0 22.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .contents-article-header::before {
        left: 3.6rem;
        transform: unset;
        width: 25.7rem;
        height: 20.8rem;
        background-image: url("../images/regen-micro/compay-esg-brand-bg-mo.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout-dots .inner::before,
    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout-dots .inner::after {
        width: 0.7rem;
        height: 0.7rem;
        border: 0.15rem solid #000;
        background: #FFF;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout-dots .inner::before {
        left: 0;
        top: -0.5rem;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout-dots .inner::after {
        left: auto;
        right: 0;
        top: -0.5rem;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout {
        border-top: 0.15rem solid #000;
        border-bottom: 0.15rem solid #000;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer {
        height: auto;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper {
        position: static;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper {
        width: 100%;
        height: auto;
        padding: 2.8rem 1.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-wrapper {
        height: auto;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-slide {
        width: 24rem;
        border-radius: 0.4rem;
        border: 0.15rem solid #000;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-slide picture {
        height: 8.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-slide picture img {
        height: 2.3rem;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-slide .name {
        height: 4rem;
        border-top: 0.15rem solid #000;
        padding: 0.8rem 1.8rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .compay-esg-brand .cut-layout .swiper-outer .cebSwiper .swiper .swiper-slide .name .t_eng {
        font-weight: 700;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area {
    padding-top: 20rem;
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display {
    position: relative;
    max-width: 133rem;
    margin: 27rem auto 0;
}

@media screen and (max-width: 1336px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display {
        margin-top: 20.21vw;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li {
    position: absolute;
    top: 50%;
    text-align: center;
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li:first-child {
    left: 0;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li:first-child {
        transform: translate(1.8rem, -50%);
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li:last-child {
    right: 0;
    transform: translate(50%, -50%);
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li:last-child {
        transform: translate(-1.8rem, -50%);
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li .name {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2.64rem;
    margin-top: 2.4rem;
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 114.5rem;
    padding: 0 1.8rem;
    margin: 0 auto;
    background-image: url("../images/regen-micro/common-area-core-bg.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media screen and (max-width: 1336px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text {
        height: 85.704vw;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    border: 0.086rem solid #21CF3C;
    border-radius: 50%;
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-1 {
    right: 18.5rem;
    width: 121rem;
    height: 121rem;
}

@media screen and (max-width: 1336px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-1 {
        right: 13.5vw;
        width: 90.569vw;
        height: 90.569vw;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-2 {
    right: 18.5rem;
    width: 132.4rem;
    height: 132.4rem;
}

@media screen and (max-width: 1336px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-2 {
        right: 13.5vw;
        width: 99.102vw;
        height: 99.102vw;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-3 {
    right: 18.5rem;
    width: 144.7rem;
    height: 144.7rem;
}

@media screen and (max-width: 1336px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-3 {
        right: 13.5vw;
        width: 108.308vw;
        height: 108.308vw;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-4 {
    left: 18.5rem;
    width: 121rem;
    height: 121rem;
    border-color: #0799CE;
}

@media screen and (max-width: 1336px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-4 {
        left: 13.5vw;
        width: 90.569vw;
        height: 90.569vw;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-5 {
    left: 18.5rem;
    width: 132.4rem;
    height: 132.4rem;
    border-color: #0799CE;
}

@media screen and (max-width: 1336px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-5 {
        left: 13.5vw;
        width: 99.102vw;
        height: 99.102vw;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-6 {
    left: 18.5rem;
    width: 144.7rem;
    height: 144.7rem;
    border-color: #0799CE;
}

@media screen and (max-width: 1336px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap .circle.is-6 {
        left: 13.5vw;
        width: 108.308vw;
        height: 108.308vw;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .text-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

@media screen and (max-width: 1336px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .text-wrap {
        width: 50%;
    }
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .text-wrap .img-title img {
    max-width: 100%;
}

.HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .text-wrap .desc1 {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 5.76rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .regen-common-area {
        padding-top: 8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display {
        margin: 4.8rem auto 0;
        padding: 18rem 0;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items {
        position: absolute;
        left: 50%;
        right: auto;
        top: 0;
        width: 0.1rem;
        height: 100%;
        margin: 0 auto;
        z-index: 0;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li {
        display: block;
        text-align: center;
        width: 27rem;
        height: 27rem;
        border-radius: 50%;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li:first-child {
        top: 0;
        left: auto;
        transform: translateX(-50%);
        background: #21CF3C;
        padding-top: 8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li:first-child picture img {
        width: 14rem;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li:last-child {
        top: auto;
        bottom: 0;
        right: auto;
        transform: translateX(-50%);
        background: #0799CE;
        padding-top: 11rem;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li:last-child picture img {
        width: 11.2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .logo-items li .name {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-top: 1.2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text {
        position: relative;
        width: 54rem;
        height: 54rem;
        padding: 0 10rem;
        margin: 0;
        background: var(--color-dark);
        border: 0.2rem solid transparent;
        border-radius: 50%;
        left: 50%;
        transform: translateX(-50%);
        background-image: linear-gradient(var(--color-dark), var(--color-dark)), linear-gradient(0deg, #0799CE 0%, #21CF3C 100%);
        background-origin: border-box, border-box;
        background-clip: padding-box, border-box;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .circle-wrap {
        display: none;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .text-wrap {
        gap: 2.4rem;
        width: 100%;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .text-wrap .img-title img {
        height: 6.8rem;
    }

    .HTNCWKD01D00W01 .rgm-about .regen-common-area .data-display .core-text .text-wrap .desc1 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 3.6rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .written-usage {
    padding-top: 30rem;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display {
    position: relative;
    margin-top: 10rem;
    padding: 12rem 0 20.8rem;
    background-image: url("../images/regen-micro/rgm-bg-line1-pc.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
    background-repeat: repeat;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(31.7rem);
    bottom: 0;
    width: 24.7rem;
    height: 34.4rem;
    background-image: url("../images/regen-micro/written-usage-bg-obj.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-head {
    text-align: center;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body {
    margin: 12rem 0;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper {
    height: auto;
    overflow: visible;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-wrapper {
    flex-direction: row;
    height: auto;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide {
    width: 24.7rem;
    height: auto;
    padding-top: 2.5rem;
    text-align: center;
    word-break: keep-all;
    word-wrap: break-word;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide:nth-child(1) {
    --point-color: #0799CE;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide:nth-child(2) {
    --point-color: #21CF3C;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide:nth-child(3) {
    --point-color: #FFAB51;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide:nth-child(4) {
    --point-color: #EC3ABE;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide:nth-child(5) {
    --point-color: #FFE81A;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-top {
    position: relative;
    height: 15.4rem;
    border-radius: 0.6rem;
    border: 0.1rem solid #141414;
    background: #FFF;
    padding: 4.5rem 2rem 2rem;
    color: #000;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-top .tag {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -2.5rem;
    width: 14.1rem;
    height: 5rem;
    border-radius: 5rem;
    border: 0.2rem solid #000;
    background: var(--point-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 2.64rem;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-bottom {
    height: 19.6rem;
    border-radius: 0.6rem;
    border: 0.1rem solid #FFF;
    background: #141414;
    padding: 2rem;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-bottom .txt1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    color: var(--point-color);
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-bottom .txt1 .t_eng {
    font-family: "Poppins";
    font-weight: 600;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-bottom .txt2 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.88rem;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-foot {
    border-radius: 0.6rem;
    border: 0.1rem solid #FFF;
    background: #363636;
    text-align: center;
    padding: 4rem 2.4rem;
}

.HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-foot .f-para {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 4.32rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .written-usage {
        padding-top: 10rem;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display {
        margin-top: 4.8rem;
        padding: 3.2rem 0 12rem;
        background-image: url("../images/regen-micro/rgm-bg-line1-mo.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 1.75rem;
        background-repeat: repeat;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display::after {
        left: auto;
        transform: unset;
        right: 2.2rem;
        width: 9.8rem;
        height: 13.7rem;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-head img {
        max-width: 100%;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body {
        margin: 6rem 0;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide {
        width: 18rem;
        padding-top: 1.75rem;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-top {
        height: 10.4rem;
        border: none;
        padding: 2.4rem 1rem 1.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-top .tag {
        top: -1.75rem;
        width: 9.1rem;
        height: 3.5rem;
        border-radius: 3.5rem;
        border: 0.15rem solid #000;
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-bottom {
        height: 14.6rem;
        padding: 1.4rem 1rem;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-bottom .txt1 {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-body .swiper .swiper-slide .wrap-bottom .txt2 {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-foot {
        border-radius: 0.4rem;
        padding: 2.4rem 1.6rem;
    }

    .HTNCWKD01D00W01 .rgm-about .written-usage .data-display .display-foot .f-para {
        font-size: 1.6rem;
        line-height: 2.56rem;
    }
}

.HTNCWKD01D00W01 .rgm-about .rgm-about-foot {
    position: relative;
    padding: 12rem 0 9.8rem;
    background-image: url("../images/regen-micro/rgm-about-foot-bg-obj1-pc.png");
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: auto;
    background-repeat: repeat-x;
}

.HTNCWKD01D00W01 .rgm-about .rgm-about-foot::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7.5rem;
    width: 82.5rem;
    height: 20.3rem;
    background-image: url("../images/regen-micro/rgm-about-foot-bg-obj2.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
}

.HTNCWKD01D00W01 .rgm-about .rgm-about-foot::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 74.2rem;
    height: 20.8rem;
    background-image: url("../images/regen-micro/rgm-about-foot-bg-obj3-pc.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
}

.HTNCWKD01D00W01 .rgm-about .rgm-about-foot .g-top-bar.mo {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-about .rgm-about-foot {
        padding: 0 0 8rem;
        background-image: url("../images/regen-micro/rgm-about-foot-bg-obj1-mo.png");
        background-repeat: no-repeat;
        background-position: 0 100%;
        background-size: 1.75rem auto;
        background-repeat: repeat-x;
    }

    .HTNCWKD01D00W01 .rgm-about .rgm-about-foot::before {
        display: none;
    }

    .HTNCWKD01D00W01 .rgm-about .rgm-about-foot::after {
        width: 24.1rem;
        height: 8rem;
        background-image: url("../images/regen-micro/rgm-about-foot-bg-obj3-mo.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-about .rgm-about-foot .contents-article-inner {
        padding: 0;
    }

    .HTNCWKD01D00W01 .rgm-about .rgm-about-foot .g-top-bar.mo {
        display: flex;
    }

    .HTNCWKD01D00W01 .rgm-about .rgm-about-foot .diagram-body .img {
        display: block;
        max-width: 37.5rem;
        margin: 0 auto;
    }
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz {
    overflow: hidden;
    border-top: 0.2rem solid #000;
    border-bottom: 0.2rem solid #000;
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap {
    position: relative;
    height: 100vh;
    display: flex;
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item {
    flex: 0 0 auto;
    width: 80vw;
    height: 100vh;
    border-left: 0.2rem solid #000;
    border-right: 0.2rem solid #000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 16.4rem;
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item:nth-child(1) {
    background: #FFE81A;
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item:nth-child(2) {
    background: #00B3F3;
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item:nth-child(3) {
    background: #21CF3C;
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item:nth-child(4) {
    background: #FFAB51;
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item:nth-child(5) {
    background: #FB4FCE;
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head {
    position: relative;
    flex: 1 1 auto;
    width: 50%;
    padding: 0 4.167vw 0 5.833vw;
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head::after {
    content: "";
    position: absolute;
    right: -0.1rem;
    top: 0;
    width: 0.2rem;
    height: calc(100% + 5rem);
    background: #000;
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .tit-area {
    margin-bottom: 4rem;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .tit-area {
        margin-bottom: 2.381vw;
    }
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .tit-area .s_tit {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.8rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .tit-area .s_tit {
        font-size: 1.071vw;
        line-height: 1.667vw;
        font-weight: 700;
    }
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .tit-area .b_tit {
    color: #FFF;
    -webkit-text-stroke: 0.2rem #000;
    font-family: "Poppins";
    font-size: 5.8rem;
    font-weight: 700;
    line-height: 6.5rem;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .tit-area .b_tit {
        font-size: 3.452vw;
        line-height: 3.869vw;
    }
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .thumbnail .img {
    max-width: 100%;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .thumbnail .img {
        max-width: 25.179vw;
        max-height: 35.463vh;
    }
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .para {
    font-weight: 500;
    margin-top: 6rem;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .para {
        font-size: 1.071vw;
        line-height: 1.667vw;
        margin-top: 3.571vw;
    }
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body {
    flex: 1 1 auto;
    width: 50%;
    height: 100%;
    padding: 0 5.938vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 9.3rem;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body {
        gap: 5.536vw;
    }
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body .subject {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.8rem;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body .subject {
        font-size: 1.19vw;
        line-height: 1.667vw;
    }
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body .para {
    margin-top: 4rem;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body .para {
        font-size: 0.952vw;
        line-height: 1.667vw;
        margin-top: 2.381vw;
    }
}

.HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .five-theme-tab {
    display: none;
}

@media screen and (max-width: 1279px) {
    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz {
        position: relative;
        overflow: unset;
        border-top: none;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap {
        position: relative;
        height: auto;
        display: block;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item {
        width: 100%;
        height: auto;
        border-left: none;
        border-right: none;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        padding: 13.6rem 0;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item:not(:first-child) {
        border-top: 0.2rem solid #000;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head {
        padding: 0 5rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head::after {
        height: calc(100% + 2rem);
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .tit-area {
        margin-bottom: 3.2rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .tit-area .s_tit {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 2.4rem;
        margin-bottom: 1rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .tit-area .b_tit {
        -webkit-text-stroke: 0.1rem #000;
        font-size: 3.8rem;
        font-weight: 700;
        line-height: 4rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .thumbnail .img {
        max-width: 100%;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 4rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body {
        height: 100%;
        padding: 0 5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-self: center;
        gap: 4rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body .subject {
        font-size: 2rem;
        font-weight: 700;
        line-height: 3.2rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body .para {
        margin-top: 2rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .five-theme-tab {
        position: sticky;
        top: 6.4rem;
        display: block;
        z-index: 100;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .five-theme-tab .inner {
        width: 100%;
        padding: 1rem 1.8rem;
        border-top: 0.2rem solid #000;
        border-bottom: 0.2rem solid #000;
        background: #FFE81A;
        text-align: center;
        overflow: hidden;
        transition: background 0.3s;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .five-theme-tab .swiper {
        display: inline-block;
        height: auto;
        overflow: visible;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .five-theme-tab .swiper .swiper-wrapper {
        height: auto;
        flex-direction: row;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .five-theme-tab .swiper .swiper-wrapper .swiper-slide {
        width: auto;
        height: auto;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .five-theme-tab .swiper .swiper-wrapper .swiper-slide.active .tab {
        opacity: 1;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .five-theme-tab .swiper .swiper-wrapper .tab {
        display: flex;
        align-items: center;
        justify-self: center;
        width: auto;
        height: 3.6rem;
        padding: 0 1.2rem;
        border-radius: 3.6rem;
        background: #141414;
        font-family: "Poppins";
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 2.4rem;
        color: #fff;
        opacity: 0.3;
        transition: 0.3s;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz {
        border-bottom-width: 0.15rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item {
        display: block;
        padding: 13.6rem 0 8rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item:not(:first-child) {
        border-top-width: 0.15rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head {
        width: 100%;
        padding: 0 1.8rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-head::after {
        display: none;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body {
        width: 100%;
        height: auto;
        padding: 0 1.8rem;
        display: block;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .theme-item-wrap .theme-item .theme-item-body .subject {
        margin-top: 4rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .rgm-theme-horiz .five-theme-tab {
        top: 6rem;
    }
}

.HTNCWKD01D00W01 .rgm-theme .theme-description {
    position: relative;
    padding: 18rem 0;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table {
    position: relative;
    margin-top: 8rem;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .theme-desc-obj {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .theme-desc-obj.obj1 {
    background-image: url("../images/regen-micro/theme-desc-obj1.svg");
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .theme-desc-obj.obj2 {
    background-image: url("../images/regen-micro/theme-desc-obj2.svg");
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .theme-desc-obj.obj3 {
    background-image: url("../images/regen-micro/theme-desc-obj3.svg");
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .theme-desc-obj.obj1 {
    width: 30.8rem;
    height: 30.8rem;
    left: -18rem;
    top: -11rem;
    z-index: -1;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .theme-desc-obj.obj2 {
    width: 30rem;
    height: 20em;
    right: -22rem;
    bottom: 37.5rem;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .theme-desc-obj.obj3 {
    width: 17.5rem;
    height: 17.5rem;
    left: -12rem;
    bottom: 7.7rem;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-head {
    border-radius: 0.6rem 0.6rem 0 0;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body {
    border-radius: 0 0 0.6rem 0.6rem;
    border: 0.2rem solid #000;
    border-top: none;
    background: #fff;
    display: flex;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-arrow {
    flex: 0 0 auto;
    width: 15rem;
    border-right: 0.2rem solid #000;
    padding: 8.2rem 0 0 3.5rem;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-arrow::after {
    content: "";
    display: inline-block;
    width: 9.1rem;
    height: 2rem;
    background-image: url("../images/regen-micro/theme-desc-arrow.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-display .row {
    display: flex;
    align-items: center;
    padding: 5rem 0;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-display .row:not(:first-child) {
    border-top: 0.2rem solid #000;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-display .row .logo-area {
    flex: 0 0 36%;
    min-width: 35rem;
    padding-left: 4.5%;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-display .row .logo-area .picture .img {
    height: 3rem;
}

.HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-display .row .text-area {
    padding-right: 8.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-theme .theme-description {
        padding: 8rem 0 12rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table {
        margin-top: 4.8rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .theme-desc-obj.obj1 {
        width: 13rem;
        height: 13rem;
        left: -6rem;
        top: -2.7rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .theme-desc-obj.obj2 {
        width: 18rem;
        height: 12em;
        right: -7.7rem;
        bottom: 56rem;
        z-index: -1;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .theme-desc-obj.obj3 {
        width: 15.7rem;
        height: 15.7rem;
        left: -3.5rem;
        bottom: -8rem;
        z-index: -1;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body {
        border-width: 0.15rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-arrow {
        display: none;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-display .row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
        padding: 3.6rem 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-display .row:not(:first-child) {
        border-top-width: 0.15rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-display .row .logo-area {
        flex: 0 0 100%;
        min-width: 100%;
        padding-left: 0;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-display .row .logo-area .picture .img {
        height: 2.3rem;
    }

    .HTNCWKD01D00W01 .rgm-theme .theme-description .data-table .data-table-body .data-display .row .text-area {
        padding-right: 0;
    }
}

.HTNCWKD01D00W01 .rgm-affiliate .about-affiliate {
    position: relative;
    padding: 20rem 0 19.6rem;
    overflow: hidden;
    background-image: url("../images/regen-micro/about-affiliate-bg-dot1-pc.png"), url("../images/regen-micro/about-affiliate-bg-dot2-pc.png");
    background-position: 50% 2.5rem, 50% calc(100% - 1.2rem);
    background-repeat: repeat-x, repeat-x;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-affiliate::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(12.6rem);
    width: 58.1rem;
    height: 39.3rem;
    background-image: url("../images/regen-micro/about-affiliate-bg-obj.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-affiliate .desc-wrap-1 {
    width: 80%;
    margin-top: 10rem;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-affiliate .desc-wrap-2 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 51%;
    margin-top: 6rem;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-affiliate .desc-wrap-2 .para {
    color: #B5B5B5;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-affiliate .about-affiliate {
        padding: 14rem 0 20rem;
        background-image: url("../images/regen-micro/about-affiliate-bg-dot1-mo.png"), url("../images/regen-micro/about-affiliate-bg-dot2-mo.png");
        background-position: 50% 6.8rem, 50% calc(100% - 1.3rem);
        background-size: 36.2rem, 36.2rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-affiliate::before {
        transform: translateX(-50%);
        width: 18.5rem;
        height: 12.4rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-affiliate .desc-wrap-1 {
        width: 100%;
        margin-top: 3.2rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-affiliate .desc-wrap-2 {
        gap: 1.6rem;
        width: 100%;
        margin-top: 3.2rem;
    }
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company {
    position: relative;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer {
    position: relative;
    flex: 0 0 auto;
    width: 50%;
    height: 100vh;
    padding: 22.593vh 9.375vw 0;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer::before,
.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer::after {
    pointer-events: none;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer {
        padding: 18.593vh 5.375vw 0;
    }
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(odd):not(:nth-child(1)) {
    position: absolute;
    left: 0;
    top: 100%;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(even):not(:nth-child(2)) {
    position: absolute;
    left: 50%;
    top: -100%;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(1) {
    padding-top: 32.222vh;
    border-top: 0.2rem solid #000;
    border-right: 0.2rem solid #000;
    border-bottom: 0.2rem solid #000;
    background-color: #FFF;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(1)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-image: url("../images/regen-micro/about-company-tnc-bg1.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    padding-top: 25.741vh;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(1) .inner::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(10rem);
    bottom: 92%;
    width: 15.104vw;
    max-width: 29rem;
    padding-top: 60%;
    background-image: url("../images/regen-micro/about-company-tnc-obj1.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    pointer-events: none;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(2) {
    border-top: 0.2rem solid #000;
    border-bottom: 0.2rem solid #000;
    background-color: #141414;
    color: #B6FF7D;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(2)::before {
    content: "";
    position: absolute;
    right: 7.135vw;
    bottom: 7%;
    width: 21.2rem;
    height: 9.4rem;
    background-image: url("../images/regen-micro/about-company-materials-obj1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(3) {
    border-top: 0.2rem solid #000;
    border-right: 0.2rem solid #000;
    border-bottom: 0.2rem solid #000;
    background-color: #21CF3C;
    background-image: url("../images/regen-micro/about-company-chemistry-bg1.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(4) {
    border-top: 0.2rem solid #000;
    border-bottom: 0.2rem solid #000;
    background-color: #FFF;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(4)::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%;
    width: 29.2rem;
    height: 13.7rem;
    background-image: url("../images/regen-micro/about-company-energy-obj1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(5) {
    border-top: 0.2rem solid #000;
    border-right: 0.2rem solid #000;
    border-bottom: 0.2rem solid #000;
    background-color: #FFE81A;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(5)::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-20.4rem);
    bottom: 7%;
    width: 40.9rem;
    height: 6.5rem;
    background-image: url("../images/regen-micro/about-company-tns-obj1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(6) {
    border-bottom: 0.2rem solid #000;
    background-image: url("../images/regen-micro/about-company-illust.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer .inner {
    position: relative;
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer .inner .tit {
    font-weight: 700;
    font-size: 3.8rem;
    line-height: 5rem;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer .inner .tit {
        font-size: 2.262vw;
        line-height: 2.976vw;
    }
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer .inner .tit .t_eng {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 4.4rem;
    line-height: 7rem;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer .inner .tit .t_eng {
        font-size: 2.619vw;
        line-height: 4.167vw;
    }
}

.HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer .inner .para {
    max-width: 55.8rem;
    margin-top: 5rem;
    font-weight: 500;
}

@media screen and (max-width: 1680px) {
    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer .inner .para {
        font-size: 1.071vw;
        line-height: 1.667vw;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper {
        display: block;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer {
        width: 100%;
        height: auto;
        min-height: 69rem;
        padding: 8rem 1.8rem 10rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(odd):not(:nth-child(1)) {
        position: relative;
        left: unset;
        top: unset;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(even):not(:nth-child(2)) {
        position: relative;
        left: unset;
        top: unset;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(1) {
        padding-top: calc(29.33% + 8rem);
        border: none;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(1)::before {
        padding-top: 29.33%;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(1) .inner::before {
        transform: translateX(1rem);
        bottom: 100%;
        width: 33.6%;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(1) .inner .tit .t_eng {
        color: #21CF3C;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(2) {
        border: none;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(2)::before {
        right: 1.8rem;
        bottom: 4rem;
        width: 11.7rem;
        height: 5.2rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(3) {
        border: none;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(4) {
        border-top: none;
        border-bottom: 0.15rem solid #000;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(4)::before {
        bottom: 2rem;
        width: 17rem;
        height: 8rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(5) {
        border: none;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(5)::before {
        bottom: 2rem;
        height: 3.6rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer:nth-child(6) {
        display: none;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer .inner .tit {
        font-size: 2.4rem;
        line-height: 2.8rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer .inner .tit .t_eng {
        display: block;
        font-size: 2.8rem;
        line-height: 3.2rem;
        margin-top: 0.6rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .about-company .company-wrapper .company-layer .inner .para {
        margin-top: 3.2rem;
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWKD01D00W01 .rgm-affiliate .major-affiliate {
    padding: 17.8rem 0;
    background-image: url("../images/regen-micro/rgm-bg-line2-pc.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto;
    background-repeat: repeat;
    will-change: transform;
}

.HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table {
    width: 100%;
    max-width: 127.5rem;
    margin: 0 auto;
}

.HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table>table {
    table-layout: fixed;
    border-spacing: 1rem;
    border-collapse: separate;
}

.HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table>table>thead>tr>th {
    height: 8rem;
    border-radius: 0.6rem;
    background: #21CF3C;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    text-align: center;
    color: #000;
}

.HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table>table>tbody>tr>td {
    height: 11rem;
    padding: 2rem 1.3rem;
    border-radius: 0.6rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.5);
    background: var(--color-dark);
    font-weight: 600;
    font-size: 2rem;
    line-height: 3.2rem;
    text-align: center;
    color: #fff;
}

.HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table>table>tbody>tr>td .img {
    max-width: 100%;
    height: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-affiliate .major-affiliate {
        padding: 8rem 0 10rem;
        background-image: url("../images/regen-micro/rgm-bg-line1-mo.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: auto;
        background-repeat: repeat;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table {
        width: calc(100% + 3.6rem);
        max-width: unset;
        padding-right: 1.8rem;
        margin-left: -1.8rem;
        padding-left: 1.8rem;
        font-size: 1.2rem;
        line-height: 2rem;
        overflow-x: auto;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table::-webkit-scrollbar {
        border-radius: 1rem;
        height: 0.4rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table::-webkit-scrollbar-track {
        margin-left: 1.8rem;
        margin-right: 1.8rem;
        background-color: #eee;
        border-radius: 1rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table>table {
        min-width: 70rem;
        table-layout: auto;
        border-spacing: 0.6rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table>table>thead>tr>th {
        height: 5.4rem;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table>table>tbody>tr>td {
        height: 7.6rem;
        padding: 1.3rem;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .HTNCWKD01D00W01 .rgm-affiliate .major-affiliate .display-table>table>tbody>tr>td .img {
        height: 2rem;
    }
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-info {
    padding-top: 14rem;
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display {
    max-width: 121.8rem;
    text-align: center;
    margin: 0 auto;
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram {
    margin: 7rem 0 8rem;
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul {
    display: flex;
    gap: 6rem;
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li {
    position: relative;
    flex: 0 0 auto;
    width: calc((100% - 12rem) / 3);
    display: flex;
    flex-direction: column;
    gap: 5.8rem;
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li:not(:first-child) .box2::after {
    content: "";
    position: absolute;
    left: -4.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3.2rem;
    height: 2.2rem;
    background-image: url("../images/regen-micro/alliance-arrow2-pc.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li .box1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 13.6rem;
    padding: 0 2rem;
    border-radius: 0.6rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
    background: #141414;
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li .box1::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4rem;
    transform: translateX(-50%);
    width: 2.2rem;
    height: 2.2rem;
    background-image: url("../images/regen-micro/alliance-arrow1-pc.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li .box2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 8.2rem;
    padding: 1.2rem 4rem;
    border-radius: 1.2rem;
    background: #21CF3C;
    color: #000;
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li .box2 p {
    font-weight: 700;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-alliance .alliance-info {
        padding-top: 8rem;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .para {
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram {
        margin: 4.8rem 0;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul {
        flex-direction: column;
        gap: 4.8rem;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li {
        width: 100%;
        flex-direction: row;
        gap: 3.4rem;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li:not(:first-child) .box2::after {
        left: 50%;
        top: -3.5rem;
        transform: translateX(-50%);
        width: 1.6rem;
        height: 2.2rem;
        background-image: url("../images/regen-micro/alliance-arrow2-mo.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li .box1 {
        flex: 0 0 auto;
        width: calc(70% - 3.4rem);
        height: 11.2rem;
        padding: 0 1.8rem;
        background: #141414;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li .box1::after {
        left: calc(100% + 1.1rem);
        bottom: 50%;
        transform: translateY(50%);
        width: 1.4rem;
        height: 1.4rem;
        background-image: url("../images/regen-micro/alliance-arrow1-mo.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li .box1 p {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li .box2 {
        flex: 0 0 auto;
        width: 30%;
        height: 11.2rem;
        padding: 1.2rem 1.8rem;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-info .data-display .data-diagram ul li .box2 p {
        line-height: 2rem;
    }
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-partner {
    padding: 18rem 0;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-alliance .alliance-partner .apSwiper {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-alliance .alliance-partner {
        padding: 10rem 0 8rem;
    }

    .HTNCWKD01D00W01 .rgm-alliance .alliance-partner .apSwiper {
        margin-top: 4.8rem;
    }
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-activity {
    padding-top: 18rem;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-activity .gaSwiper {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-guardian .guardian-activity {
        padding-top: 8rem;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-activity .gaSwiper {
        margin-top: 4.8rem;
    }
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion {
    padding: 18rem 0 20rem;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data {
    position: relative;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data {
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
    margin-top: 8rem;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li {
    position: relative;
    padding-left: 4.8rem;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li:nth-child(1)::before {
    background-image: url("../images/regen-micro/guardian-ico-bullet1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li:nth-child(2)::before {
    background-image: url("../images/regen-micro/guardian-ico-bullet2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li:nth-child(3)::before {
    background-image: url("../images/regen-micro/guardian-ico-bullet3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1rem;
    width: 2.8rem;
    height: 2.8rem;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li .tit {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li .desc {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    color: #AFAFAF;
    margin-top: 0.6rem;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-anim-running {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-9.6rem);
    width: 75.6%;
    height: 41.8rem;
    overflow: hidden;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-anim-running .cloud {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/regen-micro/running-obj-cloud.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-anim-running .man {
    position: absolute;
    left: 26%;
    bottom: 5.5rem;
    width: 100%;
    height: 72.249%;
    background-image: url("../images/regen-micro/running-obj-man.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-anim-running .wrap-rail {
    position: absolute;
    left: 8.5%;
    bottom: 0;
    width: 67%;
    height: 3rem;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-anim-running .wrap-rail .progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #FFE81A;
    transform-origin: left center;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-anim-running .wrap-rail .rail {
    position: relative;
    display: flex;
    height: 100%;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-anim-running .wrap-rail .rail>span {
    width: 14.2857142857%;
    height: 100%;
    border: 0.2rem solid #000;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-anim-running .wrap-rail .rail>span:not(:first-child) {
    border-left: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-guardian .guardian-expansion {
        padding: 10rem 0;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data {
        gap: 2.4rem;
        margin-top: 4.8rem;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li {
        padding-left: 4rem;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li::before {
        top: 0;
        width: 2.4rem;
        height: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li .tit {
        font-size: 2rem;
        line-height: 2.4rem;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-data li .desc {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 1.6rem;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-expansion .display-data .wrap-anim-running {
        display: none;
    }
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer {
    position: relative;
    height: 100vh;
    background-image: url("../images/regen-micro/Jungle-bg-pc.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap {
    position: relative;
    height: 100%;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .obj {
    pointer-events: none;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-leaf-top {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 36rem;
    background-image: url("../images/regen-micro/Jungle-obj-leaf-top-pc.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-deer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 46.5rem;
    background-image: url("../images/regen-micro/Jungle-obj-deer-pc.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-leaf-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 41.9rem;
    background-image: url("../images/regen-micro/Jungle-obj-leaf-bottom-pc.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-shadow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-man {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 44.6rem;
    background-image: url("../images/regen-micro/Jungle-obj-man-pc.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-light {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 44.6rem;
    background-image: url("../images/regen-micro/Jungle-obj-light-pc.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-text-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 137.2rem;
    padding: 0 1.8rem;
    margin: 0 auto;
    text-align: center;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-text-wrap .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6rem;
    padding-top: 18%;
}

.HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-text-wrap .inner .para1 {
    display: inline-flex;
    align-items: flex-end;
    gap: 1.6rem;
    font-size: 2.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD01D00W01 .rgm-guardian .guardian-footer {
        min-height: 57rem;
        background-image: url("../images/regen-micro/Jungle-bg-mo.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-leaf-top {
        background-image: url("../images/regen-micro/Jungle-obj-leaf-top-mo.png");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-deer {
        background-image: url("../images/regen-micro/Jungle-obj-deer-mo.png");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-leaf-bottom {
        background-image: url("../images/regen-micro/Jungle-obj-leaf-bottom-mo.png");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-man {
        background-image: url("../images/regen-micro/Jungle-obj-man-mo.png");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-obj-wrap .jungle-light {
        background-image: url("../images/regen-micro/Jungle-obj-light-mo.png");
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: contain;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-text-wrap .inner {
        gap: 3.2rem;
        padding-top: 30vh;
    }

    .HTNCWKD01D00W01 .rgm-guardian .guardian-footer .jungle-text-wrap .inner .para1 {
        gap: 0.6rem;
        font-size: 2.4rem;
    }
}

/* regen micro header */
.header.regen-micro {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transition-duration: 0.3s;
    background: #141414;
}

.header.regen-micro .header-wrap .header-inner {
    position: relative;
    height: 6.4rem;
    transition: 0.3s;
}

.header.regen-micro .header-wrap .logo-tnc-top {
    position: absolute;
    top: 1.3rem;
    left: 3rem;
    font-size: 0;
    transition: 0.3s;
}

.header.regen-micro .header-wrap .logo-tnc-top .logo-top-link {
    display: inline-block;
    padding: 1rem;
    font-size: 0;
}

.header.regen-micro .header-wrap .logo-tnc-top .logo-top-link .logo-hyosung-tnc-eng {
    background-image: url("../images/common/logo/Hyosung-istanbul-TEKSTIL-CI-Vertical-HP-web-white.svg");
}

.header.regen-micro .header-wrap .menu-area {
    padding: 1.8rem 1.8rem 0;
    overflow: hidden;
    text-align: center;
    transition: 0.3s;
}

.header.regen-micro .header-wrap .menu-area .menu-wrap {
    overflow: visible;
    display: inline-block;
    padding-right: 1.8rem;
}

.header.regen-micro .header-wrap .menu-area .menu-wrap .menu-list {
    display: flex;
    flex-direction: row;
}

.header.regen-micro .header-wrap .menu-area .menu-wrap .menu-item {
    width: auto;
}

.header.regen-micro .header-wrap .menu-area .menu-wrap .menu-item.active .menu-link {
    opacity: 1;
}

.header.regen-micro .header-wrap .menu-area .menu-wrap .menu-item.active .menu-link::before {
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #86DD00;
    border-radius: 50%;
}

.header.regen-micro .header-wrap .menu-area .menu-wrap .menu-link {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    opacity: 0.5;
    transition: 0.3s;
}

.header.regen-micro .header-wrap .menu-area .menu-wrap .menu-link .text {
    color: #fff;
    font-family: "Poppins", "Pretendard";
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.8rem;
}

@media screen and (max-width: 1550px) {
    .header.regen-micro.naviOn .header-wrap .logo-tnc-top {
        transform: translateY(-200%);
        opacity: 0;
    }

    .header.regen-micro.naviOn .header-wrap .menu-area {
        transform: translateY(0);
    }

    .header.regen-micro .header-wrap .menu-area {
        transform: translateY(-100%);
    }
}

@media screen and (max-width: 1024px) {
    .header.regen-micro.naviOn .header-wrap .header-inner {
        height: 6rem;
    }

    .header.regen-micro .header-wrap .header-inner {
        position: relative;
        height: 9.4rem;
    }

    .header.regen-micro .header-wrap .logo-tnc-top {
        top: 3.3rem;
        left: 0.8rem;
    }

    .header.regen-micro .header-wrap .menu-area .menu-wrap .menu-item.active .menu-link::before {
        width: 0.8rem;
        height: 0.8rem;
    }

    .header.regen-micro .header-wrap .menu-area .menu-wrap .menu-link .text {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.HTNCWKD10D10W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWKD10D10W01 .contents-section2 .contents-article .data-display.case-9 {
    max-width: 88.2rem;
    margin: 0 auto;
}

.HTNCWKD10D10W01 .contents-section2 .contents-article .data-display.case-9 .thumbnail-figure {
    display: block;
    margin-top: 8rem;
}

.HTNCWKD10D10W01 .contents-section2 .contents-article .data-display.case-9 .thumbnail-figure img {
    width: 100%;
}

.HTNCWKD10D10W01 .contents-section2 .contents-article1 .data-display.case-1 .title1 {
    max-width: 137.2rem;
    margin: 0 auto;
    padding: 0 1.8rem;
}

.HTNCWKD10D10W01 .contents-section2 .contents-article1 .data-body-inner {
    padding: 12rem 1.8rem 0;
    background: linear-gradient(to bottom, #191F26 0%, #191F26 calc(100% - 14rem), transparent calc(100% - 14rem), transparent 100%);
}

.HTNCWKD10D10W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D10W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD10D10W01 .contents-section2 .contents-article .data-display.case-9 {
        max-width: initial;
    }

    .HTNCWKD10D10W01 .contents-section2 .contents-article .data-display.case-9 .title2 {
        max-width: 42.6rem;
        margin: 0 auto;
    }

    .HTNCWKD10D10W01 .contents-section2 .contents-article .data-display.case-9 .thumbnail-figure {
        margin-top: 6rem;
    }

    .HTNCWKD10D10W01 .contents-section2 .contents-article1 .data-body-inner {
        margin-top: 2rem;
        padding-top: 10rem;
        background: linear-gradient(to bottom, #191F26 0%, #191F26 calc(100% - 7rem), transparent calc(100% - 7rem), transparent 100%);
    }

    .HTNCWKD10D10W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD10D11W01 .contents-section2 .contents-article {
    transition: none;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article1 {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .sub-title {
    color: rgb(27, 75, 102);
}

.HTNCWKD10D11W01 .contents-section2 .contents-article2 {
    padding-top: 22rem;
    overflow-x: hidden;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article2 .slide-image {
    display: block;
    position: relative;
    padding-bottom: 14.1885%;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article2 .slide-image+.slide-image {
    margin-top: 1.2rem;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article2 .slide-image .img {
    position: absolute;
    top: 0;
    height: 100%;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article2 .slide-image-1 .img {
    left: 0%;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article2 .slide-image-2 .img {
    right: 0;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article3 {
    padding-top: 22rem;
    padding-bottom: 20rem;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform {
    margin-top: 9rem;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 3.4rem;
    color: rgb(217, 217, 217);
    vertical-align: middle;
}

.HTNCWKD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span.name {
    padding-left: 3rem;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 6rem;
    letter-spacing: 2.352rem;
    color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .title.medium .name {
        line-height: 5rem;
    }

    .HTNCWKD10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .sub-title {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWKD10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .data-body {
        margin-top: 6rem;
    }

    .HTNCWKD10D11W01 .contents-section2 .contents-article2 {
        padding-top: 8rem;
    }

    .HTNCWKD10D11W01 .contents-section2 .contents-article2 .slide-image {
        padding-bottom: 36%;
    }

    .HTNCWKD10D11W01 .contents-section2 .contents-article2 .slide-image+.slide-image {
        margin-top: 0.6rem;
    }

    .HTNCWKD10D11W01 .contents-section2 .contents-article3 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform {
        margin-top: 8rem;
    }

    .HTNCWKD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWKD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span.name {
        padding-left: 1.8rem;
        font-size: 2rem;
        line-height: 3.4rem;
        letter-spacing: 0.84rem;
    }
}

.HTNCWKD10D12W01 .contents-section2 .contents-section-head+.contents-section-body {
    padding-top: 10rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article.case-1 .data-display .data-item {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article.case-1 .data-display .data-wrap {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article1 .data-item .data-head {
    padding-top: 6rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article1 .data-item .data-body .data-para {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 4rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article2 {
    background-image: url(../images/common/photo/company/introduction/img-hyosungway-01-new-pc.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article2 .contents-article-inner {
    padding-top: 65rem;
    padding-bottom: 11rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article2 .data-item .data-para {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 4rem;
    color: #ffffff;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article2 .data-item1 .data-body-inner {
    margin: 0 auto;
    padding: 6rem 8% 6rem 7.486%;
    max-width: 115rem;
    border-radius: 2rem;
    background-color: #111820;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article2 .data-item2 {
    width: calc(100% - 3.6rem);
    max-width: 184rem;
    margin: 0 auto;
    border-radius: 3.2rem;
    background-color: #0F151C;
    padding-left: 7% !important;
    padding-right: 7% !important;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article2 .data-item3 .diagram-note {
    margin-top: 8rem;
    padding: 3.2rem;
    border-radius: 1.6rem;
    background-color: #111821;
    text-align: center;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article2 .data-item3 .diagram-para {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 {
    background-image: url(../images/common/photo/company/introduction/img-hyosungway-02-new-pc.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .contents-article-inner {
    padding-top: 20rem;
    padding-bottom: 24rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head {
    display: flex;
    gap: 13.3rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title {
    min-width: 24%;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title+.summary {
    width: 66%;
    max-width: 88.4rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para {
    color: #F4F8FF;
    display: block;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1 {
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1+.type2 {
    padding-top: 3rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type2 {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item+.data-item {
    padding-top: 18rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .board-display .board-item {
    opacity: 0;
    transform: translateY(10rem);
    transition-duration: 0.7s;
    transition-delay: 0.4s;
    transition-property: transform, opacity;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .board-display .board-item:nth-child(2) {
    transition-delay: 0.5s;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .board-display .board-item:nth-child(3) {
    transition-delay: 0.6s;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .board-display .board-item:nth-child(4) {
    transition-delay: 0.7s;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item2 {
    background-color: rgb(244, 248, 255);
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item2 .value-wrap {
    margin-top: 8rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item2 .value-wrap .order-list {
    margin-top: 6rem;
}

.HTNCWKD10D12W01 .contents-section2 .contents-article3.active .board-display .board-item {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D12W01 .contents-section2 .contents-section-head+.contents-section-body {
        padding-top: 4rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article .data-item+.data-item {
        padding-top: 10rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article .data-item .data-body-inner .title+.text-box {
        margin-top: 1.6rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article .data-item .data-diagram {
        padding-top: 6rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article1 .data-item .data-body {
        padding-right: 1.8rem;
        padding-left: 1.8rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article1 .data-item .data-body .data-para {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 3.2rem;
        text-align: center;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article2 {
        background-image: url(../images/common/photo/company/introduction/img-hyosungway-01-new-mo.jpg);
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article2 .contents-article-inner {
        padding-top: 39rem;
        padding-bottom: 8rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article2 .data-item .data-para {
        font-size: 1.8rem;
        line-height: 3.2rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article3 {
        background-image: url(../images/common/photo/company/introduction/img-hyosungway-02-new-mo.jpg);
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article3 .contents-article-inner {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head {
        flex-direction: column;
        gap: 4rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title {
        width: 100%;
        max-width: unset;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title+.summary {
        width: 100%;
        max-width: unset;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1 {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1+.type2 {
        padding-top: 1.6rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type2 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWKD10D12W01 .contents-section2 .contents-article3 .data-item+.data-item {
        padding-top: 10rem;
    }
}

.board-display.design-13 .board-list {
    display: flex;
    align-items: stretch;
    gap: 2rem;
    width: 100%;
}

.board-display.design-13 .board-item {
    width: 25%;
    padding: 4rem 3.7% 8rem 3.7%;
    background-color: #191F26;
    border-radius: 2.4rem;
}

.board-display.design-13 .board-head .board-title {
    font-family: "hyosung";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    text-align: right;
    color: rgb(255, 255, 255);
}

.board-display.design-13 .board-head .board-title+.board-sub-title {
    margin-top: 2.4rem;
}

.board-display.design-13 .board-head .board-sub-title {
    font-family: "hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    color: rgb(255, 141, 36);
}

.board-display.design-13 .board-head+.board-body {
    margin-top: 4rem;
}

.board-display.design-13 .board-body {
    flex: 1 1 75%;
    max-width: 73.757rem;
}

.board-display.design-13 .board-body .board-para {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
    color: #E1E6EF;
    word-break: keep-all;
}

.board-display.design-13 .board-body .board-para+.board-para {
    margin-top: 0.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .board-display.design-13 .board-list {
        flex-direction: column;
        align-items: center;
    }

    .board-display.design-13 .board-item {
        width: 100%;
        padding: 3rem 3rem 5rem 3rem;
    }

    .board-display.design-13 .board-head .board-title {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .board-display.design-13 .board-head .board-sub-title {
        margin-top: 1rem;
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .board-display.design-13 .board-head+.board-body {
        margin-top: 2.4rem;
    }

    .board-display.design-13 .board-body .board-para {
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2.2rem;
        word-break: break-all;
    }

    .board-display.design-13 .board-body .board-para+.board-para {
        margin-top: 1rem;
    }
}

.HTNCWKD10D13W01 .history-section-height {
    position: relative;
    height: 300vh;
}

.HTNCWKD10D13W01 .history-section-height .sticky-element {
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 2;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWKD10D13W01 .history-section-height .track {
    position: relative;
    height: 100%;
    flex: 0 0 auto;
    transform: translate(0%, 0px);
}

.HTNCWKD10D13W01 .history-section-height .track .track-flex {
    display: flex;
    height: 100%;
    margin-right: -100vw;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWKD10D13W01 .intro-panel {
    position: relative;
    display: flex;
    padding-left: 15.208vw;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin-right: -20vw;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_contain {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_title {
    font-family: "Poppins";
    font-weight: 800;
    font-size: 31.771vw;
    line-height: 27.083vw;
    letter-spacing: -18.3px;
    transform-origin: left center;
    color: #0D3C84;
}

.HTNCWKD10D13W01 .intro-panel .intro-float-wrap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.HTNCWKD10D13W01 .intro-panel .intro-float-wrap .zone {
    flex: 0 0 auto;
    width: 33.3333333333%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.HTNCWKD10D13W01 .intro-panel .intro-float-wrap .zone:nth-child(3) {
    margin-left: -15rem;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_text {
    flex: 0 0 auto;
    align-self: flex-start;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 5.3rem;
    line-height: 7.2rem;
    letter-spacing: -1.04px;
    color: #000;
    z-index: 1;
    opacity: 0;
    transform: scale(0.8);
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_img {
    position: absolute;
    width: 13.5rem;
    border-radius: 1.8rem;
    overflow: hidden;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_img .intro-panel_img-height {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-1 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #A9167A;
    margin-top: -37rem;
    margin-left: 0rem;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-2 {
    width: 24rem;
    border-radius: 2.25rem;
    background-color: #F48328;
    margin-top: 40rem;
    margin-left: 54rem;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-3 {
    width: 17.25rem;
    border-radius: 2.25rem;
    background-color: #7AC78C;
    margin-top: -55rem;
    margin-left: 96rem;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-4 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #FE5C53;
    margin-top: -40rem;
    margin-left: -50rem;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-5 {
    width: 23rem;
    border-radius: 3rem;
    background-color: #159EA2;
    margin-top: 25rem;
    margin-left: -10rem;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-6 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #FFC548;
    margin-top: -25rem;
    margin-left: 60rem;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-7 {
    width: 17.25rem;
    border-radius: 2.25rem;
    background-color: #281E5F;
    margin-top: 45rem;
    margin-left: -40rem;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-8 {
    width: 25.5rem;
    border-radius: 2.25rem;
    background-color: #1A5E58;
    margin-top: -36rem;
    margin-left: 15rem;
}

.HTNCWKD10D13W01 .intro-panel .intro-panel_photo {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
}

.HTNCWKD10D13W01 .history-panel {
    position: relative;
    flex: 0 0 auto;
}

.HTNCWKD10D13W01 .history-panel .history-navi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 5rem;
    z-index: 1;
    text-align: center;
}

.HTNCWKD10D13W01 .history-panel .history-navi .history-navi-inner {
    display: inline-flex;
    gap: 5rem;
}

.HTNCWKD10D13W01 .history-panel .history-navi .navi-anchor {
    color: rgba(255, 255, 255, 0.5);
    font-feature-settings: "clig" off, "liga" off;
    font-family: "Poppins";
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem;
}

.HTNCWKD10D13W01 .history-panel .history-navi .navi-anchor.active {
    color: #fff;
}

.HTNCWKD10D13W01 .history-panel .history-data-list {
    display: flex;
    position: relative;
    height: 100vh;
    overflow: hidden;
    border-radius: 8rem 0 0 0;
}

.HTNCWKD10D13W01 .history-panel .history-data-list .historyListTrigger {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
}

.HTNCWKD10D13W01 .history-panel .data-list {
    position: relative;
    height: 100vh;
    padding: 0 30rem 0 26rem;
    display: inline-flex;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-head {
    position: relative;
    display: flex;
    align-items: center;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .title {
    font-size: 32rem;
    font-weight: 800;
    font-family: "Poppins";
    color: rgb(255, 255, 255);
    letter-spacing: -9.6px;
    z-index: 1;
    order: 1;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .subject {
    font-size: 11rem;
    font-weight: 700;
    font-family: "Hyosung";
    color: #FFF;
    letter-spacing: -2.2px;
    line-height: 13rem;
    margin-left: 27rem;
    order: 3;
    transform: translateY(50%);
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .data-head-img {
    position: absolute;
    left: 164rem;
    top: 50%;
    transform: translateY(-50%);
    order: 2;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body {
    position: relative;
    display: flex;
    padding-left: 17rem;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .data-body-img {
    position: absolute;
    left: 267.4rem;
    top: 50%;
    transform: translateY(-50%);
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 1;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .history-item~.history-item {
    margin-left: 4rem;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .year {
    font-size: 80px;
    font-weight: 800;
    font-family: "Poppins";
    line-height: 125%;
    color: rgba(255, 255, 255, 0.5);
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item~.detail-item {
    margin-left: 0.4rem;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail {
    width: 60rem;
    border-radius: 4rem;
    overflow: hidden;
    background-color: #ffffff;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1.6rem 3.2rem;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child {
    padding: 3rem 3.2rem 1.6rem;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:last-child {
    padding: 1.6rem 3.2rem 3rem;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child:last-child {
    padding: 3rem 3.2rem;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:nth-child(even) {
    background-color: #F0F0F0;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month {
    flex: 0 0 auto;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    width: 5rem;
    color: #0A2B5C;
    padding-left: 0.8rem;
    transform: translateY(-0.4rem);
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .num {
    flex-grow: 1;
    display: inline-block;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .sm {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: normal;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap {
    display: flex;
    gap: 1.2rem;
    margin-left: 2.4rem;
    width: calc(100% - 7.4rem);
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag {
    flex: 0 0 auto;
    display: inline-block;
    width: 2.8rem;
    height: 1.8rem;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.8rem;
    border-radius: 0.5rem;
    transform: translateY(0.4rem);
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag.type-1 {
    background-color: #8185D7;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag.type-2 {
    background-color: #FF9742;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    color: #000;
    white-space: normal;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt.bold {
    font-weight: 600;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item {
    position: relative;
    display: flex;
    gap: 1.2rem;
}

.HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item~.txt-item {
    margin-top: 0.8rem;
}

.HTNCWKD10D13W01 .history-panel .data-list.is-1 {
    background-color: #0D3C84;
}

.HTNCWKD10D13W01 .history-panel .data-list.is-2 {
    background-color: #12A474;
}

.HTNCWKD10D13W01 .history-panel .data-list.is-3 {
    background-color: #E09E3A;
}

.HTNCWKD10D13W01 .history-panel .data-list.is-4 {
    background-color: #621D4C;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D13W01 .history-section-height {
        position: relative;
        height: unset;
    }

    .HTNCWKD10D13W01 .history-section-height .sticky-element {
        position: static;
        display: block;
        overflow: hidden;
        width: 100%;
        height: unset;
    }

    .HTNCWKD10D13W01 .history-section-height .track {
        position: relative;
        height: unset;
        transform: unset;
    }

    .HTNCWKD10D13W01 .history-section-height .track .track-flex {
        display: block;
        height: unset;
        margin-right: 0;
    }

    .HTNCWKD10D13W01 .intro-panel {
        position: relative;
        display: block;
        padding-left: 0;
        margin-right: 0;
        padding: 6rem 0 0;
        background-color: #F1F2F4;
        margin-bottom: -10rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_contain {
        position: relative;
        display: block;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-title-wrap {
        position: absolute;
        right: 1rem;
        top: 0;
        width: 1px;
        height: 1px;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_title {
        font-size: 12rem;
        line-height: 9rem;
        letter-spacing: -3.6px;
        transform-origin: unset;
        white-space: nowrap;
        transform: rotate(90deg) translateY(50%);
        position: relative;
        top: -11rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-float-wrap {
        position: static;
        width: 100%;
        height: unset;
        display: block;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-float-wrap .zone {
        width: 100%;
        display: block;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-float-wrap .zone:nth-child(3) {
        margin-left: 0;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_text {
        font-size: 3.2rem;
        line-height: 4rem;
        letter-spacing: normal;
        padding-left: 3rem;
        opacity: 0;
        transform: scale(0.8);
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_text.is-1 {
        margin-top: 5rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_text.is-2 {
        margin-top: 4rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_img {
        position: static;
        width: 13.5rem;
        border-radius: 1.8rem;
        overflow: hidden;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-1 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 6rem;
        margin-left: 17.8rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-2 {
        width: 12rem;
        border-radius: 1rem;
        margin-top: 3rem;
        margin-left: 1.8rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-3 {
        width: 10rem;
        border-radius: 0.8rem;
        margin-top: -5rem;
        margin-left: 15.8rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-4 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 5rem;
        margin-left: 13.8rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-5 {
        width: 10rem;
        border-radius: 0.6rem;
        margin-top: -1rem;
        margin-left: 1.8rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-6 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 0rem;
        margin-left: 16.8rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-7 {
        width: 10rem;
        border-radius: 0.6rem;
        margin-top: 6rem;
        margin-left: 1.8rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_img.is-8 {
        width: 12rem;
        border-radius: 1rem;
        margin-top: -5rem;
        margin-left: 13.8rem;
    }

    .HTNCWKD10D13W01 .intro-panel .intro-panel_photo {
        left: -3%;
        top: -3%;
        width: 106%;
        height: 106%;
    }

    .HTNCWKD10D13W01 .history-panel {
        position: relative;
        flex: 0 0 auto;
    }

    .HTNCWKD10D13W01 .history-panel .history-navi {
        position: absolute;
        bottom: unset;
        top: 0;
        left: 0;
        width: 100%;
        height: 5rem;
        z-index: 1;
        text-align: center;
    }

    .HTNCWKD10D13W01 .history-panel .history-navi.fixed {
        position: fixed;
        top: 5rem;
        background-color: #0D3C84;
        transition: top 0.3s;
    }

    .navi-depth3-action .HTNCWKD10D13W01 .history-panel .history-navi.fixed {
        top: 14.4rem;
    }

    .HTNCWKD10D13W01 .history-panel .history-navi .history-navi-inner {
        display: flex;
        justify-content: space-evenly;
        gap: 0;
    }

    .HTNCWKD10D13W01 .history-panel .history-navi .navi-anchor {
        color: rgba(255, 255, 255, 0.4);
        font-family: "Poppins";
        font-size: 2rem;
        font-weight: 800;
        line-height: 5rem;
        letter-spacing: -0.6px;
    }

    .HTNCWKD10D13W01 .history-panel .history-data-list {
        display: block;
        position: relative;
        height: auto;
        border-radius: 0;
    }

    .HTNCWKD10D13W01 .history-panel .data-list {
        position: relative;
        height: auto;
        padding: 18rem 0 0 0;
        display: block;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner {
        display: block;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-head {
        position: relative;
        display: block;
        text-align: center;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .title {
        font-size: 4.8rem;
        font-weight: 800;
        font-family: "Poppins";
        color: #ffffff;
        letter-spacing: 0;
        line-height: normal;
        order: 1;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .subject {
        font-size: 3.2rem;
        font-weight: 700;
        font-family: "Hyosung";
        color: #FFF;
        letter-spacing: 0;
        line-height: 4rem;
        margin-left: 0;
        order: 2;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .data-head-img {
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(0);
        order: 3;
        margin-top: 8rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .data-head-img img {
        width: 100%;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body {
        display: block;
        padding: 8rem 1.8rem 14rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap {
        display: block;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .history-item~.history-item {
        margin-left: 0;
        margin-top: 4rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .year {
        font-size: 4.8rem;
        line-height: 6rem;
        margin-left: 2rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list {
        display: block;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item~.detail-item {
        margin-left: 0;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item:first-child .detail {
        border-radius: 2rem 2rem 0 0;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item:not(:first-child) .detail {
        border-radius: 0 0 2rem 2rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail {
        width: 100%;
        border-radius: 2rem;
        overflow: hidden;
        background-color: #ffffff;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 1.6rem 1.6rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child {
        padding: 2rem 1.6rem 1.6rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:last-child {
        padding: 1.6rem 1.6rem 2rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child:last-child {
        padding: 2rem 1.6rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month {
        flex: 0 0 auto;
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        width: 3.8rem;
        color: #0A2B5C;
        padding-left: 0;
        transform: translateY(-0.2rem);
        gap: 0.2rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .num {
        flex-grow: 1;
        display: inline-block;
        font-size: 2rem;
        font-weight: 700;
        line-height: normal;
        text-align: right;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .sm {
        display: inline-block;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: normal;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap {
        display: flex;
        gap: 0.8rem;
        margin-left: 1.2rem;
        width: calc(100% - 5rem);
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag {
        flex: 0 0 auto;
        display: inline-block;
        width: 2.6rem;
        height: 1.6rem;
        text-align: center;
        font-size: 1rem;
        font-weight: 600;
        color: #ffffff;
        line-height: 1.6rem;
        border-radius: 0.4rem;
        transform: translateY(0.2rem);
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt {
        display: block;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 2.2rem;
        color: #000;
        white-space: normal;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt.bold {
        font-weight: 600;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item {
        position: relative;
        display: flex;
        gap: 1.2rem;
    }

    .HTNCWKD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item~.txt-item {
        margin-top: 0.8rem;
    }
}

.HTNCWKD10D14W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: translateY(0rem);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para.bold-1 {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.6rem;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para+.data-para {
    padding-top: 2.4rem;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner {
    margin: 12rem calc(50% - 50vw + 4rem) 0;
    width: calc(100vw - 8rem);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 20.979%;
    border-radius: 1.6rem;
    overflow: hidden;
    opacity: 0;
    transform: scale(1.05) translateY(5rem);
    transition: transform 0.6s, opacity 0.6s;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap .thumbnail-figure {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap .img {
    width: 100%;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .contents-article-inner {
    padding-bottom: 20rem;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .title-wrap {
    position: relative;
    padding-top: 18rem;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .title-wrap .title {
    opacity: 0;
    transform: translateY(3rem);
    transition: transform 0.6s, opacity 0.6s;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap {
    position: relative;
    margin-top: 8.8rem;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area {
    position: relative;
    display: flex;
    gap: 2rem;
    z-index: 2;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item {
    display: flex;
    flex: 1 1 50%;
    max-width: calc(50% - 1rem);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item1 {
    --bg-color: #191F26;
    --card-name-color: rgb(255, 255, 255);
    --foot-info-color: rgb(115, 115, 115);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item2 {
    --bg-color: #FFF6DF;
    --card-name-color: rgb(40, 40, 40);
    --foot-list-color: rgb(0, 0, 0);
    --foot-info-color: rgb(40, 40, 40);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item2 .card-item-inner {
    margin-left: auto;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 71%;
    max-width: 43.2rem;
    padding: 6.3rem 3.2rem 2.8rem;
    border-radius: 1.6rem;
    background-color: var(--bg-color);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon {
    display: block;
    width: 4.2rem;
    height: 4.2rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon1 {
    background-image: url(../images/common/photo/company/introduction/icon-research-card1.svg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon2 {
    background-image: url(../images/common/photo/company/introduction/icon-research-card2.svg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-name {
    margin-top: 2.1rem;
    font-family: "hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: var(--card-name-color);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot {
    margin-top: 59.785%;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 9.786%;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list .list-item {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: var(--foot-list-color);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list+.foot-info {
    margin-top: 1.2rem;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-info {
    padding-top: 1.2rem;
    border-top: 0.1rem solid #646464;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: var(--foot-info-color);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .float-text-area {
    position: absolute;
    width: 29%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .float-text-area .text {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(40, 40, 40);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 {
    --transition-duration-sec: 1s;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner {
    position: relative;
    overflow: hidden;
    padding: 10rem 1.8rem 18rem;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity var(--transition-duration-sec), transform 9s;
    transform: scale(1.25);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2022 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2022.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2019 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2019.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2017 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2017.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2016 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2016.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2015 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2015.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2014 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2014.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2013 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2013.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2012 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2012.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2011 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2011.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2010 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2010.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2009 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2009.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2008 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2008.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2007 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2007.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2006 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2006.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2005 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2005.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2004 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2004.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2003 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2003.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2002 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2002.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2001 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2001.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2000 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2000.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1999 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1999.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1998 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1998.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1993 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1993.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1992 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1992.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1989 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1989.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1987 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1987.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1986 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1986.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1983 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1983.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1980 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1980.jpg);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg.active {
    opacity: 1;
    transform: scale(1);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .data-display.case-9 .data-head {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide {
    position: relative;
    width: auto;
    border-radius: 1.2rem;
    overflow: hidden;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 0.2rem solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    transition: opacity var(--transition-duration-sec);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-duplicate-active::before,
.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-active::before {
    opacity: 0;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-duplicate-active .slide-img,
.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-active .slide-img {
    opacity: 1;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-duplicate-active .slide-year,
.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-active .slide-year {
    opacity: 0;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .slide-img {
    opacity: 0;
    transition: opacity var(--transition-duration-sec);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .slide-year {
    position: absolute;
    width: 100%;
    padding: 3rem;
    left: 0;
    bottom: 0;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    transition: opacity var(--transition-duration-sec);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper {
    max-width: 133.6rem;
    margin: 0 auto;
    padding-top: 4rem;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-year {
    font-weight: 700;
    font-size: 7.8rem;
    line-height: 9.3rem;
    color: rgba(255, 255, 255, 0.6);
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-inform {
    margin-top: 1.2rem;
}

.HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-inform .order-item {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-head .title .name {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para.bold-1 {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para+.data-para {
        padding-top: 1.6rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner {
        margin: 6rem 0 0;
        width: 100%;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap {
        padding-bottom: 0;
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap .thumbnail-figure {
        position: static;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .contents-article-inner {
        padding-bottom: 0;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .title-wrap {
        padding-top: 9.5rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap {
        margin-top: 6rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area {
        display: block;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item {
        position: relative;
        display: block;
        max-width: inherit;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item+.card-item {
        margin-top: 2rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item-inner {
        flex: 1 1 100%;
        max-width: initial;
        padding: 3rem 2.4rem 2rem;
        min-height: 39.8rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon {
        width: 3.2rem;
        height: 3.2rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-name {
        margin-top: 2rem;
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot {
        margin-top: 18.9rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list {
        gap: 0.5rem 2.8rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list .list-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-info {
        padding-top: 1.4rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article3 {
        margin-top: -12rem;
        background: rgb(25, 31, 38);
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article3 .contents-article-inner {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper {
        padding-top: 0;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .swiper-wrapper {
        display: block;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .swiper-slide {
        display: flex;
        padding: 3.2rem 0;
        border-bottom: 0.1rem solid rgba(83, 83, 83, 0.4);
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .swiper-slide:nth-child(1) {
        padding-top: 0;
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-year {
        width: 6.8rem;
        font-size: 2rem;
        line-height: 3.2rem;
        color: rgb(255, 141, 36);
    }

    .HTNCWKD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-inform {
        width: calc(100% - 6.8rem);
        margin-top: 0;
    }
}

.HTNCWKD10D15W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: translateY(0rem);
}

.HTNCWKD10D15W01.sub.company-case-1 .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD10D15W01 .contents-article1 .country-map {
    padding: 10rem 1.3rem 10.6rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWKD10D15W01 .contents-article1 .country-map .map-inner {
    position: relative;
    max-width: 143.4rem;
    margin: 2rem auto 0;
}

.HTNCWKD10D15W01 .contents-article1 .country-map .map-figure .img {
    width: 100%;
}

.HTNCWKD10D15W01 .contents-article1 .country-map .map-pin .pin-item {
    position: absolute;
}

.HTNCWKD10D15W01 .contents-article1 .country-map .map-pin .pin-item-asia {
    left: 36.8%;
    top: 35.7%;
}

.HTNCWKD10D15W01 .contents-article1 .country-map .map-pin .pin-item-europe {
    left: 16.6%;
    top: 28.5%;
}

.HTNCWKD10D15W01 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
    right: 5.65%;
    bottom: 23%;
}

.HTNCWKD10D15W01 .contents-article1 .country-map .title,
.HTNCWKD10D15W01 .contents-article1 .country-map .pin-item {
    opacity: 0;
    transition-duration: 0.7s;
    transition-delay: 0.3s;
    transform: translateY(5rem);
}

.HTNCWKD10D15W01 .contents-article1 .country-inform {
    max-width: 137.2rem;
    margin: 0 auto;
    padding: 14rem 1.8rem 20rem;
}

.HTNCWKD10D15W01 .contents-article1.active .country-map .title,
.HTNCWKD10D15W01 .contents-article1.active .country-map .pin-item {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D15W01 .contents-article1 .country-map {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .HTNCWKD10D15W01 .contents-article1 .country-map .map-inner {
        max-width: initial;
        margin: 0;
    }

    .HTNCWKD10D15W01 .contents-article1 .country-map .map-pin .pin-item {
        width: 8.05%;
        height: 19%;
        min-width: 2.8rem;
        min-height: 3.4rem;
        align-items: center;
        justify-content: center;
    }

    .HTNCWKD10D15W01 .contents-article1 .country-map .map-pin .pin-item-asia {
        left: 36%;
        top: 29%;
    }

    .HTNCWKD10D15W01 .contents-article1 .country-map .map-pin .pin-item-europe {
        left: 19%;
        top: 25%;
    }

    .HTNCWKD10D15W01 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
        right: 5.9%;
        bottom: 14.8%;
    }

    .HTNCWKD10D15W01 .contents-article1 .country-inform {
        max-width: initial;
        padding: 6rem 1.8rem 14rem;
    }
}

.HTNCWKD10D15W02.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: translateY(0rem);
}

.HTNCWKD10D15W02.sub.company-case-1 .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD10D15W02 .contents-article1 .country-map {
    padding: 10rem 1.3rem 10.6rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWKD10D15W02 .contents-article1 .country-map .map-inner {
    position: relative;
    max-width: 143.4rem;
    margin: 2rem auto 0;
}

.HTNCWKD10D15W02 .contents-article1 .country-map .map-figure .img {
    width: 100%;
}

.HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item {
    position: absolute;
}

.HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-asia {
    left: 36.8%;
    top: 35.7%;
}

.HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-europe {
    left: 16.6%;
    top: 28.5%;
}

.HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-middleEastAfrica {
    left: 9.6%;
    bottom: 36.5%;
}

.HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-northAmerica {
    right: 20.7%;
    top: 29.5%;
}

.HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
    right: 5.65%;
    bottom: 23%;
}

.HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-oceania {
    bottom: 16.5%;
    left: 38.6%;
}

.HTNCWKD10D15W02 .contents-article1 .country-map .title,
.HTNCWKD10D15W02 .contents-article1 .country-map .pin-item {
    opacity: 0;
    transition-duration: 0.7s;
    transition-delay: 0.3s;
    transform: translateY(5rem);
}

.HTNCWKD10D15W02 .contents-article1 .country-inform {
    max-width: 137.2rem;
    margin: 0 auto;
    padding: 14rem 1.8rem 20rem;
}

.HTNCWKD10D15W02 .contents-article1.active .country-map .title,
.HTNCWKD10D15W02 .contents-article1.active .country-map .pin-item {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D15W02 .contents-article1 .country-map {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .HTNCWKD10D15W02 .contents-article1 .country-map .map-inner {
        max-width: initial;
        margin: 0;
    }

    .HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item {
        width: 8.05%;
        height: 19%;
        min-width: 2.8rem;
        min-height: 3.4rem;
        align-items: center;
        justify-content: center;
    }

    .HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-asia {
        left: 36%;
        top: 29%;
    }

    .HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-europe {
        left: 19%;
        top: 25%;
    }

    .HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-middleEastAfrica {
        left: 8%;
        bottom: 29%;
    }

    .HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-northAmerica {
        right: 19.1%;
        top: 26%;
    }

    .HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
        right: 5.9%;
        bottom: 14.8%;
    }

    .HTNCWKD10D15W02 .contents-article1 .country-map .map-pin .pin-item-oceania {
        bottom: 12%;
        left: 39.3%;
    }

    .HTNCWKD10D15W02 .contents-article1 .country-inform {
        max-width: initial;
        padding: 6rem 1.8rem 14rem;
    }
}

.HTNCWKD10D20W01 .contents-section2 .contents-article1 .data-display.case-27 .mo-btn {
    display: none;
}

.HTNCWKD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-body {
    padding: 0;
}

.HTNCWKD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
    margin-top: 4rem;
}

.HTNCWKD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
    margin-top: 1.2rem;
}

.HTNCWKD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .order-list>li {
    padding-left: 1.15em;
    text-indent: -1.15em;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D20W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D20W01 .contents-section2 .contents-article1 .data-display.case-27 .pc-btn {
        display: none;
    }

    .HTNCWKD10D20W01 .contents-section2 .contents-article1 .data-display.case-27 .mo-btn {
        display: block;
        margin-top: 4rem;
    }

    .HTNCWKD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
        margin-top: 2rem;
    }

    .HTNCWKD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
        margin-top: 1rem;
    }
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 {
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
    margin-top: 12rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-aside>.data-note {
    margin-top: 2rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li {
    position: relative;
    padding-left: 3.2rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li+li {
    margin-top: 2rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li>.data-para::before {
    content: "·";
    position: absolute;
    left: 0.8rem;
    top: 0;
    font-weight: inherit;
    font-size: 2.2em;
    line-height: inherit;
    color: inherit;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .order-list {
    margin-top: 1.6rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .order-list>li {
    list-style: decimal;
    margin-left: 1.25em;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 {
    margin-top: 2.4rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-44 {
    margin-top: 3rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .button-display.form-1 {
    margin-top: 2.7rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .table-display.case-4 {
    margin-top: 3rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .accordion-display.design-1 {
    margin-top: 12rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(1) {
    width: 7.9rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(2) {
    width: 11.6rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(4) {
    width: 9.4rem;
}

.HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(5) {
    width: 9.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D20W02 .contents-section2 .contents-article2 {
        padding-top: 6rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
        margin-top: 6rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-aside>.data-note {
        margin-top: 0.4rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li {
        padding-left: 2.1rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li+li {
        margin-top: 1rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li>.data-para::before {
        font-size: 1.7em;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .order-list {
        margin-top: 0.4rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43,
    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-44 {
        margin-top: 4rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .button-display.form-1 {
        margin-top: 1.6rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .table-display.case-4 {
        margin-top: 2.4rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .accordion-display.design-1 {
        margin-top: 6rem;
        padding: 0;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status-1 table {
        min-width: 75.1rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(1) {
        width: 6.1rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(2),
    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(4) {
        width: 8.2rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(5) {
        width: 12.6rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status-2 table {
        min-width: 71.9rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(1) {
        width: 6.1rem;
    }

    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(2),
    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(4),
    .HTNCWKD10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(5) {
        width: 8.2rem;
    }
}

.HTNCWKD10D20W03 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWKD10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    display: none;
}

.HTNCWKD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(1) {
    width: 12.7rem;
}

.HTNCWKD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(2) {
    width: 20.8rem;
}

.HTNCWKD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(4) {
    width: 13.7rem;
}

.HTNCWKD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
    margin-top: 8rem;
}

.HTNCWKD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list>li {
    font-size: 1.8rem;
    padding-left: 1.15em;
    text-indent: -1.15em;
}

.HTNCWKD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-para {
    font-weight: 500;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    font-size: inherit;
}

.HTNCWKD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-note {
    padding: 0.4rem 0 2rem;
    text-indent: 0;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(115, 115, 115);
}

.HTNCWKD10D20W03 .contents-section2 .contents-article3 {
    padding-bottom: 20rem;
}

.HTNCWKD10D20W03 .contents-section2 .contents-article3 .button-display.form-1 {
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D20W03 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        display: block;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-aside {
        display: none;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-body-inner+.data-body-inner {
        margin-top: 6rem;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status {
        margin-top: 2.4rem;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status table {
        min-width: 63rem;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(1) {
        width: 16.6rem;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(2) {
        width: auto;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(3) {
        width: 12.5rem;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(4) {
        width: auto;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
        margin-top: 6rem;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list>li {
        font-size: 1.4rem;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-para {
        line-height: 2.4rem;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-note {
        padding: 0.2rem 0 1rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWKD10D20W03 .contents-section2 .contents-article3 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD10D20W04 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWKD10D20W04 .contents-section2 .contents-article1 .thumbnail-display.design-44 {
    margin-top: 3rem;
}

.HTNCWKD10D20W04 .contents-section2 .contents-article3+.contents-article4 {
    margin-top: 14rem;
}

.HTNCWKD10D20W04 .contents-section2 .contents-article3 .table-active-status-1 {
    margin-top: 3rem;
}

.HTNCWKD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(1) {
    width: 11.9rem;
}

.HTNCWKD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(2) {
    width: 20.7rem;
}

.HTNCWKD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(4) {
    width: 16.4rem;
}

.HTNCWKD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(5) {
    width: 13.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D20W04 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .contents-article1 .thumbnail-display.design-44 {
        margin-top: 6rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .contents-article3+.contents-article4 {
        margin-top: 6rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .contents-article3 .table-active-status-1 {
        margin-top: 2.4rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .contents-article4 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .table-external-status table {
        min-width: 47.4rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .table-external-status colgroup col:nth-child(1),
    .HTNCWKD10D20W04 .contents-section2 .table-external-status colgroup col:nth-child(3) {
        width: 10.3rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .table-external-status colgroup col:nth-child(4) {
        width: 9.5rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .table-active-status table {
        min-width: 68.1rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(1) {
        width: 6.9rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(2) {
        width: 10.5rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(4) {
        width: 10.3rem;
    }

    .HTNCWKD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(5) {
        width: 8.2rem;
    }
}

.HTNCWKD10D20W05 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWKD10D20W05 .contents-section2 .contents-article2+.contents-article3 {
    margin-top: 14.4rem;
}

.HTNCWKD10D20W05 .contents-section2 .contents-article3+.contents-article4 {
    margin-top: 14rem;
}

.HTNCWKD10D20W05 .contents-section2 .contents-article3 .data-info .order-list+.order-list {
    margin-top: 1.6rem;
}

.HTNCWKD10D20W05 .contents-section2 .contents-article4 {
    padding-bottom: 20rem;
}

.HTNCWKD10D20W05 .contents-section2 .contents-article4 .button-display.form-1 {
    margin-top: 4rem;
}

.HTNCWKD10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(1) {
    width: 13.3rem;
}

.HTNCWKD10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(2) {
    width: 19.7rem;
}

.HTNCWKD10D20W05 .contents-section2 .table-whether-result colgroup col:nth-child(1) {
    width: 33rem;
}

.HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(1),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(1) {
    width: 16.468%;
}

.HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(2),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(4),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(2),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(4) {
    width: 10rem;
}

.HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(5),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(5) {
    width: 12.5%;
}

.HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(6),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(6) {
    width: 10.629%;
}

.HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(7),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(7) {
    width: 20.51%;
}

.HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(1),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(2),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(1),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(2) {
    width: 8.234%;
}

.HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(3),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(5),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(3),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(5) {
    width: 10rem;
}

.HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(6),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(6) {
    width: 12.5%;
}

.HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(7),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(7) {
    width: 10.629%;
}

.HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(8),
.HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(8) {
    width: 20.51%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D20W05 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .contents-article2+.contents-article3 {
        margin-top: 6rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .contents-article3+.contents-article4 {
        margin-top: 10rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .contents-article3 .data-info .order-list+.order-list {
        margin-top: 2rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .contents-article3 .data-info .order-list.case-6 .order-item {
        text-indent: -1.3rem;
        padding-left: 1.3rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .contents-article3 .data-info .order-list .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
        color: rgb(115, 115, 115);
    }

    .HTNCWKD10D20W05 .contents-section2 .contents-article4 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-event-status table {
        min-width: 76.6rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(1) {
        width: 8.2rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(2) {
        width: 17.4rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-whether-result table {
        min-width: 52.5rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-whether-result colgroup col:nth-child(1) {
        width: 17.1rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 table,
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 table {
        min-width: 91.1rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(1),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(1) {
        width: 9.3rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(2),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(4),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(2),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(4) {
        width: 8.2rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(5),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(5) {
        width: 13rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(6),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(6) {
        width: 11.6rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(7),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(7) {
        width: 21.9rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 table,
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 table {
        min-width: 102.8rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(1),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(2),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(1),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(2) {
        width: 9.3rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(3),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(5),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(3),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(5) {
        width: 8.2rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(6),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(6) {
        width: 13rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(7),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(7) {
        width: 11.6rem;
    }

    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(8),
    .HTNCWKD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(8) {
        width: 21.9rem;
    }
}

.HTNCWKD10D20W06 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWKD10D20W06 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

.HTNCWKD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
}

.HTNCWKD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner .data-para {
    flex: 1 1 auto;
}

.HTNCWKD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner .button-display {
    flex: 0 0 auto;
}

.HTNCWKD10D20W06 .contents-section2 .table-credit-rating colgroup col:nth-child(1) {
    width: 16.1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D20W06 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD10D20W06 .contents-section2 .contents-article1 .data-info .order-list .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWKD10D20W06 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body {
        padding-top: 2.4rem;
    }

    .HTNCWKD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner {
        display: block;
    }

    .HTNCWKD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner .button-display {
        margin-top: 4rem;
    }

    .HTNCWKD10D20W06 .contents-section2 .table-credit-rating table {
        min-width: initial;
    }

    .HTNCWKD10D20W06 .contents-section2 .table-credit-rating colgroup col {
        width: 25%;
    }

    .HTNCWKD10D20W06 .contents-section2 .table-credit-rating colgroup col:nth-child(1) {
        width: inherit;
    }
}

.HTNCWKD10D21W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWKD10D21W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    padding-top: 14rem;
}

.HTNCWKD10D21W01 .contents-section2 .table-financial-position {
    margin-top: 6rem;
}

.HTNCWKD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(1) {
    width: 24rem;
}

.HTNCWKD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(2),
.HTNCWKD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(3) {
    width: calc(50% - 12rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D21W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D21W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        padding-top: 4rem;
    }

    .HTNCWKD10D21W01 .contents-section2 .table-financial-position table {
        min-width: 32rem;
    }

    .HTNCWKD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(1),
    .HTNCWKD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(2),
    .HTNCWKD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(3) {
        width: 33.3333333333%;
    }
}

.HTNCWKD10D21W02 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWKD10D21W02 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    padding-top: 14rem;
}

.HTNCWKD10D21W02 .contents-section2 .table-income-statement {
    margin-top: 6rem;
}

.HTNCWKD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(1) {
    width: 24rem;
}

.HTNCWKD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(2),
.HTNCWKD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(3) {
    width: calc(50% - 12rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D21W02 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D21W02 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        padding-top: 4rem;
    }

    .HTNCWKD10D21W02 .contents-section2 .table-income-statement table {
        min-width: 32rem;
    }

    .HTNCWKD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(1),
    .HTNCWKD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(2),
    .HTNCWKD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(3) {
        width: 33.3333333333%;
    }
}

.HTNCWKD10D21W03 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWKD10D21W03 .contents-section2 .contents-article3 {
    padding-bottom: 20rem;
}

.HTNCWKD10D21W03 .contents-section2 .table-financial-info colgroup col:nth-child(1),
.HTNCWKD10D21W03 .contents-section2 .table-financial-info colgroup col:nth-child(2),
.HTNCWKD10D21W03 .contents-section2 .table-financial-info colgroup col:nth-child(3) {
    width: 33.3333333333%;
}

.HTNCWKD10D21W03 .contents-section2 .table-financial-info td .color-1 {
    color: rgb(255, 17, 17);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D21W03 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD10D21W03 .contents-section2 .contents-article3 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D21W03 .contents-section2 .table-financial-info table {
        min-width: 32rem;
    }

    .HTNCWKD10D21W03 .contents-section2 .table-financial-info tbody td:nth-child(1) {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.HTNCWKD10D22W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWKD10D22W01 .contents-section2 .contents-article4 .data-display.case-27 .data-aside {
    display: none;
}

.HTNCWKD10D22W01 .contents-section2 .contents-article5 {
    padding-bottom: 20rem;
}

.HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry {
    display: flex;
    border: 0.1rem solid rgb(196, 196, 196);
}

.HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    padding: 1.8rem 1rem;
    text-align: center;
    border-right: 0.1rem solid rgb(196, 196, 196);
}

.HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li.name {
    background-color: rgb(244, 248, 255);
}

.HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li.name .para {
    font-weight: 600;
    color: rgb(9, 25, 67);
}

.HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li:last-child {
    border-right: none;
}

.HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para {
    width: 100%;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(83, 83, 83);
}

.HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para .info {
    max-width: 100%;
    display: inline-block;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    word-wrap: break-word;
    word-break: keep-all;
}

.HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para .info.point-1 {
    padding-right: 0.6rem;
}

.HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para .point-1 {
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
    color: rgb(9, 25, 67);
}

.HTNCWKD10D22W01 .contents-section2 .table-display tbody th,
.HTNCWKD10D22W01 .contents-section2 .table-display tbody td {
    word-break: keep-all;
    word-wrap: break-word;
}

.HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-1 colgroup col {
    width: 25%;
}

.HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col {
    width: 8.72%;
}

.HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col:nth-child(1) {
    width: 12.8%;
}

.HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col {
    width: 17.44%;
}

.HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col:nth-child(1) {
    width: 12.8%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D22W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD10D22W01 .contents-section2 .contents-article4 .data-display.case-27 .pc-btn {
        display: none;
    }

    .HTNCWKD10D22W01 .contents-section2 .contents-article4 .data-display.case-27 .data-aside {
        display: block;
    }

    .HTNCWKD10D22W01 .contents-section2 .contents-article5 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry {
        display: block;
    }

    .HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li {
        display: block;
        width: initial;
        padding: 0.9rem 2rem 0;
        text-align: left;
        border: none;
    }

    .HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li.name {
        border-bottom: 0.1rem solid rgb(196, 196, 196);
        text-align: center;
        padding: 1.8rem 2rem;
    }

    .HTNCWKD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li:last-child {
        padding-bottom: 0.9rem;
    }

    .HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-1 table {
        min-width: 38.7rem;
    }

    .HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-1 colgroup col {
        width: calc((100% - 12.2rem) / 3);
    }

    .HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-1 colgroup col:nth-child(1) {
        width: 12.2rem;
    }

    .HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-2 table {
        min-width: 96rem;
    }

    .HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col {
        width: calc((100% - 14rem) / 10);
    }

    .HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col:nth-child(1) {
        width: 14rem;
    }

    .HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-3 table {
        min-width: 76.3rem;
    }

    .HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col {
        width: 16.6666666667%;
    }

    .HTNCWKD10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col:nth-child(1) {
        width: 16.6666666667%;
    }

    .HTNCWKD10D22W01 .contents-section2 .table-display+.data-info.case-1 .order-list .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.HTNCWKD10D23W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWKD10D23W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside {
    padding-top: 0;
}

.HTNCWKD10D23W01 .contents-section2 .contents-article1 .submit-display+.table-display {
    margin-top: 1.6rem;
}

.HTNCWKD10D23W01 .contents-section2 .table-board colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWKD10D23W01 .contents-section2 .table-board colgroup col:nth-child(3),
.HTNCWKD10D23W01 .contents-section2 .table-board colgroup col:nth-child(4) {
    width: 21.4rem;
}

.HTNCWKD10D23W01 .contents-section2 .table-board+.data-info.case-1 .link {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

.HTNCWKD10D23W01 .contents-section2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D23W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D23W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside {
        padding-top: 4rem;
    }

    /* 공시자료 - 가로 스크롤 처리 */
    .HTNCWKD10D23W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside .dart {
        position: relative;
        overflow: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .HTNCWKD10D23W01 .contents-section2 .contents-article1 .submit-display+.table-display {
        margin-top: 4rem;
    }

    .HTNCWKD10D23W01 .contents-section2 .table-board table {
        min-width: 54.6rem;
    }

    .HTNCWKD10D23W01 .contents-section2 .table-board colgroup col:nth-child(1) {
        width: 6.2rem;
    }

    .HTNCWKD10D23W01 .contents-section2 .table-board colgroup col:nth-child(3),
    .HTNCWKD10D23W01 .contents-section2 .table-board colgroup col:nth-child(4) {
        width: 10.5rem;
    }

    .HTNCWKD10D23W01 .contents-section2 .table-board+.data-info.case-1 .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWKD10D23W01 .contents-section2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWKD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-body {
    padding: 0;
}

.HTNCWKD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
    margin-top: 4rem;
}

.HTNCWKD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
    margin-top: 1.2rem;
}

.HTNCWKD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .order-list>li {
    padding-left: 1.15em;
    text-indent: -1.15em;
}

.HTNCWKD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .order-list2>li {
    padding-left: 2.25em;
    text-indent: -1.1em;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D23W02 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
        margin-top: 2rem;
    }

    .HTNCWKD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
        margin-top: 1rem;
    }
}

.HTNCWKD10D24W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWKD10D24W01 .contents-section2 .table-board colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWKD10D24W01 .contents-section2 .table-board colgroup col:nth-child(3),
.HTNCWKD10D24W01 .contents-section2 .table-board colgroup col:nth-child(4) {
    width: 21.4rem;
}

.HTNCWKD10D24W01 .contents-section2 .table-board+.pagination-display {
    margin-top: 5.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D24W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D24W01 .contents-section2 .table-board table {
        min-width: 52.1rem;
    }

    .HTNCWKD10D24W01 .contents-section2 .table-board colgroup col:nth-child(1) {
        width: 6.1rem;
    }

    .HTNCWKD10D24W01 .contents-section2 .table-board colgroup col:nth-child(3) {
        width: 10.5rem;
    }

    .HTNCWKD10D24W01 .contents-section2 .table-board colgroup col:nth-child(4) {
        width: 8.2rem;
    }

    .HTNCWKD10D24W01 .contents-section2 .table-board+.pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWKD10D25W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
    padding: 8rem 1.8rem 7.2rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWKD10D25W01 .contents-section2 .contents-article2 {
    padding-top: 14rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D25W01 {
        padding-top: 6rem;
        background-color: rgb(244, 248, 255);
    }

    .HTNCWKD10D25W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
        padding-top: 0;
        padding-bottom: 8rem;
    }

    .HTNCWKD10D25W01 .contents-section2 .contents-article2 {
        background-color: #fff;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWKD10D25W02 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWKD10D25W02 .contents-section2 .table-report colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWKD10D25W02 .contents-section2 .table-report colgroup col:nth-child(3),
.HTNCWKD10D25W02 .contents-section2 .table-report colgroup col:nth-child(4) {
    width: 21.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D25W02 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D25W02 .contents-section2 .table-report table {
        min-width: 41.2rem;
    }

    .HTNCWKD10D25W02 .contents-section2 .table-report colgroup col:nth-child(1) {
        width: 7rem;
    }

    .HTNCWKD10D25W02 .contents-section2 .table-report colgroup col:nth-child(3) {
        width: 9.8rem;
    }

    .HTNCWKD10D25W02 .contents-section2 .table-report colgroup col:nth-child(4) {
        width: 8.2rem;
    }
}

.HTNCWKD10D25W03 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWKD10D25W03 .contents-section2 .table-report colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWKD10D25W03 .contents-section2 .table-report colgroup col:nth-child(3),
.HTNCWKD10D25W03 .contents-section2 .table-report colgroup col:nth-child(4) {
    width: 21.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D25W03 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWKD10D25W03 .contents-section2 .table-report table {
        min-width: 41.2rem;
    }

    .HTNCWKD10D25W03 .contents-section2 .table-report colgroup col:nth-child(1) {
        width: 7rem;
    }

    .HTNCWKD10D25W03 .contents-section2 .table-report colgroup col:nth-child(3) {
        width: 9.8rem;
    }

    .HTNCWKD10D25W03 .contents-section2 .table-report colgroup col:nth-child(4) {
        width: 8.2rem;
    }
}

.HTNCWKD10D25W04 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
    padding: 8rem 1.8rem 7.2rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWKD10D25W04 .contents-section2 .contents-article2 {
    padding-top: 14rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D25W04 {
        padding-top: 6rem;
        background-color: rgb(244, 248, 255);
    }

    .HTNCWKD10D25W04 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
        padding-top: 0;
        padding-bottom: 8rem;
    }

    .HTNCWKD10D25W04 .contents-section2 .contents-article2 {
        background-color: #fff;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWKD10D30W01 #talentAniWrap {
    max-width: 133.6rem;
    margin: 9rem auto 28rem;
}

.HTNCWKD10D30W01 #talentAniWrap .data-wrap {
    display: flex;
    align-items: center;
}

.HTNCWKD10D30W01 #talentAniWrap .data-wrap .img-area {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    justify-content: flex-end;
    padding-right: 1rem;
}

.HTNCWKD10D30W01 #talentAniWrap .data-wrap .img-area .box-wrap {
    position: relative;
}

.HTNCWKD10D30W01 #talentAniWrap .data-wrap .img-area .box2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.HTNCWKD10D30W01 #talentAniWrap .data-wrap .text-area {
    padding-left: 10rem;
}

.HTNCWKD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
}

.HTNCWKD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title .name {
    font-weight: inherit;
}

.HTNCWKD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title .c_blue {
    font-weight: inherit;
    color: #1B4B66;
}

.HTNCWKD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc1 {
    color: #282828;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
}

.HTNCWKD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc2 {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-top: 3rem;
}

.HTNCWKD10D30W01 #talentArticle {
    background: url("../images/common/photo/company/recruitment/img-talent-bg-01-pc.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 12rem 1.8rem 20rem;
}

.HTNCWKD10D30W01 #talentArticle .title {
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.HTNCWKD10D30W01 #talentArticle .title .name {
    font-weight: inherit;
}

.HTNCWKD10D30W01 #talentArticle .talentSwiper {
    width: 100%;
    margin-top: 8rem;
}

.HTNCWKD10D30W01 #talentArticle .talentSwiper .swiper-wrapper {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

.HTNCWKD10D30W01 #talentArticle .talentSwiper .swiper-slide {
    width: calc((100% - 6rem) / 4);
    height: 100%;
    min-height: 42.6rem;
    padding: 2.994% 3.743%;
    border-radius: 2.4rem;
    background: #191F26;
}

.HTNCWKD10D30W01 #talentArticle .talentSwiper .keyword {
    color: #737373;
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    text-align: right;
}

.HTNCWKD10D30W01 #talentArticle .talentSwiper .keyword-eng {
    color: #FF8D24;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem;
    margin-top: 2.8rem;
}

.HTNCWKD10D30W01 #talentArticle .talentSwiper .desc1 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-top: 4rem;
}

.HTNCWKD10D30W01 #talentArticle .talentSwiper .desc2 {
    color: #E1E6EF;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
    margin-top: 1.6rem;
}

.HTNCWKD10D30W01 #talentArticle .comment {
    color: #999;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin-top: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D30W01 #talentAniWrap {
        margin: 7rem auto 10rem;
    }

    .HTNCWKD10D30W01 #talentAniWrap .data-wrap {
        flex-direction: column;
    }

    .HTNCWKD10D30W01 #talentAniWrap .data-wrap .img-area {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-right: 0;
    }

    .HTNCWKD10D30W01 #talentAniWrap .data-wrap .img-area .box-wrap {
        position: relative;
    }

    .HTNCWKD10D30W01 #talentAniWrap .data-wrap .img-area .box {
        width: 41.6vw;
        max-width: 15.6rem;
    }

    .HTNCWKD10D30W01 #talentAniWrap .data-wrap .img-area .box img {
        width: 100%;
    }

    .HTNCWKD10D30W01 #talentAniWrap .data-wrap .text-area {
        padding: 0 3rem;
        margin-top: 8rem;
    }

    .HTNCWKD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }

    .HTNCWKD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc1 {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-bottom: 1.4rem;
    }

    .HTNCWKD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: 2.4rem;
    }

    .HTNCWKD10D30W01 #talentArticle {
        background-image: url("../images/common/photo/company/recruitment/img-talent-bg-01-mo.jpg");
        padding: 10rem 1.8rem 14rem;
        overflow: hidden;
    }

    .HTNCWKD10D30W01 #talentArticle .title {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWKD10D30W01 #talentArticle .talentSwiper {
        margin-top: 4rem;
    }

    .HTNCWKD10D30W01 #talentArticle .talentSwiper .swiper {
        overflow: visible;
    }

    .HTNCWKD10D30W01 #talentArticle .talentSwiper .swiper-wrapper {
        gap: 0;
    }

    .HTNCWKD10D30W01 #talentArticle .talentSwiper .swiper-slide {
        width: 100%;
        min-height: 39rem;
        padding: 4rem;
    }

    .HTNCWKD10D30W01 #talentArticle .talentSwiper .keyword {
        color: #737373;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.6rem;
        text-align: right;
    }

    .HTNCWKD10D30W01 #talentArticle .talentSwiper .keyword-eng {
        color: #FF8D24;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 3.2rem;
        margin-top: 2.8rem;
    }

    .HTNCWKD10D30W01 #talentArticle .talentSwiper .desc1 {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 3.2rem;
        margin-top: 4rem;
    }

    .HTNCWKD10D30W01 #talentArticle .talentSwiper .desc2 {
        color: #E1E6EF;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2.2rem;
        margin-top: 1.6rem;
    }

    .HTNCWKD10D30W01 #talentArticle .comment {
        color: #999;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 2.8rem;
        margin-top: 2.4rem;
    }
}

.HTNCWKD10D31W01 .pmc {
    margin-top: 8rem;
}

.HTNCWKD10D31W01 .thumbnail-display {
    margin-top: 10rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D31W01 .thumbnail-display {
        margin-top: 0rem;
    }
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item {
    padding-bottom: 18rem;
    border-top: 1px solid #E1E6EF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item {
        padding-bottom: 6rem;
    }
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item:first-child {
    border-top: 0;
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap {
    align-items: flex-start;
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body {
    padding-top: 8rem;
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body h4.title {
    margin-bottom: 3rem;
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 {
    display: flex;
    gap: 11rem;
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 li {
    flex: 0 0 calc((100% - 11rem) / 2);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-head {
        text-align: left;
        margin-top: 10rem;
    }

    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body {
        padding-top: 4rem;
    }

    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body h4.title {
        margin-bottom: 1.6rem;
    }

    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 {
        display: block;
    }

    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 li {
        flex: none;
        width: 100%;
        margin-top: 6rem;
    }

    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 li:first-child {
        margin-top: 0;
    }
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.evaluation picture {
    display: block;
    margin-top: 6rem;
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.evaluation picture img {
    width: 100%;
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition {
    margin-top: 14rem;
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list {
    display: flex;
    gap: 2rem;
    margin-top: 3rem;
}

.HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display {
    flex: 0 0 calc((100% - 4rem) / 3);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition {
        margin-top: 6rem;
    }

    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list {
        display: block;
        margin-top: 2.4rem;
    }

    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display {
        flex: none;
        display: block;
        margin-top: 1.2rem;
    }

    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display:first-child {
        margin-top: 0rem;
    }

    .HTNCWKD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display .card-box-inner {
        min-height: 20rem;
    }
}

.HTNCWKD10D31W01 .welfare .tab-accordion-display {
    margin-top: 8rem;
}

.HTNCWKD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title .em1 {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #fff;
    margin-left: 0.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title .em1 {
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2.2rem;
        color: #000;
        margin-left: 0;
    }
}

.HTNCWKD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-content-box .sub-text .em1 {
    font-weight: 600;
    font-size: 1.8rem;
}

.HTNCWKD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2 {
    width: 420px;
    -moz-column-count: 2;
    column-count: 2;
}

.HTNCWKD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2>li {
    flex: 0 0 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2 {
        width: 100%;
        display: block;
        -moz-column-count: 1;
        column-count: 1;
    }

    .HTNCWKD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2>li {
        flex: none;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D31W01 .welfare {
        padding-top: 4rem;
    }
}

.HTNCWKD10D32W01 .container-inner .contents-section-inner .local-head:after {
    transition: 0.7s !important;
}

.HTNCWKD10D32W01 .container-inner .contents-section-inner .local-head.active:after {
    background: #191F26 !important;
    transition: 0.7s !important;
}

.HTNCWKD10D32W01 .container-inner .contents-article1 {
    margin-top: 10rem;
}

.HTNCWKD10D32W01 .container-inner .job-item {
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D32W01 .container-inner .job-item {
        padding-bottom: 10rem;
    }
}

.HTNCWKD10D32W01 .container-inner .job-title {
    width: 100%;
    height: auto;
    margin-top: 4rem;
}

.HTNCWKD10D32W01 .container-inner .job-title .swiper {
    width: 100%;
}

.HTNCWKD10D32W01 .container-inner .job-title .swiper .swiper-wrapper {
    flex-direction: row;
}

.HTNCWKD10D32W01 .container-inner .job-title .swiper .swiper-slide {
    width: auto;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(225, 230, 239);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4rem;
}

.HTNCWKD10D32W01 .container-inner .job-title .swiper .swiper-slide.swiper-slide-thumb-active {
    color: #FF8D24;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D32W01 .container-inner .job-title .swiper .swiper-slide {
        font-size: 1.8rem;
        line-height: 3rem;
        margin-right: 2rem;
    }
}

.HTNCWKD10D32W01 .container-inner .job-content {
    width: 100%;
    height: auto;
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D32W01 .container-inner .job-content {
        margin-top: 2.4rem;
    }
}

.HTNCWKD10D32W01 .container-inner .job-content .swiper {
    width: 100%;
}

.HTNCWKD10D32W01 .container-inner .job-content .swiper .swiper-wrapper {
    flex-direction: row;
}

.HTNCWKD10D32W01 .container-inner .job-content .swiper .swiper-slide .box {
    width: 100%;
    height: 22rem;
    background-color: #0F151C;
    box-shadow: inset 0px 7px 20px rgba(0, 0, 0, 0.15);
    border-radius: 1.6rem;
    padding: 0 8rem;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #fff;
    display: flex;
    justify-content: left;
    align-items: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D32W01 .container-inner .job-content .swiper .swiper-slide .box {
        height: auto;
        padding: 5rem 3rem;
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.HTNCWKD10D33W01 .contents-section-head .data-body .data-para {
    text-align: center;
}

.diagram-display .square {
    margin-bottom: 8rem;
}

.HTNCWKD10D43W01 .contents-section-head .data-body .diagram-display {
    margin-top: 8rem;
    text-align: center;
}


@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-head .data-body .diagram-display {
        margin-top: 6rem;
        margin-left: -1.8rem;
        margin-right: -1.8rem;
    }
}

.HTNCWKD10D33W01 .contents-section-head .data-body .diagram-display picture {
    width: 100%;
}

.HTNCWKD10D33W01 .contents-section-head .data-body .diagram-display picture img {
    width: 100%;
    max-width: 1840px;
}

.HTNCWKD10D33W01 .contents-section-body .contents-article {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .contents-article {
        margin-top: 10rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .contents-article .data-head .title.small-v2 em {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .contents-article .data-body .data-para {
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .contents-article .data-body .data-para {
        text-align: left;
    }
}

.HTNCWKD10D33W01 .contents-section-body .philosophy .data-display {
    width: 100%;
    max-width: 111rem;
    margin: 0 auto;
}

.HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents {
    margin-top: 6rem;
}

.HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li {
    margin-top: 1.2rem;
}

.HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box {
    background-color: rgb(244, 248, 255);
    border: 2px solid #e1e9f0;
    border-radius: 1.6rem;
    padding: 4rem 0rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box {
        padding: 3rem 0rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner {
    display: flex;
    align-items: center;
}

.HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .title {
    flex: 0 0 30%;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: #1B4B66;
    padding-left: 6rem;
}

.HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .desc {
    flex: 0 0 70%;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #282828;
    padding-right: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner {
        display: block;
    }

    .HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .title {
        flex: none;
        padding-left: 2.4rem;
    }

    .HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .desc {
        flex: none;
        font-size: 1.4rem;
        padding-left: 2.4rem;
        padding-top: 1.6rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list {
    display: flex;
    flex-wrap: wrap;
}

.HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list .order-item {
    flex: 0 0 50%;
    margin-top: 0.5rem;
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list {
        display: block;
    }

    .HTNCWKD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list .order-item {
        flex: none;
    }
}

.HTNCWKD10D33W01 .contents-section-body .leader .data-body .data-para {
    text-align: left;
}

.HTNCWKD10D33W01 .contents-section-body .leader .table-display {
    margin-top: 8rem;
}

.HTNCWKD10D33W01 .contents-section-body .global {
    padding: 18rem 0;
    background-image: url("../images/common/photo/company/recruitment/img-dev-01-pc.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .global {
        padding: 10rem 0;
        background-image: url("../images/common/photo/company/recruitment/img-dev-01-mo.jpg");
    }
}

.HTNCWKD10D33W01 .contents-section-body .global .data-body .data-para {
    text-align: left;
}

.HTNCWKD10D33W01 .contents-section-body .global .data-display {
    display: flex;
    gap: 4rem;
    align-items: center;
    justify-content: space-between;
}

.HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul {
    display: flex;
    gap: 2rem;
}

.HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box {
    width: 32rem;
    height: 100%;
    min-height: 28.5rem;
    padding: 4rem 2rem 4rem 4rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 1.6rem;
}

.HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .name {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: #1B4B66;
}

.HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list {
    margin-top: 2.5rem;
}

.HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list li {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 0.5rem;
}

.HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list li:first-child {
    margin-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .global .data-display {
        display: block;
        gap: 0;
    }

    .HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul {
        display: block;
        gap: 0;
        margin-top: 6rem;
    }

    .HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li {
        margin-top: 1rem;
    }

    .HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box {
        width: 74.045%;
        height: auto;
        min-height: auto;
        padding: 2.5rem;
        border-radius: 1.2rem;
        margin-left: auto;
    }

    .HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list {
        margin-top: 1.2rem;
    }

    .HTNCWKD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list li {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 0rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .professional .data-body .data-para {
    text-align: left;
}

.HTNCWKD10D33W01 .contents-section-body .professional .box_contents>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 4rem;
}

.HTNCWKD10D33W01 .contents-section-body .professional .box_contents>ul>li {
    flex: 0 0 calc((100% - 1rem) / 2);
}

.HTNCWKD10D33W01 .contents-section-body .professional .box_contents>ul>li .box {
    width: 100%;
    height: 100%;
    min-height: 18.5rem;
    padding: 5rem;
    border-radius: 1rem;
    border: 1px solid #e1e6ef;
}

.HTNCWKD10D33W01 .contents-section-body .professional .box_contents>ul>li .box .order-item,
.HTNCWKD10D33W01 .contents-section-body .professional .box_contents>ul>li .box .order-item:before {
    color: #091943;
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .professional .box_contents>ul {
        display: block;
    }

    .HTNCWKD10D33W01 .contents-section-body .professional .box_contents>ul>li {
        flex: none;
        width: 100%;
        margin-top: 1rem;
    }

    .HTNCWKD10D33W01 .contents-section-body .professional .box_contents>ul>li:first-child {
        margin-top: 0;
    }

    .HTNCWKD10D33W01 .contents-section-body .professional .box_contents>ul>li .box {
        height: auto;
        min-height: auto;
        padding: 1.8rem 1.8rem 1.8rem 1.2rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .job-edu .data-body {
    padding-top: 1.2rem !important;
}

.HTNCWKD10D33W01 .contents-section-body .job-edu .data-body .data-para {
    text-align: left;
    color: #091943;
}

.HTNCWKD10D33W01 .contents-section-body .job-edu .table-display {
    margin-top: 3rem;
}

.HTNCWKD10D33W01 .contents-section-body .biz-edu .data-body {
    padding-top: 1.2rem !important;
}

.HTNCWKD10D33W01 .contents-section-body .biz-edu .data-body .data-para {
    text-align: left;
    color: #091943;
}

.HTNCWKD10D33W01 .contents-section-body .biz-edu .table-display {
    margin-top: 3rem;
}

.HTNCWKD10D33W01 .contents-section-body .core-value {
    padding: 14rem 0;
    background-color: #191F26;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .core-value {
        padding: 10rem 0 8rem 0;
    }

    .HTNCWKD10D33W01 .contents-section-body .core-value .data-display.case-2 .data-body .data-para {
        text-align: center;
    }
}

.HTNCWKD10D33W01 .contents-section-body .core-value .slide-img-wrapper {
    overflow-x: hidden;
    padding: 6rem 0 10rem 0;
    margin: 0 -1.8rem;
}

.HTNCWKD10D33W01 .contents-section-body .core-value .slide-img-wrapper .slide-img {
    padding-bottom: 11.784%;
    position: relative;
}

.HTNCWKD10D33W01 .contents-section-body .core-value .slide-img-wrapper .slide-img .img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .core-value .slide-img-wrapper {
        padding: 6rem 0 4rem 0;
    }

    .HTNCWKD10D33W01 .contents-section-body .core-value .slide-img-wrapper .slide-img {
        padding-bottom: 10rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul {
    border-top: 1px solid transparent;
    -o-border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image-slice: 1;
}

.HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li {
    display: flex;
    padding: 6rem 11rem;
    border-bottom: 1px solid transparent;
    -o-border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image-slice: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li {
        display: block;
        padding: 3rem 2rem 3rem 3rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li h5.title {
    flex: 0 0 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li h5.title {
        flex: none;
        width: 100%;
        margin-bottom: 1.8rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc {
    flex: 0 0 50%;
}

.HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1 {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: #FF8D24;
}

.HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1+.txt2 {
    margin-top: 2rem;
}

.HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt2 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #E1E6EF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc {
        flex: none;
        width: 100%;
    }

    .HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1 {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1+.txt2 {
        margin-top: 1rem;
    }

    .HTNCWKD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt2 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .adaptation {
    margin-top: 0;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .bg-container-wrap {
    display: flex;
    align-items: flex-start;
    max-width: 162.9rem;
    margin: 0 -1.8rem;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .bg-container-wrap .bg {
    position: sticky;
    top: 0;
    height: 100vh;
    flex: 0 0 calc(100% - 88.5rem);
    background-image: url("../images/common/photo/company/recruitment/img-adaptation-01-pc.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .bg-container-wrap .con {
    flex: 0 0 88.5rem;
    padding-top: 18rem;
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .adaptation .bg-container-wrap {
        display: block;
        max-width: 100%;
        margin: inherit;
    }

    .HTNCWKD10D33W01 .contents-section-body .adaptation .bg-container-wrap .bg {
        position: static;
        top: 0;
        height: auto;
        flex: none;
        background-image: none;
    }

    .HTNCWKD10D33W01 .contents-section-body .adaptation .bg-container-wrap .con {
        flex: none;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .data-display {
    max-width: 88.5rem;
    padding-left: 11rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .adaptation .data-display {
        max-width: initial;
        padding-left: 0rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .data-display .data-body .data-para {
    text-align: left;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper {
    padding: 12rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper {
        padding: 8rem 1.8rem;
        margin: 6rem -1.8rem 0 -1.8rem;
        background-image: url("../images/common/photo/company/recruitment/img-adaptation-01-mo.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper {
    position: relative;
    z-index: 3;
    width: 62.5rem;
    height: 40rem;
    border: 1px solid #E1E6EF;
    border-radius: 1.6rem;
    background-color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper {
        width: 100%;
        height: auto;
        min-height: 35rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-wrapper {
    flex-direction: row;
    height: 200px;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide {
    padding: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide {
        padding: 3rem 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .title {
        text-align: center;
    }
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .title .name {
    color: #1B4B66;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .order-list {
    margin-top: 3rem;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .order-list .order-item {
    font-weight: 600;
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .order-list {
        margin-top: 2.4rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev,
.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next {
    width: 2.2rem;
    height: 2.2rem;
    top: initial;
    bottom: 5.4rem;
    z-index: 2;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev,
    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next {
        bottom: 3.4rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev:after,
.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next:after {
    display: none;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev .button.design-1.case-6,
.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next .button.design-1.case-6 {
    width: 2.4rem;
    height: 2.4rem;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev {
    left: 50%;
    margin-left: -6.5rem;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next {
    right: 50%;
    margin-right: -6.5rem;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-pagination {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #282828;
    bottom: 5rem;
    z-index: 1;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-pagination>* {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-pagination {
        bottom: 3rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg {
    position: relative;
    height: 3rem;
    border-radius: 1.6rem;
    margin: -1.5rem auto 0 auto;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg1 {
    width: 76%;
    border: 1px solid #d8eef8;
    background-color: #e0f6ff;
    z-index: 2;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg2 {
    width: 72%;
    border: 1px solid #d8e9f1;
    background-color: #cce2ed;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg {
        height: 3rem;
        margin: -1.7rem auto 0 auto;
    }

    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg1 {
        width: 95%;
    }

    .HTNCWKD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg2 {
        width: 90%;
    }
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .ojt {
    width: 62.5rem;
    padding-left: 6rem;
    margin: 0 auto;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .ojt>ul>li {
    margin-top: 3rem;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .ojt>ul>li .title .name {
    color: #1B4B66;
}

.HTNCWKD10D33W01 .contents-section-body .adaptation .ojt>ul>li>ul.order-list {
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .adaptation .ojt {
        width: 100%;
        padding-left: 0rem;
        padding-top: 6rem;
    }

    .HTNCWKD10D33W01 .contents-section-body .adaptation .ojt>ul>li {
        margin-top: 1.5rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program {
    margin-top: 0;
    padding: 18rem 0 20rem 0;
    background-image: url("../images/common/photo/company/recruitment/img-edu-bg-pc.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program {
        padding: 10rem 0 14rem 0;
        background-image: url("../images/common/photo/company/recruitment/img-edu-bg-mo.jpg");
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .data-body .data-para {
    text-align: left;
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents {
        margin-top: 10rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list {
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list {
        margin-top: 2.4rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li {
    flex: 0 0 calc((100% - 2rem) / 2);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li {
        flex: 0 0 100%;
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box {
    width: 100%;
    height: 100%;
    color: #fff;
    border-radius: 2rem;
    background-color: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box {
        padding: 4rem 3rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box h6.title .num {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #FF8D24;
    vertical-align: middle;
    margin-right: 1.5rem;
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box h6.title .name {
    vertical-align: middle;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box h6.title .num {
        margin-right: 1.2rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box .order-list {
    margin-top: 1.7rem;
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box .order-list .order-item {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box .order-list .order-item {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(2) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-01-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(2) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-01-mo.png");
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(3) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-02-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(3) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-02-mo.png");
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(6) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-03-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(6) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-03-mo.png");
    }
}

.HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(7) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-04-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(7) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-04-mo.png");
    }
}

.HTNCWKD20D10W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWKD20D10W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD20D10W01 .contents-section1 .diagram-display.design-1 .picture {
        max-width: 33.9rem;
        margin: 0 auto;
    }
}

.HTNCWKD20D10W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    background-image: url(../images/common/photo/business/textile/img-creora-bg-01.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWKD20D10W01 .contents-section2 .contents-article1 .contents-article-inner {
    min-height: 100vh;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWKD20D10W01 .contents-section2 .contents-article2 {
    padding-top: 18rem;
}

.HTNCWKD20D10W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
    margin-top: 18rem;
}

.HTNCWKD20D10W01 .contents-section2 .contents-article2 .business-content-list .detail-content-product {
    padding-top: 18rem;
    background-color: rgb(0, 0, 0);
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD20D10W01 .contents-section2 .contents-article1 {
        margin-top: 0;
    }

    .HTNCWKD20D10W01 .contents-section2 .contents-article1 .contents-article-inner {
        min-height: initial;
        padding-bottom: 8rem;
    }

    .HTNCWKD20D10W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
    }

    .HTNCWKD20D10W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
        margin-top: 10rem;
    }

    .HTNCWKD20D10W01 .contents-section2 .contents-article2 .business-content-list .detail-content-product {
        padding-top: 8rem;
        padding-bottom: 14rem;
    }
}

.HTNCWKD20D11W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWKD20D11W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD20D11W01 .contents-section1 .diagram-display.design-1 .picture {
        max-width: 33.9rem;
        margin: 0 auto;
    }
}

.HTNCWKD20D11W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    background-image: url(../images/common/photo/business/textile/img-regen-bg-01.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWKD20D11W01 .contents-section2 .contents-article1 .contents-article-inner {
    min-height: 100vh;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWKD20D11W01 .contents-section2 .contents-article2 {
    padding-top: 18rem;
    padding-bottom: 20rem;
}

.HTNCWKD20D11W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD20D11W01 .contents-section2 .contents-article1 {
        margin-top: 0;
    }

    .HTNCWKD20D11W01 .contents-section2 .contents-article1 .contents-article-inner {
        min-height: initial;
        padding-bottom: 8rem;
    }

    .HTNCWKD20D11W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD20D11W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
        margin-top: 10rem;
    }
}

.HTNCWKD20D12W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWKD20D12W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD20D12W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
}

.HTNCWKD20D12W01 .contents-section2 .contents-article1 .detail-content {
    margin-top: 18rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD20D12W01 .contents-section2 .contents-article1 {
        margin-top: 0;
    }

    .HTNCWKD20D12W01 .contents-section2 .contents-article1 .detail-content {
        margin-top: -5rem;
        padding-bottom: 14rem;
    }
}

.HTNCWKD20D20W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWKD20D20W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD20D20W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD20D20W01 .contents-section2 .contents-article1 {
        margin-top: 0;
        padding-bottom: 14rem;
    }

    .HTNCWKD20D20W01 .contents-section2 .contents-article1 .business-content-list .content-inner.detail-content {
        margin-top: -5rem;
    }
}

.HTNCWKD20D21W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWKD20D21W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    background-image: url(../images/common/photo/business/trading/img-field-bg-01.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .contents-article-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject {
    text-align: center;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject .subject-sup {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(255, 255, 255);
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject .subject-sup+.title {
    margin-top: 1.8rem;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject+.board-list {
    margin-top: 10rem;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list {
    display: flex;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item {
    width: 20%;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item.current .board-wrap {
    border-color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.1);
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item.current .board-button {
    opacity: 1;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item:hover .board-wrap {
    border-color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.1);
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item:hover .board-button {
    opacity: 1;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap {
    display: block;
    position: relative;
    height: 100%;
    padding: 4.8rem 9.36% 6rem 14.975%;
    border-radius: 0.8rem;
    border: 0.1rem solid transparent;
    background-color: transparent;
    transition: 0.4s ease-in-out;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap .board-head {
    min-height: 6.4rem;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap .board-head+.board-body {
    margin-top: 1.2rem;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap .board-body {
    min-height: 11rem;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-title {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(255, 255, 255);
}

.HTNCWKD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-button {
    position: absolute;
    left: 4rem;
    bottom: 3rem;
    opacity: 0;
    transition: 0.4s ease-in-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD20D21W01 .contents-section2 .contents-article1 {
        display: none;
    }
}

.HTNCWKD20D21W01 .contents-section2 .navi .tab-text {
    transition: 0.3s;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article2 {
    padding-top: 12.8rem;
    padding-bottom: 20rem;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article2 .business-content-list .business-content-item {
    display: none;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article2 .business-content-list .business-content-item.current {
    display: block;
}

.HTNCWKD20D21W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD20D21W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
        margin-top: 10rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .business-content-list .content-inner.detail-content {
        margin-top: -5rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-tpa>table {
        min-width: 52.7rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-tpa colgroup col:nth-child(1) {
        width: 12.5rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-tpa colgroup col:nth-child(2) {
        width: 9.6rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-tpa colgroup col:nth-child(3) {
        width: 13.1rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip>table {
        min-width: 71.7rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(1) {
        width: 8.7rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(2) {
        width: 13.2rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(3) {
        width: 9.4rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(4) {
        width: 12.8rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(5) {
        width: 11rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-psf>table {
        min-width: 71.7rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(1) {
        width: 9.3rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(2) {
        width: 11.5rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(3) {
        width: 12.1rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(4) {
        width: 11.5rem;
    }

    .HTNCWKD20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(5) {
        width: 9.9rem;
    }
}

.HTNCWKD20D22W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWKD20D22W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD20D22W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    padding-top: 18rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD20D22W01 .contents-section2 .contents-article1 {
        margin-top: 0;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWKD20D23W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWKD20D23W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD20D23W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    padding-top: 18rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD20D23W01 .contents-section2 .contents-article1 {
        margin-top: 0;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWKD30D10W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D10W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD30D10W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
}

.HTNCWKD30D10W01 .contents-section2 .contents-article2 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWKD30D10W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D10W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWKD30D10W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD30D10W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWKD30D11W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D11W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD30D11W01 .contents-section2 .contents-article1 .thumbnail-display.design-34 {
    margin-top: 8rem;
}

.HTNCWKD30D11W01 .contents-section2 .contents-article2 {
    padding-top: 18rem;
    padding-bottom: 20rem;
}

.HTNCWKD30D11W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D11W01 .contents-section2 .contents-article1 .thumbnail-display.design-34 {
        margin-left: -1.8rem;
        margin-right: -1.8rem;
        width: auto;
    }

    .HTNCWKD30D11W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD30D11W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWKD30D12W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D12W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD30D12W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWKD30D12W01 .contents-section2 .contents-article1 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D12W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWKD30D12W01 .contents-section2 .contents-article1 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWKD30D13W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D13W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD30D13W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
    overflow: hidden;
}

.HTNCWKD30D13W01 .contents-section2 .contents-article2 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWKD30D13W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D13W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWKD30D13W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD30D13W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWKD30D20W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D20W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWKD30D20W01 .contents-section2 .contents-article~.contents-article {
    margin-top: 18rem;
}

.HTNCWKD30D20W01 .contents-section2 .contents-article .data-display.design-1 .data-aside {
    margin-top: 6rem;
}

.HTNCWKD30D20W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWKD30D20W01 .contents-section2 .contents-article1 .thumbnail-display.design-39 .thumbnail-figure {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.HTNCWKD30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-header {
    display: none;
}

.HTNCWKD30D20W01 .contents-section2 .contents-article3 {
    background: url(../images/common/photo/brand/esgnow/img-regen-bg-02-pc.jpg) no-repeat center center;
    background-size: cover;
    padding: 14rem 0;
}

.HTNCWKD30D20W01 .contents-section2 .contents-article5 {
    background-color: rgb(244, 248, 255);
    padding: 14rem 0 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D20W01 .contents-section2 .contents-article~.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-header {
        display: block;
        margin-bottom: 2rem;
        border-radius: 1.6rem;
        background-color: rgb(27, 75, 102);
        text-align: center;
        overflow: hidden;
    }

    .HTNCWKD30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-header .img {
        max-width: 100%;
    }

    .HTNCWKD30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-body .picture {
        min-width: 74.9rem;
    }

    .HTNCWKD30D20W01 .contents-section2 .contents-article3 {
        background: url(../images/common/photo/brand/esgnow/img-regen-bg-02-mo.jpg) no-repeat center center;
        background-size: cover;
        padding: 10rem 0 8rem;
    }

    .HTNCWKD30D20W01 .contents-section2 .contents-article5 {
        padding: 10rem 0 14rem;
    }

    .HTNCWKD30D20W01 .contents-section2 .contents-article5 .data-display.design-1 .data-aside {
        margin-top: 4rem;
    }

    .HTNCWKD30D20W01 .contents-section2 .contents-article5 .diagram-display.design-2 .diagram-body .picture {
        min-width: 105.5rem;
    }
}

.HTNCWKD30D21W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D21W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWKD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 {
    margin-top: 8rem;
}

.HTNCWKD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-sub {
    margin-top: 6rem;
}

.HTNCWKD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-sub .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.HTNCWKD30D21W01 .contents-section2 .contents-article2 {
    margin-top: 18rem;
}

.HTNCWKD30D21W01 .contents-section2 .contents-article3 {
    margin-top: 14rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 {
        margin-top: 6rem;
    }

    .HTNCWKD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-body .picture {
        min-width: 124.8rem;
    }

    .HTNCWKD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-sub .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWKD30D21W01 .contents-section2 .contents-article2 {
        margin-top: 10rem;
    }

    .HTNCWKD30D21W01 .contents-section2 .contents-article3 {
        margin-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWKD30D22W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D22W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWKD30D22W01 .contents-section2 .contents-article~.contents-article {
    margin-top: 18rem;
}

.HTNCWKD30D22W01 .contents-section2 .contents-article1 .data-display.design-6 {
    margin-top: 6rem;
}

.HTNCWKD30D22W01 .contents-section2 .contents-article3 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D22W01 .contents-section2 .contents-article~.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD30D22W01 .contents-section2 .contents-article3 {
        padding-bottom: 14rem;
    }

    .HTNCWKD30D22W01 .contents-section2 .contents-article3 .data-display.design-7 {
        min-width: 700px;
    }
}

.HTNCWKD30D23W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D23W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner {
    display: flex;
    align-items: flex-start;
    padding-bottom: 24rem;
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display {
    position: sticky;
    width: 26%;
    max-width: 31.9rem;
    top: calc(7.6rem + 2vh);
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item {
    position: relative;
    border-radius: 0.8rem;
    height: 8rem;
    max-height: 36rem;
    overflow: hidden;
    --bs-transition-duration: 0.5s;
    transition: var(--bs-transition-duration);
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item+.thumbnail-item {
    margin-top: 0.6rem;
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item.active {
    height: 40vh;
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item.active .thumbnail-inform {
    bottom: 2rem;
    transform: translateY(0);
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item.active .thumbnail-inform .thumbnail-para {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-figure .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-inform {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 1rem;
    bottom: 50%;
    transform: translateY(50%);
    transition: var(--bs-transition-duration);
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-inform .thumbnail-para {
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(255, 255, 255);
    transition: var(--bs-transition-duration);
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-inform .thumbnail-para .inline-block {
    display: inline-block;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 {
    flex: 1 1 74%;
    padding-left: 18.414%;
    padding-top: 4rem;
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail {
    display: none;
}

.HTNCWKD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .title .color-1 {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: rgb(75, 132, 240);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D23W01 .contents-section2 .contents-article-inner {
        display: block;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display {
        display: none;
    }

    .HTNCWKD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 {
        padding-left: 0;
        padding-top: 0;
    }

    .HTNCWKD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail {
        display: block;
        position: relative;
        border-radius: 0.8rem;
        overflow: hidden;
    }

    .HTNCWKD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail .img {
        width: 100%;
    }

    .HTNCWKD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail+.data-head {
        padding-top: 4rem;
    }

    .HTNCWKD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .thumbnail-inform {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 2rem;
        padding: 0 1rem;
    }

    .HTNCWKD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .thumbnail-inform .thumbnail-para {
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 3.2rem;
        text-align: center;
        color: rgb(255, 255, 255);
    }
}

.HTNCWKD30D24W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D24W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWKD30D24W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
}

.HTNCWKD30D24W01 .contents-section2 .contents-article2 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWKD30D24W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D24W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWKD30D24W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD30D24W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWKD30D25W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D25W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWKD30D25W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article .data-picture .img {
    max-width: 100%;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article1 .data-display.design-1.case-23 {
    padding: 10rem 5rem 11rem;
    border-radius: 2.4rem;
    background: url(../images/common/photo/brand/esgnow/img-commu-bg-01-pc.jpg) no-repeat center center;
    background-size: cover;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article2 {
    overflow: hidden;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item1 .diagram-display.design-1 {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-top: 8rem;
    padding-bottom: 10rem;
    background-color: rgb(248, 249, 252);
}

.HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item3 .diagram-display.design-2 {
    padding-top: 2rem;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4 {
    position: relative;
    padding-top: 11rem;
    padding-bottom: 11rem;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4::after {
    content: "";
    position: absolute;
    left: calc(50% - 50vw + 6rem);
    top: 0;
    width: calc(100vw - 12rem);
    height: 100%;
    border-radius: 2.4rem;
    background: url(../images/common/photo/brand/esgnow/img-commu-bg-03-pc.jpg) no-repeat center center;
    background-size: cover;
    z-index: -1;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 {
    max-width: 69.8rem;
    margin: 0 auto;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-item+.data-item {
    margin-top: 1rem;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body {
    padding: 2.9rem 1.5rem;
    border-radius: 1.2rem;
    background-color: rgba(255, 255, 255, 0.08);
    border: 0.1rem solid rgba(255, 255, 255, 0.2);
}

.HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body .data-title {
    margin-top: 0.2rem;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article4 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWKD30D25W01 .contents-section2 .contents-article4 .data-display.case-25.align-3 .data-head {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D25W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article1 .data-display.design-1.case-23 {
        padding: 8.2rem 1rem;
        background: url(../images/common/photo/brand/esgnow/img-commu-bg-01-mo.jpg) no-repeat center center;
        background-size: cover;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-picture .img {
        width: 43.9%;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item1 .diagram-display.design-1 {
        margin-left: -1.8rem;
        margin-right: -1.8rem;
        padding: 5rem 1.8rem;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item2 .data-body {
        margin-top: -4.4rem;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item2 .thumbnail-display.design-40 {
        padding-top: 2rem;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item3 .diagram-display.design-2 .picture {
        min-width: 58.6rem;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4 {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4::after {
        left: -1.8rem;
        width: 100vw;
        border-radius: 0;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 {
        max-width: initial;
        margin-top: -1.6rem;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body {
        padding: 2.4rem 1.4rem;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body .data-title {
        margin-top: 0.4rem;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article3 .data-picture .img {
        width: 43.9%;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article4 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD30D25W01 .contents-section2 .contents-article4 .data-display.case-25.align-3 .data-head {
        padding-top: 4rem;
    }
}

.HTNCWKD30D30W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D30W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD30D30W01 .contents-section2 .contents-article {
    text-align: center;
}

.HTNCWKD30D30W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWKD30D30W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWKD30D30W01 .contents-section2 .contents-article1 .data-aside-inner {
    position: relative;
    margin-top: 8rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWKD30D30W01 .contents-section2 .contents-article1 .data-aside-inner::after {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    left: calc(50% - 50vw);
    top: 0;
    background-color: rgb(244, 248, 255);
    z-index: -1;
}

.HTNCWKD30D30W01 .contents-section2 .contents-article1 .thumbnail-figure {
    padding-bottom: 6rem;
}

.HTNCWKD30D30W01 .contents-section2 .contents-article1 .thumbnail-figure .img {
    max-width: 100%;
}

.HTNCWKD30D30W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

.HTNCWKD30D30W01 .contents-section2 .contents-article2 .data-aside-inner {
    margin-top: 10rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D30W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD30D30W01 .contents-section2 .contents-article1 .data-aside-inner {
        margin-top: 6rem;
        padding-bottom: 8rem;
    }

    .HTNCWKD30D30W01 .contents-section2 .contents-article1 .data-aside-inner .data-display.case-12 {
        max-width: 340px;
        margin: 0 auto;
        word-break: keep-all;
    }

    .HTNCWKD30D30W01 .contents-section2 .contents-article1 .thumbnail-figure {
        padding-bottom: 4rem;
    }

    .HTNCWKD30D30W01 .contents-section2 .contents-article1 .thumbnail-figure .img {
        width: 100%;
    }

    .HTNCWKD30D30W01 .contents-section2 .contents-article1 .title.small-v1 .name {
        font-size: 2.8rem;
    }

    .HTNCWKD30D30W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }

    .HTNCWKD30D30W01 .contents-section2 .contents-article2 .data-aside-inner {
        margin-top: 6rem;
    }
}

.HTNCWKD30D31W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D31W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD30D31W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 14rem;
}

.HTNCWKD30D31W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D31W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD30D31W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD30D32W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D32W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD30D32W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWKD30D32W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWKD30D32W01 .contents-section2 .contents-article1 .data-aside-inner {
    position: relative;
    margin-top: 8rem;
    padding: 14rem 0;
}

.HTNCWKD30D32W01 .contents-section2 .contents-article1 .data-aside-inner::after {
    content: "";
    position: absolute;
    left: calc(50% - 50vw);
    top: 0;
    width: 100vw;
    height: 100%;
    background: url(../images/common/photo/brand/brandstrategy/img-system-bg-01-pc.jpg) no-repeat center center;
    background-size: cover;
    z-index: -1;
}

.HTNCWKD30D32W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

.HTNCWKD30D32W01 .contents-section2 .contents-article2 .data-aside-inner {
    margin-top: 6.8rem;
}

.HTNCWKD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type .brand-figure {
    padding-top: 0;
    padding-bottom: 0;
}

.HTNCWKD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type .brand-figure .logo {
    width: 28.2rem;
}

.HTNCWKD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:nth-of-type(3) .brand-figure {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D32W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD30D32W01 .contents-section2 .contents-article1 .data-aside-inner {
        margin-top: 6rem;
        padding: 10rem 0 8rem;
    }

    .HTNCWKD30D32W01 .contents-section2 .contents-article1 .data-aside-inner::after {
        background: url(../images/common/photo/brand/brandstrategy/img-system-bg-01-mo.jpg) no-repeat center center;
        background-size: cover;
    }

    .HTNCWKD30D32W01 .contents-section2 .contents-article2 {
        padding-bottom: 8rem;
    }

    .HTNCWKD30D32W01 .contents-section2 .contents-article2 .data-aside-inner {
        margin-top: 7.8rem;
    }

    .HTNCWKD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type {
        padding-top: 0;
    }

    .HTNCWKD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type .brand-figure .logo {
        width: 22.5rem;
    }

    .HTNCWKD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:nth-of-type(3) .brand-figure {
        padding: 3.9rem 2.95rem;
    }
}

.HTNCWKD30D33W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD30D33W01.container.sub .contents-section2 .contents-article {
    transition: unset;
    transform: unset !important;
}

.HTNCWKD30D33W01 .contents-section2.active2 #visualAni {
    opacity: 1;
}

.HTNCWKD30D33W01 .contents-section2 .contents-article2 {
    opacity: 1 !important;
    background-color: #fff;
    padding-top: 8rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D33W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWKD30D33W01 #visualAni {
    position: relative;
    transform: unset;
    padding: 0;
    transition: 0.3s;
    overflow: hidden;
}

.HTNCWKD30D33W01 #visualAni .pin-wrap {
    position: relative;
    height: 100vh;
}

.HTNCWKD30D33W01 #visualAni .bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.HTNCWKD30D33W01 #visualAni .bg-wrap .bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.HTNCWKD30D33W01 #visualAni .bg-wrap .bg.on {
    opacity: 1;
}

.HTNCWKD30D33W01 #visualAni .bg-wrap .bg.on img {
    transform: scale(1.1);
}

.HTNCWKD30D33W01 #visualAni .bg-wrap .bg.bg1 {
    opacity: 1;
}

.HTNCWKD30D33W01 #visualAni .bg-wrap .bg.bg1.on img {
    filter: brightness(2);
}

.HTNCWKD30D33W01 #visualAni .bg-wrap .bg.bg1 img {
    filter: brightness(1);
}

.HTNCWKD30D33W01 #visualAni .bg-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: 0.8s;
}

.HTNCWKD30D33W01 #visualAni .ani-wrap {
    position: relative;
    padding-top: 32vh;
}

.HTNCWKD30D33W01 #visualAni .wrap_text {
    text-align: center;
    color: #fff;
    padding: 0 1.8rem;
}

.HTNCWKD30D33W01 #visualAni .wrap_text1.pc .t_title {
    margin-bottom: 7rem;
}

.HTNCWKD30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner {
    display: inline-flex;
    gap: 1rem;
    overflow: hidden;
}

.HTNCWKD30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner.on .word {
    transform: translateY(0);
}

.HTNCWKD30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner .word {
    display: block;
    font-family: "Poppins";
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 7.2rem;
    color: #fff;
    transform: translateY(100%);
    transition: transform 0.5s;
}

.HTNCWKD30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(2) {
    transition-delay: 0.1s;
}

.HTNCWKD30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(3) {
    transition-delay: 0.2s;
}

.HTNCWKD30D33W01 #visualAni .wrap_text1.mo {
    display: none;
}

.HTNCWKD30D33W01 #visualAni .blue-bar {
    width: 28.5rem;
    height: 6rem;
    background: #00AEEF;
    margin: 0 auto;
}

.HTNCWKD30D33W01 #visualAni .wrap_text2 {
    margin-top: 7.5rem;
}

.HTNCWKD30D33W01 #visualAni .wrap_text2,
.HTNCWKD30D33W01 #visualAni .wrap_text3 {
    opacity: 0;
    visibility: hidden;
}

.HTNCWKD30D33W01 #visualAni .t_desc1 {
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
    margin-bottom: 2rem;
}

.HTNCWKD30D33W01 #visualAni .t_desc1 .c-blue {
    font-weight: inherit;
    color: #00AEEF;
}

.HTNCWKD30D33W01 #visualAni .t_desc2 {
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
    margin-bottom: 2rem;
}

.HTNCWKD30D33W01 #visualAni .t_desc3 {
    font-family: "Hyosung";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 4rem;
}

.HTNCWKD30D33W01 #visualAni .t_desc4 {
    color: rgba(255, 255, 255, 0.6);
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D33W01 #visualAni .ani-wrap {
        padding-top: 32vh;
    }

    .HTNCWKD30D33W01 #visualAni .wrap_text1.pc {
        display: none;
    }

    .HTNCWKD30D33W01 #visualAni .wrap_text1.mo {
        display: block;
    }

    .HTNCWKD30D33W01 #visualAni .wrap_text1.mo .t_title {
        margin-bottom: 4rem;
    }

    .HTNCWKD30D33W01 #visualAni .wrap_text1.mo .t_title.on .t_title_inner .word {
        transform: translateY(0);
    }

    .HTNCWKD30D33W01 #visualAni .wrap_text1.mo .t_title .t_title_inner {
        display: block;
        overflow: hidden;
    }

    .HTNCWKD30D33W01 #visualAni .wrap_text1.mo .t_title .t_title_inner:nth-child(2) .word {
        transition-delay: 0.1s;
    }

    .HTNCWKD30D33W01 #visualAni .wrap_text1.mo .t_title .t_title_inner .word {
        display: block;
        font-family: "Poppins";
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4.8rem;
        color: #fff;
        transform: translateY(100%);
        transition: transform 0.5s;
    }

    .HTNCWKD30D33W01 #visualAni .blue-bar {
        width: 21.4rem;
        height: 4.5rem;
    }

    .HTNCWKD30D33W01 #visualAni .wrap_text2 {
        margin-top: 6rem;
    }

    .HTNCWKD30D33W01 #visualAni .t_desc1 {
        font-size: 2.4rem;
        line-height: 3.6rem;
        margin-bottom: 1.6rem;
    }

    .HTNCWKD30D33W01 #visualAni .t_desc2 {
        font-size: 2rem;
        line-height: 3.2rem;
    }

    .HTNCWKD30D33W01 #visualAni .t_desc3 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWKD30D33W01 #visualAni .t_desc4 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }
}

.HTNCWKD30D33W02.container.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD30D33W02.container.sub .contents-section2 .contents-article {
    transition: unset;
    transform: unset !important;
}

.HTNCWKD30D33W02 .contents-section2.active2 #visualAni {
    opacity: 1;
}

.HTNCWKD30D33W02 .contents-section2 .contents-article2 {
    opacity: 1 !important;
    background-color: #fff;
    padding-top: 8rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D33W02 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWKD30D33W02 #visualAni {
    position: relative;
    transform: unset;
    padding: 0;
    transition: 0.3s;
    overflow: hidden;
}

.HTNCWKD30D33W02 #visualAni .pin-wrap {
    position: relative;
    height: 100vh;
}

.HTNCWKD30D33W02 #visualAni .bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.HTNCWKD30D33W02 #visualAni .bg-wrap .bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.HTNCWKD30D33W02 #visualAni .bg-wrap .bg.bg1 {
    opacity: 1;
}

.HTNCWKD30D33W02 #visualAni .bg-wrap .bg.bg1.on img {
    transform: scale(1.1);
    filter: brightness(2);
}

.HTNCWKD30D33W02 #visualAni .bg-wrap .bg.bg1 img {
    filter: brightness(1);
}

.HTNCWKD30D33W02 #visualAni .bg-wrap .bg.bg2 {
    transition: unset;
}

.HTNCWKD30D33W02 #visualAni .bg-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: 0.8s;
}

.HTNCWKD30D33W02 #visualAni .ani-wrap {
    position: relative;
    padding-top: 32vh;
}

.HTNCWKD30D33W02 #visualAni .wrap_text {
    text-align: center;
    color: #fff;
    padding: 0 1.8rem;
}

.HTNCWKD30D33W02 #visualAni .wrap_text1.pc .t_title {
    margin-bottom: 7rem;
}

.HTNCWKD30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner {
    display: inline-flex;
    gap: 1rem;
    overflow: hidden;
}

.HTNCWKD30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner.on .word {
    transform: translateY(0);
}

.HTNCWKD30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner .word {
    display: block;
    font-family: "Poppins";
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 7.2rem;
    color: #fff;
    transform: translateY(100%);
    transition: transform 0.5s;
}

.HTNCWKD30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(2) {
    transition-delay: 0.1s;
}

.HTNCWKD30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(3) {
    transition-delay: 0.2s;
}

.HTNCWKD30D33W02 #visualAni .wrap_text1.mo {
    display: none;
}

.HTNCWKD30D33W02 #visualAni .blue-circle {
    width: 20rem;
    height: 20rem;
    border: 5.6rem solid #41aced;
    border-radius: 50%;
    margin: 0 auto;
}

.HTNCWKD30D33W02 #visualAni .green-circle {
    position: absolute;
    left: 49vw;
    top: 52vh;
    transform: translate(-50%, -50%);
    width: 61.6rem;
    height: 61.6rem;
    border: 10.8rem solid #72BF44;
    border-radius: 50%;
}

.HTNCWKD30D33W02 #visualAni .wrap_text2 {
    opacity: 0;
    visibility: hidden;
}

.HTNCWKD30D33W02 #visualAni .t_desc1 {
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.HTNCWKD30D33W02 #visualAni .t_desc2 {
    font-family: "Hyosung";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin: 4rem 0;
}

.HTNCWKD30D33W02 #visualAni .t_desc3 {
    color: rgba(255, 255, 255, 0.6);
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

.HTNCWKD30D33W02 #visualAni .wrap_text3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    text-align: left;
}

.HTNCWKD30D33W02 #visualAni .wrap_text3 .group1 {
    position: absolute;
    left: 21.094vw;
    top: 22.222vh;
}

.HTNCWKD30D33W02 #visualAni .wrap_text3 .group2 {
    position: absolute;
    right: 21.875vw;
    bottom: 24.259vh;
}

.HTNCWKD30D33W02 #visualAni .t_desc4 {
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.HTNCWKD30D33W02 #visualAni .t_desc5 {
    color: #72BF44;
    font-family: "Hyosung";
    font-size: 6rem;
    font-weight: 700;
    line-height: 9.8rem;
    margin-top: 1.6rem;
}

.HTNCWKD30D33W02 #visualAni .t_desc6 {
    font-family: "Hyosung";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D33W02 #visualAni .ani-wrap {
        padding-top: 32vh;
    }

    .HTNCWKD30D33W02 #visualAni .wrap_text1.pc {
        display: none;
    }

    .HTNCWKD30D33W02 #visualAni .wrap_text1.mo {
        display: block;
    }

    .HTNCWKD30D33W02 #visualAni .wrap_text1.mo .t_title {
        margin-bottom: 4rem;
    }

    .HTNCWKD30D33W02 #visualAni .wrap_text1.mo .t_title.on .t_title_inner .word {
        transform: translateY(0);
    }

    .HTNCWKD30D33W02 #visualAni .wrap_text1.mo .t_title .t_title_inner {
        display: block;
        overflow: hidden;
    }

    .HTNCWKD30D33W02 #visualAni .wrap_text1.mo .t_title .t_title_inner:nth-child(2) .word {
        transition-delay: 0.1s;
    }

    .HTNCWKD30D33W02 #visualAni .wrap_text1.mo .t_title .t_title_inner .word {
        display: block;
        font-family: "Poppins";
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4.8rem;
        color: #fff;
        transform: translateY(100%);
        transition: transform 0.5s;
    }

    .HTNCWKD30D33W02 #visualAni .t_desc1 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }

    .HTNCWKD30D33W02 #visualAni .t_desc2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWKD30D33W02 #visualAni .t_desc3 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }

    .HTNCWKD30D33W02 #visualAni .green-circle {
        position: absolute;
        left: 50vw;
        top: 55vh;
        width: 88vw;
        height: 88vw;
        border: 5.8rem solid #72BF44;
    }

    .HTNCWKD30D33W02 #visualAni .wrap_text3 .group1 {
        left: 3rem;
        top: 32.02vh;
    }

    .HTNCWKD30D33W02 #visualAni .wrap_text3 .group2 {
        right: 3rem;
        bottom: 20vh;
    }

    .HTNCWKD30D33W02 #visualAni .t_desc4 {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWKD30D33W02 #visualAni .t_desc5 {
        font-size: 4rem;
        line-height: 5rem;
        margin-top: 2rem;
    }

    .HTNCWKD30D33W02 #visualAni .t_desc6 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.HTNCWKD30D34W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D34W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 0;
    }
}

.HTNCWKD30D34W01.container.sub .contents-section2 .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: none;
    overflow: hidden;
}

.HTNCWKD30D34W01.container.sub .contents-section2 .contents-section-inner .contents-section-body .contents-article-inner {
    height: 100vh;
    padding-top: 26rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D34W01.container.sub .contents-section2 .contents-section-inner .contents-section-body .contents-article-inner {
        height: auto;
        padding-top: 17.6rem;
    }
}

.HTNCWKD30D34W01 .data-display {
    opacity: 0;
    transform: translateY(30rem);
}

.HTNCWKD30D34W01 .data-display .data-head {
    position: relative;
    padding-top: 9rem;
    padding-bottom: 6rem;
}

.HTNCWKD30D34W01 .data-display .data-head::before {
    content: "";
    width: 3.8rem;
    height: 2.7rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.HTNCWKD30D34W01 .data-display .data-head::after {
    content: "";
    width: 4rem;
    height: 0.4rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.HTNCWKD30D34W01 .data-display .data-head .title.large {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.HTNCWKD30D34W01 .data-display .data-head .title.large .name {
    line-height: 8rem;
}

.HTNCWKD30D34W01 .data-display .data-body .title {
    position: relative;
    padding-top: 8rem;
    z-index: 1;
}

.HTNCWKD30D34W01 .data-display .data-body .title .name {
    display: block;
}

.HTNCWKD30D34W01 .data-display .data-body .title .name .emphasis {
    font-weight: inherit;
}

.HTNCWKD30D34W01 .data-display .data-body .text-content-area {
    position: relative;
}

.HTNCWKD30D34W01 .data-display .data-body .text-content-area .picture {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    transform: translateY(100%);
}

.HTNCWKD30D34W01 .data-display .data-body .text-content-area .picture.picture2 {
    top: 65rem;
    text-align: right;
}

.HTNCWKD30D34W01 .data-display .data-body .text-content-area .picture.picture3 {
    top: 134rem;
}

.HTNCWKD30D34W01 .data-display .data-body .text-content-area .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    text-align: center;
    margin-top: 16rem;
    opacity: 0;
}

.HTNCWKD30D34W01 .data-display .data-body .text-content-area .text.color-1 {
    color: #fff;
}

.HTNCWKD30D34W01 .data-display .data-body .text-content-area .text.color-2 {
    color: #000;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D34W01 .data-display {
        transform: translateY(10rem);
    }

    .HTNCWKD30D34W01 .data-display .data-head {
        padding-top: 5rem;
        padding-bottom: 3.3rem;
    }

    .HTNCWKD30D34W01 .data-display .data-head::before {
        width: 2.8rem;
        height: 2rem;
    }

    .HTNCWKD30D34W01 .data-display .data-head::after {
        width: 3rem;
        height: 0.3rem;
    }

    .HTNCWKD30D34W01 .data-display .data-head .title.large .name {
        line-height: 5rem;
    }

    .HTNCWKD30D34W01 .data-display .data-body .title {
        padding-top: 4rem;
    }

    .HTNCWKD30D34W01 .data-display .data-body .text-content-area .picture {
        position: static;
        display: block;
        width: 100%;
        transform: none;
        text-align: center;
        margin-top: 6rem;
    }

    .HTNCWKD30D34W01 .data-display .data-body .text-content-area .picture.picture2 {
        text-align: center;
    }

    .HTNCWKD30D34W01 .data-display .data-body .text-content-area .picture img {
        width: 100%;
        max-width: 21.6rem;
    }

    .HTNCWKD30D34W01 .data-display .data-body .text-content-area .text {
        position: static;
        width: 100%;
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 6rem;
        opacity: 1;
    }
}

.HTNCWKD30D34W01 .contents-section2 {
    position: relative;
}

.HTNCWKD30D34W01 .contents-section2 .contents-article1 .contents-article-inner {
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D34W01 .contents-section2 .contents-article1 .contents-article-inner {
        padding-bottom: 8rem;
    }
}

.HTNCWKD30D34W01 .contents-section2 .contents-article1 .data-display .data-head::before {
    background: url("../images/common/photo/brand/brandstrategy/img-brandstory-quotation-mark1.svg") no-repeat center center;
    background-size: contain;
}

.HTNCWKD30D34W01 .contents-section2 .contents-article1 .data-display .data-head::after {
    background: #00AEEF;
}

.HTNCWKD30D34W01 .contents-section2 .contents-article2 {
    background-color: #fff;
}

.HTNCWKD30D34W01 .contents-section2 .contents-article2 .contents-article-inner {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D34W01 .contents-section2 .contents-article2 .contents-article-inner {
        padding-top: 10rem !important;
        padding-bottom: 14rem;
    }
}

.HTNCWKD30D34W01 .contents-section2 .contents-article2 .data-display .data-head::before {
    background: url("../images/common/photo/brand/brandstrategy/img-brandstory-quotation-mark2.svg") no-repeat center center;
    background-size: contain;
}

.HTNCWKD30D34W01 .contents-section2 .contents-article2 .data-display .data-head .title::after {
    background: #72BF44;
}

.HTNCWKD30D35W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D35W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD30D35W01.container.sub .contents-section2 .contents-article {
    transition: none;
}

.HTNCWKD30D35W01 .contents-section2 {
    background: url("../images/common/photo/brand/brandstrategy/img-group-bg-04-pc.jpg") no-repeat center bottom;
    background-size: 100% auto;
}

.HTNCWKD30D35W01 .contents-section2 .contents-article1 {
    padding-bottom: 27rem;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.HTNCWKD30D35W01 .contents-section2 .contents-article2 {
    overflow: hidden;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD30D35W01 .contents-section2 {
        background: url("../images/common/photo/brand/brandstrategy/img-group-bg-04-mo.jpg") no-repeat 50% 0%;
        background-size: cover;
    }

    .HTNCWKD30D35W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWKD30D35W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-section-head {
    width: 100%;
    height: 40rem;
    background: url("../images/common/photo/sustainability/sustainable/img-intro.jpg") center center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-section-head {
        height: 23rem;
    }
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-section-head .title.design-1.case-1.small-v2 {
    padding-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-section-head .title.design-1.case-1.small-v2 {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-section-head .title.small-v2 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 {
    padding: 18rem 1.8rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 {
        padding: 10rem 1.8rem 0;
    }
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .diagram-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .table-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .thumbnail-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .diagram-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .table-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .thumbnail-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .diagram-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .table-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .thumbnail-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .diagram-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .thumbnail-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .diagram-display,
.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .table-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .diagram-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .table-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .thumbnail-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .diagram-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .table-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .thumbnail-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .diagram-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .table-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .thumbnail-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .diagram-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .thumbnail-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .diagram-display,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .table-display {
        padding-top: 6rem;
    }
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display.design-26 .left-text {
    padding-right: 5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display.design-26 .left-text {
        padding-right: 0;
    }
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 {
    background-color: #F4F8FF;
    padding: 14rem 1.8rem;
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 {
        margin-top: 10rem;
        padding: 10rem 1.8rem;
    }
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 .data-display.design-1.case-3.color-10 {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 .thumbnail-display {
    padding-top: 8rem;
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 .thumbnail-display .thumbnail-inform .data-body {
    padding-top: 0;
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .contents-article-inner>.data-display {
    display: block;
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display {
    margin-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display {
        margin-bottom: 6rem;
    }
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .data-display.design-1.case-9 .data-head+.data-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .data-display.design-1.case-9 .data-head+.data-body {
        padding-top: 2.4rem;
    }
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article .data-display.design-1.case-3 .data-para {
    word-break: auto-phrase;
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap1 {
    padding-right: 1%;
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap2 {
    padding-right: 2%;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap1,
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap2 {
        padding-right: 0;
    }
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-section-foot {
    width: 100%;
    height: 60rem;
    margin-top: 18rem;
    padding: 0 1.8rem;
    background: url("../images/common/photo/sustainability/sustainable/img-outro.jpg") center center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-section-foot .title.design-1.case-1.small-v3 {
    text-align: center;
}

.HTNCWKD40D10W01 .contents-section.contents-section2 .contents-section-foot .title.design-1.case-1.small-v3 .name {
    line-height: 1.7;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-section-foot .title.design-1.case-1.small-v3 .name {
        font-size: 1.8rem;
        text-align: center;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D10W01 .contents-section.contents-section2 .contents-section-foot {
        margin-top: 10rem;
        height: 47rem;
    }
}

.HTNCWKD40D10W01 .title.small-v13 .name {
    line-height: 3.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D10W01 .title.small-v13 .name {
        line-height: 3rem;
    }
}

.HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 {
    margin-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 {
        margin-bottom: 14rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title .name {
        line-height: 4.6rem;
    }
}

.HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    width: 100%;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    overflow: hidden;
}

.HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
    padding: 14rem 0 18rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }
}

.HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    background: #2F3939;
}

.HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    padding: 14rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 10rem 0 8rem 0;
    }
}

.HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        margin-top: 10rem;
    }
}

.HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .data-display {
    padding-bottom: 6rem;
}

.HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .pagination-display {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .data-display {
        padding-bottom: 4rem;
    }

    .HTNCWKD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .pagination-display {
        padding-top: 6rem;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .title+.thumbnail-display {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .title+.thumbnail-display {
        padding-top: 6rem;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .order-list .order-item {
    color: rgb(115, 115, 115);
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    opacity: 1;
    transform: none;
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-head+.data-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-head+.data-body {
        padding-top: 4rem;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6.73%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body {
        flex-direction: column;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .thumbnail-figure {
    width: 35.55%;
    display: block;
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .thumbnail-figure {
        width: 100%;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-list {
    width: 57.7%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-list {
        width: 100%;
        margin-top: 4rem;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item {
    display: flex;
    gap: 4rem;
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-head .content-year {
    display: inline-block;
    min-width: 9.3rem;
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    color: rgb(27, 75, 102);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-head .content-year {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title {
    display: inline-block;
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    color: rgb(40, 40, 40);
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title+.content-para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title+.content-para {
        padding-top: 0.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    word-break: keep-all;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part+.content-part {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part+.content-part {
        padding-top: 2.4rem;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item+.content-item {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item+.content-item {
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article+.contents-article {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article+.contents-article {
        padding-top: 10rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D12W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    overflow: hidden;
}

.HTNCWKD40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    padding: 14rem 0 18rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }
}

.HTNCWKD40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    padding: 0 0 20rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 0 0 14rem 0;
    }
}

.HTNCWKD40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    overflow: hidden;
}

.HTNCWKD40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    padding: 14rem 0 14rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 10rem 0;
    }
}

.HTNCWKD40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    padding: 0 0 20rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 0 0 14rem 0;
    }
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 29.6rem;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    width: 100%;
    height: 50rem;
    position: relative;
    background: url("../images/common/photo/sustainability/green/img-photo-01-pc.jpg") center center no-repeat;
    background-size: cover;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        height: 42rem;
        background: url("../images/common/photo/sustainability/green/img-photo-01-mo.jpg") center center no-repeat;
        background-size: cover;
    }
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    position: relative;
    padding: 14rem 0 18rem 0;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .accordion-contents-wrap {
    position: absolute;
    top: -16rem;
    left: 0;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .accordion-contents-wrap .data-display {
    padding-bottom: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }

    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .accordion-contents-wrap {
        top: -18rem;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner,
.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner,
.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner {
    padding-top: 18rem;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner>.data-display>.data-list,
.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner>.data-display>.data-list,
.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-list {
    width: 100%;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .thumbnail-display,
.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .diagram-display,
.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .thumbnail-display,
.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .diagram-display,
.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .thumbnail-display,
.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .diagram-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner,
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner,
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner {
        padding-top: 10rem;
    }

    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .thumbnail-display,
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .diagram-display,
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .thumbnail-display,
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .diagram-display,
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .thumbnail-display,
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .diagram-display {
        padding-top: 6rem;
    }
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .para {
    word-break: keep-all;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    background-color: #F4F8FF;
    padding: 14rem 1.8rem;
    margin-top: 18rem;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .diagram-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        padding: 10rem 1.8rem 8rem;
        margin-top: 10rem;
    }
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
    background-color: #1B1B29;
    padding: 14rem 0;
    margin-top: 18rem;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display .data-head,
.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display .data-body {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list {
    width: 100%;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner .diagram-display {
    max-width: 105rem;
    padding-top: 8rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner .diagram-display {
        width: calc(100% + 3.6rem);
        margin-left: -1.8rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
        margin-top: 10rem;
        padding: 10rem 1.8rem 0;
    }
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    padding-top: 18rem;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display {
    max-width: 133.6rem;
    margin: 0 auto;
    padding: 0 1.8rem;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display {
    width: 100%;
    height: 63.2rem;
    position: relative;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    margin-top: 8rem;
    background: url("../images/common/photo/sustainability/green/img-photo-02-pc.jpg") center center no-repeat;
    background-size: cover;
    z-index: 1;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display .tab-area {
    max-width: 133.6rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display {
        height: auto;
        padding-right: unset;
        padding-left: unset;
        background: url("../images/common/photo/sustainability/green/img-photo-02-mo.jpg") center center no-repeat;
        background-size: cover;
    }

    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display .tab-area {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
        padding-top: 10rem;
    }
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 {
    width: 100%;
    height: auto;
    position: relative;
    background: linear-gradient(180deg, #FFF 35.94%, rgba(255, 255, 255, 0) 100%), lightgray 0px 10.16px/100% 103.565% no-repeat;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 {
        background: linear-gradient(180deg, #FFF 72.59%, rgba(255, 255, 255, 0) 100%), lightgray -540.529px 621px/280.675% 50.636% no-repeat, #F3F3F5;
    }
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner {
    background: url("../images/common/photo/sustainability/green/img-photo-03-pc.png") no-repeat center bottom;
    background-size: cover;
    padding: 14rem 1.8rem 18rem;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .contents-article-area {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .data-display {
    padding-bottom: 8rem;
}

.HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .board-display {
    margin-left: 4%;
    word-break: auto-phrase;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .board-display {
        margin-left: unset;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner {
        background: url("../images/common/photo/sustainability/green/img-photo-03-mo.jpg") no-repeat center bottom;
        background-size: cover;
        padding: 10rem 1.8rem 14rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-section-head+.contents-section-body {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-section-head+.contents-section-body {
        padding-top: 6rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article+.contents-aricle {
    padding-top: 14rem;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 {
    overflow: hidden;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-display+.diagram-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-display+.diagram-display {
        margin-top: 6rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-body+.data-aside {
        padding-top: 6rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside {
    position: relative;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100vw;
    height: calc(100% - 8rem);
    background-color: rgb(244, 248, 255);
    transform: translateX(-50%);
    z-index: -1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside::before {
        height: calc(100% - 6rem);
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-display {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-display .diagram-inner {
    display: block;
    max-width: 133.6rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-display {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-head+.diagram-body {
    padding-top: 2.4rem;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-body .order-list {
    padding-left: 1.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-body .order-list {
        padding-left: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article1 .data-head {
        padding-right: 10rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 {
    padding-top: 18rem;
    padding-bottom: 18rem;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .data-display+.diagram-display {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .data-display+.diagram-display {
        padding-top: 10rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .data-body+.data-aside {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .data-body+.data-aside {
        padding-top: 10rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-head+.diagram-body {
    padding-top: 5.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-title+.diagram {
    padding-top: 5.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-title+.diagram {
        padding-top: 2.4rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .title {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display+.table-area {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display+.table-area {
        margin-top: 10rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .picture {
        min-width: 130rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area {
    position: relative;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-head+.table-display {
    margin-top: 2.4rem;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-title {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(1) {
    width: 8.45%;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(2) {
    width: 42.29%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(2) {
        width: 37%;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(3) {
    width: auto;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .button-display {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .button-display {
        position: relative;
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article3 {
    background: url("../images/common/photo/sustainability/climate/bg-01.jpg") no-repeat center/cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article3 {
        padding-right: 0;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article4 {
    padding-top: 18rem;
    padding-bottom: 18rem;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article4 .title+.data-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article4 .title+.data-display {
        padding-top: 4rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article4 .data-display+.data-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article4 .data-display+.data-display {
        padding-top: 6rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article4 .data-footer {
    padding-top: 10rem;
    padding-bottom: 10rem;
    padding-left: 11.3rem;
    padding-right: 11.3rem;
    margin-top: 6rem;
    background-color: rgba(244, 248, 255, 0.8);
    border-radius: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article4 .data-footer {
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article4 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 {
    overflow: hidden;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .data-body+.data-aside {
    padding-top: 6rem;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(1) {
    width: 15.41%;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(2),
.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(3) {
    width: auto;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(4) {
    width: 16.91%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display table {
        min-width: 75.5rem;
    }

    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(4) {
        width: 9.9rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .data-aside+.data-footer {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .data-aside+.data-footer {
        padding-top: 6rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer {
    display: flex;
    justify-content: end;
    position: relative;
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100vw;
    height: calc(100% - 14rem);
    background: url("../images/common/photo/sustainability/climate/bg-02-pc.jpg") no-repeat;
    background-size: 38.75% 100%;
    background-color: rgb(242, 248, 250);
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer::before {
        height: calc(100% - 6rem);
        background: url("../images/common/photo/sustainability/climate/bg-02-mo.jpg") no-repeat;
        background-color: rgb(242, 248, 250);
        background-position: bottom;
        background-size: 100% 24.6rem;
    }
}

.HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer .thumbnail-display {
    padding-top: 12rem;
    padding-bottom: 20rem;
    margin: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer .thumbnail-display {
        padding-top: 10rem;
        padding-bottom: 30.6rem;
    }
}

.HTNCWKD40D22W01 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D22W01 .contents-section2 .contents-section-head {
    overflow: hidden;
}

.HTNCWKD40D22W01 .contents-section2 .contents-section-head .data-body {
    margin: 0 auto;
}

.HTNCWKD40D22W01 .contents-section2 .contents-section-head .data-body+.data-aside {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-section-head .data-body+.data-aside {
        padding-top: 4rem;
    }
}

.HTNCWKD40D22W01 .contents-section2 .contents-section-head .data-aside {
    position: relative;
}

.HTNCWKD40D22W01 .contents-section2 .contents-section-head .data-aside::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 100vw;
    height: calc(100% - 18.8rem);
    bottom: 0;
    background: rgb(244, 248, 255);
    transform: translateX(-50%);
    z-index: -1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-section-head .data-aside::before {
        height: calc(100% - 15.6rem);
    }
}

.HTNCWKD40D22W01 .contents-section2 .contents-section-head .data-aside .button-display+.diagram-display {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-section-head .data-aside .button-display+.diagram-display {
        padding-top: 10rem;
    }
}

.HTNCWKD40D22W01 .contents-section2 .contents-section-head .data-aside .diagram-display {
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-section-head .data-aside .diagram-display .picture {
        min-width: 102.6rem;
    }
}

.HTNCWKD40D22W01 .contents-section2 .contents-article+.contents-article {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-article+.contents-article {
        padding-top: 10rem;
    }
}

.HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article1 {
    padding-top: 14rem;
}

.HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display {
    padding-left: 9.3rem;
    padding-right: 32.336%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article1 {
        padding-top: 10rem;
    }
}

.HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article2 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article3 .thumbnail-display {
    padding-left: 31.962%;
    padding-right: 9.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article3 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article3 {
        padding-top: 10rem;
    }
}

.HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article4 .thumbnail-display {
    padding-left: 20.6rem;
    padding-right: 49.63%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article4 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article4 {
        padding-top: 10rem;
    }
}

.HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article5 .thumbnail-display {
    padding-left: 48.878%;
    padding-right: 9.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article5 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article5 {
        padding-top: 10rem;
    }
}

.HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article6 .thumbnail-display {
    padding-left: 9.3rem;
    padding-right: 9.3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D22W01 .contents-section2 .contents-article.contents-article6 .thumbnail-display {
        padding: 0;
    }
}

.HTNCWKD40D23W01 .contents-section2 {
    padding-bottom: 20rem;
    background-image: url("../images/common/photo/sustainability/pollution/bg-01.jpg");
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.HTNCWKD40D23W01 .contents-section2 .contents-article+.contents-article {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 .contents-article+.contents-article {
        padding-top: 10rem;
    }
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 {
    padding-top: 8rem;
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(1) {
    background-image: url("../images/common/photo/sustainability/pollution/img-thumb-01-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(1) {
        background-image: url("../images/common/photo/sustainability/pollution/img-thumb-01-mo.jpg");
    }
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(2) {
    background-image: url("../images/common/photo/sustainability/pollution/img-thumb-02-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(2) {
        background-image: url("../images/common/photo/sustainability/pollution/img-thumb-02-mo.jpg");
    }
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(3) {
    background-image: url("../images/common/photo/sustainability/pollution/img-thumb-03-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(3) {
        background-image: url("../images/common/photo/sustainability/pollution/img-thumb-03-mo.jpg");
    }
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .data-display {
    position: relative;
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .data-body+.data-aside {
        padding-top: 6rem;
    }
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .button-display {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .button-display {
        position: relative;
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article1 {
        padding-top: 6rem;
    }
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article2 .data-body {
    padding-right: 7%;
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article2 .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article2 .data-body {
        padding-right: 0;
    }
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article3 .board-head+.board-body {
    padding-top: 4rem;
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article3 .board-body {
    display: flex;
    gap: 1.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article3 .board-body {
        flex-direction: column;
    }
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article3 .data-display {
    padding-top: 8rem;
    padding-bottom: 8.4rem;
    border-radius: 3.6rem;
    padding-left: 5.989%;
    padding-right: 5.989%;
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article3 .data-display.fill-584 {
    background-color: rgb(75, 132, 240);
}

.HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article3 .data-display.fill-266 {
    background-color: rgb(27, 75, 102);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 .contents-article.contents-article3 .data-display {
        padding: 4rem 2rem;
        border-radius: 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D23W01 .contents-section2 {
        padding-bottom: 14rem;
        background-size: auto 26rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head {
    background: url("../images/common/photo/sustainability/humanrights/img-humanrights-intro-pc.jpg") no-repeat center center;
    background-size: cover;
    margin-bottom: 20rem;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
    transform: translateY(0);
}

.HTNCWKD40D30W01 .title.large .name {
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
        opacity: 1;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head .title.small-v4 .name {
        transform: translateY(0);
        opacity: 1;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: url("../images/common/photo/sustainability/humanrights/img-humanrights-intro-pc.jpg") no-repeat top center;
    background-size: cover;
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
        height: 30rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap {
    padding-bottom: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap {
        padding-bottom: 1.7rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 {
    overflow: hidden;
    width: 100%;
    height: 11rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 {
        height: 4rem;
        overflow: visible;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
    display: block;
    letter-spacing: unset;
    line-height: 10.6rem;
    color: #ffffff;
    transform: translateY(8rem);
    transition-duration: 0.6s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
        line-height: 4rem;
        transform: translateY(5rem);
        transition-duration: 0.7s;
        opacity: 0;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4~.title.large-v4 .name {
    transition-delay: 0.1s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4~.title.large-v4 .name {
        transition-delay: unset;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title.small-v4 .name {
    display: block;
    color: #FFF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title.small-v4 .name {
        font-size: 1.8rem;
        line-height: 3rem;
        transform: translateY(5rem);
        transition-duration: 0.7s;
        opacity: 0;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article {
    position: relative;
    opacity: 1;
    overflow: hidden;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article .contents-article-inner {
    position: relative;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-head .title.large .name {
    transform: translateY(0);
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-head::before {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-body {
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-body {
        transform: unset;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner {
    margin-top: 14rem;
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner {
        margin-top: 10rem;
        padding-bottom: 18.8rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display {
    flex-direction: column;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head {
    position: relative;
    padding-top: 9rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head {
        padding-top: 5rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head::before {
    content: "";
    width: 3.8rem;
    height: 2.7rem;
    background: url("../images/common/photo/sustainability/humanrights/img-humanrights-dot-pc.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head::before {
        width: 2.8rem;
        height: 2rem;
        opacity: 0;
        transform: translate(-50%, 5rem);
        transition-duration: 0.6s;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large .name {
    display: block;
    transform: translateY(6rem);
    transition-duration: 0.5s;
    opacity: 0;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large~.title.large {
    padding-top: 0.8rem;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-2 .name {
    transition-delay: 0.1s;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-3 .name {
    transition-delay: 0.2s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large {
        overflow: visible;
    }

    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-2 .name {
        transition-delay: unset;
    }

    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-3 .name {
        transition-delay: unset;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4 {
    position: relative;
    padding-top: 5.6rem;
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4 {
        padding-top: 2.4rem;
        padding-bottom: 3rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4::after {
    content: "";
    width: 4rem;
    height: 0.4rem;
    background: #7BB9C6;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4::after {
        width: 3rem;
        height: 0.3rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4 .name {
    color: #999999;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body {
    max-width: 45rem;
    margin: 0 auto;
    padding-top: 10rem;
    transform: translateY(10rem);
    transition-duration: 0.6s;
    transition-delay: 0.2s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body {
        max-width: 25.5rem;
        padding-top: 6rem;
        transform: unset;
        transition-duration: unset;
        transition-delay: unset;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text {
    font-family: "Hyosung";
    font-size: 2.6rem;
    font-weight: 500;
    color: #000;
    line-height: 5.6rem;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text~.text {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text~.text {
        padding-top: 2rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img {
    position: absolute;
    z-index: -1;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img .img {
    width: 100%;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-1 {
    width: 49rem;
    height: auto;
    bottom: 36rem;
    left: 0;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-2 {
    width: 38.8rem;
    height: auto;
    bottom: 12rem;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-1 {
        width: 60%;
        max-width: 30rem;
        min-width: 25rem;
        height: auto;
        bottom: 44.5rem;
        left: 0;
    }

    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-2 {
        width: 48%;
        max-width: 20rem;
        min-width: 18rem;
        height: auto;
        bottom: 30rem;
        right: 0;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 {
        padding-bottom: 8rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2.active .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-figure {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 .contents-article-inner .thumbnail-display {
    max-width: 111rem;
    margin: 0 auto;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-figure {
    transform: translate(-20%, 10%) scale(0.7);
    transition-duration: 0.8s;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-figure {
        transform: translate(13%, 12%) scale(0.7);
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 {
    background-color: #1D6ECD;
    border-radius: 5.6rem;
    overflow: hidden;
    padding-top: 12rem;
    padding-bottom: 12rem;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 {
        border-radius: 3.2rem;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner {
    max-width: 111rem;
    margin: 10rem auto;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display {
    margin-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display {
        margin-bottom: 4rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display .diagram-head {
    padding-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display .diagram-head {
        padding-bottom: 4rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-para~.data-para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-para~.data-para {
        padding-top: 1rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-mean {
    padding-top: 2.4rem;
    font-weight: 500;
    color: #E1E6EF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-mean {
        padding-top: 4rem;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 {
    margin-top: 6rem;
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 .button.design-1.case-1 {
    min-width: 24rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 {
        margin-top: 4rem;
    }

    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 .button.design-1.case-1 {
        min-width: unset;
    }
}

.HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 {
    background-color: #1D2329;
    padding-top: 28rem;
    padding-bottom: 14rem;
    margin-top: -14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 {
        padding-top: 20.2rem;
        margin-top: -10.4rem;
    }
}

.HTNCWKD40D30W01 .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-head {
    padding-bottom: 3.6rem;
}

.HTNCWKD40D30W01 .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body {
    padding-bottom: 3.6rem;
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    margin-top: 18rem;
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .diagram-display.design-1 .diagram-head+.diagram-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .title.small-v16 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        margin-top: 10rem;
    }

    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .diagram-display.design-1 .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
        margin-top: 10rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
        margin-top: 10rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    background-color: #191F26;
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
        margin-top: 6rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-top: 14rem;
    padding-bottom: 14rem;
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .title.small-v14 {
    margin-bottom: 4rem;
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-body .thumbnail-display {
    margin-bottom: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-body .thumbnail-display {
        margin-bottom: 8rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-body .diagram-display .diagram-head {
    margin-bottom: 4rem;
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-footer {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-footer {
        margin-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-aside {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-aside {
        margin-top: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display.design-1 .diagram-head .title.small-v16 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display.design-1 .diagram-head+.diagram-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display.design-1 .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-body {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-body {
        margin-top: 2.4rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-aside .button-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-aside .button-display {
        margin-top: 4rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display {
    flex-direction: column;
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-body {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-body {
        margin-top: 4rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-aside {
    margin-top: 14rem;
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-aside .diagram-head {
    margin-bottom: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-aside .diagram-head {
        margin-bottom: 2.4rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .diagram-display {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .diagram-display .diagram-body .picture {
        min-width: 101.8rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    margin-top: 14rem;
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-aside {
    max-width: 111rem;
    margin-top: 11rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-aside {
        margin-top: 6rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-foot {
    max-width: 111rem;
    margin: 0 auto;
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-foot {
        padding-top: 2.4rem;
    }
}

.HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-note {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #999999;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-note {
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
        margin-top: 10rem;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 {
    margin-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 {
        margin-bottom: 14rem;
    }
}

.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display {
        margin-top: 2.4rem;
    }
}

.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display+.title.small-v9 {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display+.title.small-v9 {
        margin-top: 4rem;
    }

    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display+.title.small-v9 .name {
        font-size: 1.8rem;
        line-height: 3.2rem;
    }
}

.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .button-display {
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .button-display {
        margin-top: 1.6rem;
    }
}

.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        margin-top: 10rem;
    }
}

.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
        padding-top: 6rem;
    }
}

.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    background-color: rgb(248, 249, 252);
    padding-top: 14rem;
    padding-bottom: 14rem;
}

.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display {
        margin-top: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display {
        margin-top: 2.4rem;
    }
}

.HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        margin-top: 10rem;
    }

    .HTNCWKD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .thumbnail-display {
        margin-top: 4rem;
    }
}

.HTNCWKD40D32W01 .popup .pc {
    display: block;
}

.HTNCWKD40D32W01 .popup .pc table {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.HTNCWKD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(1) {
    width: 13%;
}

.HTNCWKD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(2) {
    width: auto;
}

.HTNCWKD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(3) {
    width: 20%;
}

.HTNCWKD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(4) {
    width: 7%;
}

.HTNCWKD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(5) {
    width: 11%;
}

.HTNCWKD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(6) {
    width: 11%;
}

.HTNCWKD40D32W01 .popup .pc table.safety-task-01+.order-list {
    margin-top: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .popup .pc {
        display: none;
    }
}

.HTNCWKD40D32W01 .popup .mo {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D32W01 .popup .mo {
        display: block;
    }

    .HTNCWKD40D32W01 .popup .mo.data-display.design-3+.data-display.design-3 {
        margin-top: 6rem;
    }

    .HTNCWKD40D32W01 .popup .mo.data-display.design-3+.order-list {
        margin-top: 2.4rem;
    }

    .HTNCWKD40D32W01 .popup .mo table.safety-task-02 {
        min-width: 47rem;
    }

    .HTNCWKD40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(1) {
        width: auto;
    }

    .HTNCWKD40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(2) {
        width: 14%;
    }

    .HTNCWKD40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(3) {
        width: 23%;
    }

    .HTNCWKD40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(4) {
        width: 23%;
    }

    .HTNCWKD40D32W01 .popup .mo table.safety-task-03,
    .HTNCWKD40D32W01 .popup .mo table.safety-task-04,
    .HTNCWKD40D32W01 .popup .mo table.safety-task-05,
    .HTNCWKD40D32W01 .popup .mo table.safety-task-06,
    .HTNCWKD40D32W01 .popup .mo table.safety-task-07,
    .HTNCWKD40D32W01 .popup .mo table.safety-task-08,
    .HTNCWKD40D32W01 .popup .mo table.safety-task-09,
    .HTNCWKD40D32W01 .popup .mo table.safety-task-10 {
        min-width: 44rem;
    }

    .HTNCWKD40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(1),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(1),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(1),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(1),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(1),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(1),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(1),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(1) {
        width: auto;
    }

    .HTNCWKD40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(2),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(2),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(2),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(2),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(2),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(2),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(2),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(2) {
        width: 14.5%;
    }

    .HTNCWKD40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(3),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(3),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(3),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(3),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(3),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(3),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(3),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(3) {
        width: 26.8%;
    }

    .HTNCWKD40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(4),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(4),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(4),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(4),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(4),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(4),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(4),
    .HTNCWKD40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(4) {
        width: 26.8%;
    }
}

.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    overflow: hidden;
}

.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    width: 100%;
    margin: 0 auto;
}

.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.data-display,
.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.title {
    margin-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.data-display,
    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.title {
        margin-bottom: 2.4rem;
    }
}

.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
    margin-top: 18rem;
    padding: 14rem 1.8rem;
    background-color: #191F26;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
        margin-top: 10rem;
        padding: 10rem 1.8rem;
    }
}

.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    margin-top: 18rem;
    padding: 0 1.8rem;
}

.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .slide-display.design-1 {
    overflow: visible;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        margin-top: 10rem;
    }
}

.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        margin-top: 10rem;
    }
}

.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display col:nth-child(1) {
    width: 20.13%;
}

.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display col:nth-child(2) {
    width: 12.6%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display table {
        min-width: unset;
    }

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display colgroup {
        display: none;
    }

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display thead {
        display: none;
    }

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody {
        display: flex;
        flex-direction: column;
    }

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr {
        border: none;
    }

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr th {
        padding-top: 1.4rem;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2.2rem;
        text-align: center;
        font-family: "Hyosung";
    }

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td {
        text-align: left;
    }

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(2) {
        color: rgb(9, 25, 67);
    }
}

@media (min-width: 280px) and (max-width: 1023px) and (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(2) {
        padding-top: 1.4rem;
        padding-bottom: 1rem;
        font-weight: 600;
        font-family: "Hyosung";
    }

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(2) .mo-only {
        font-weight: 600;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(3) {
        padding-top: 0;
        padding-bottom: 3.4rem;
    }

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody th,
    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody td {
        display: block;
        width: 100%;
        border: none;
    }
}

.HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
        padding-bottom: 14rem;
    }

    .HTNCWKD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.title {
        margin-bottom: 4rem;
    }
}

.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    margin-bottom: 14rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #ddd;
}

.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display .data-para {
    padding-bottom: 4rem;
}

.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .edu_b_none {
    border-bottom: none;
    margin-bottom: 0;
}

.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display .data-list .data-item {
    padding-bottom: 6rem;
}

.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display .data-list .data-item:first-child {
    padding-bottom: 0;
}


.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .contents-article-inner {
    padding: 14rem 0 18rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }

    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display .data-list .data-item .data-para {
        padding-bottom: 6rem;
    }
}

.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display {
    padding: 0 1.8rem 6rem;
}

.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display .data-list {
    max-width: 133.6rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display {
        padding: 0 1.8rem 2.4rem;
    }
}

.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .diagram-display,
.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .table-display,
.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .button-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .diagram-display,
    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .table-display,
    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .button-display {
        margin-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding-bottom: 10rem;
    }
}

.HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1) {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1) {
        display: block;
        width: 100%;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
        overflow: hidden;
        overflow-x: auto;
    }

    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar {
        border-radius: 1rem;
        height: 0.4rem;
    }

    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-track {
        border-radius: 1rem;
        background-color: #eee;
    }

    .HTNCWKD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1) img {
        width: 100%;
        min-width: 49.7rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    margin-top: 18rem;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    width: 100%;
    background-color: rgb(25, 31, 38);
    overflow: hidden;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    width: 100%;
    padding: 10rem 0;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display .diagram-head+.diagram-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding-bottom: 8rem;
    }

    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display .diagram-head+.diagram-body {
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        margin-top: 6rem;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display .diagram-head {
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display .diagram-head {
        padding-bottom: 4rem;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-display .data-body+.data-aside,
.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display .data-body+.data-aside,
.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .data-display .data-body+.data-aside,
.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .data-display .data-body+.data-aside {
    padding-top: 8rem;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    transform: none;
    opacity: 1;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item1 .data-display .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item1 .data-display .data-body+.data-aside {
        padding-top: 3rem;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item2 .data-display .data-body+.data-aside {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item2 .data-display .data-body+.data-aside {
        padding-top: 4rem;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-head,
.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-head,
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-head .accordion-button {
    padding-left: 0;
    padding-right: 0;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content {
    padding-left: 0;
    padding-right: 0;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display+.data-display {
    padding-top: 4rem;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .data-body .data-display+.data-display {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display+.data-display {
        padding-top: 2rem;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display .data-body+.data-aside .diagram-display+.button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display .data-body+.data-aside .diagram-display+.button-display {
        padding-top: 4rem;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(1) .data-body {
    position: relative;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(1) .data-body::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 11.98%;
    height: 16rem;
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-11-pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(1) .data-body::after {
        top: unset;
        bottom: 0;
        width: 100%;
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-11-mo.jpg");
        background-position: center;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(2) .data-body {
    position: relative;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(2) .data-body::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 11.98%;
    height: 16rem;
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-10-pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(2) .data-body::after {
        top: unset;
        bottom: 0;
        width: 100%;
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-10-mo.jpg");
        background-position: center;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(3) .data-body {
    position: relative;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(3) .data-body::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 11.98%;
    height: 16rem;
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-09-pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(3) .data-body::after {
        top: unset;
        bottom: 0;
        width: 100%;
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-09-mo.jpg");
        background-position: center;
    }
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body {
    background-repeat: no-repeat;
    background-position-y: 1.2rem;
    background-position-x: right;
}

.HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body .data-para {
    width: 83.08%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body .data-para {
        width: 100%;
        padding-bottom: 19rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body {
        background-position: bottom;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display+.data-display {
        padding-top: 3rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content {
        padding-right: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
        margin-top: 10rem;
    }

    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-display .data-body+.data-aside,
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display .data-body+.data-aside {
        padding-top: 6rem;
    }

    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .data-display .data-body+.data-aside,
    .HTNCWKD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .data-display .data-body+.data-aside {
        padding-top: 4rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    overflow: hidden;
    padding-top: 14rem;
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        padding-top: 6rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .wide-area {
    position: relative;
    display: block;
    width: 100%;
    height: 48rem;
    margin: 0 auto;
    overflow: hidden;
    transform: translateY(10rem);
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1), border-radius 1s cubic-bezier(0.4, 0, 0.2, 1), width 1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1), border-radius 1s cubic-bezier(0.4, 0, 0.2, 1), width 1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1), border-radius 1s cubic-bezier(0.4, 0, 0.2, 1), width 1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .wide-area {
        height: 20rem;
        width: calc(100% + 3.6rem);
        margin: 0 -1.8rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .wide-area img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1.active {
    padding-left: 2%;
    padding-right: 2%;
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1.active .wide-area {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 3.2rem;
    overflow: hidden;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1.active .wide-area {
        border-radius: 0;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-top: 8rem;
    text-align: center;
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    background-color: #F8F9FC;
    border-radius: 3.2rem;
    padding: 7rem 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 5rem 1.5rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-body {
    padding-bottom: 4rem;
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area {
        gap: 0.6rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area .tag {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding: 1.2rem 2.4rem;
    border-radius: 1.2rem;
    background: #FFC633;
    box-shadow: 1px 3px 4px 0px rgba(234, 168, 0, 0.2);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area .tag {
        font-size: 1.4rem;
        line-height: 2.2rem;
        border-radius: 0.6rem;
        padding: 0.8rem 1.2rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        padding-top: 10rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5,
.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5,
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
        padding-top: 10rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-body {
    padding-bottom: 8rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-body {
        padding-bottom: 6rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside {
    margin-left: -1.8rem;
    margin-right: -1.8rem;
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0;
    padding-bottom: 20.95%;
    background: url("../images/common/photo/sustainability/ethical/img-ethical-photo-01-pc.png") center center no-repeat;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap {
        flex-direction: column;
        height: 100%;
        padding-top: 15.8rem;
        padding-bottom: 4rem;
        background: url("../images/common/photo/sustainability/ethical/img-ethical-photo-01-mo.jpg") center center no-repeat;
        background-size: cover;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn {
    width: 50%;
    height: 100%;
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button-wrap {
    width: 100%;
    height: 100%;
    margin-top: 26%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button-wrap {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-bottom: 1rem;
        margin-top: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn {
        width: 100%;
    }

    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button {
        background-color: rgb(255, 255, 255);
        border-color: rgb(83, 83, 83);
        border-radius: 1.2rem;
    }

    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button .button-text-core {
        color: rgb(0, 0, 0) !important;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .data-body .email {
    font-weight: 700;
    color: #000000;
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .data-body .email .line {
    font-weight: inherit;
    text-decoration: underline;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .data-body .email .line {
        color: #4B84F0;
        text-decoration: none;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 25.59%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap {
        flex-direction: column;
        row-gap: 1.6rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-head .name {
    white-space: nowrap;
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body {
    width: 66%;
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body {
        width: 100%;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body .button-wrap.form-1 {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body .button-wrap.form-1 {
        margin-top: 4rem;
    }

    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body .button-wrap.form-1 .button-text-core {
        justify-content: space-between;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap .data-display.ethical-6 .data-item~.data-item {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap .data-display.ethical-6 .data-item~.data-item {
        padding-top: 1.6rem;
    }
}

.HTNCWKD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap .data-display.ethical-6 .data-body {
    padding-top: 1.2rem;
}

.HTNCWKD40D41W02.sub .contents-section2 .contents-section-inner {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W02.sub .contents-section2 .contents-section-inner {
        padding-top: 5rem;
    }
}

.HTNCWKD40D41W02 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W02 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-head {
        padding-bottom: 6rem;
    }

    .HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-head .name {
        line-height: 4.6rem;
    }
}

.HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 8rem;
}

.HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(5) {
    padding-top: 12rem;
}

.HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(6) {
    padding-top: 12rem;
}

.HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(7) {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(1) {
        padding-top: 0;
    }

    .HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
        padding-top: 10rem;
    }

    .HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(3) {
        padding-top: 0;
    }

    .HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(4) {
        padding-top: 0;
    }

    .HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(5) {
        padding-top: 10rem;
    }

    .HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(6) {
        padding-top: 10rem;
    }

    .HTNCWKD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(7) {
        padding-top: 10rem;
    }
}

.HTNCWKD40D41W03.sub .contents-section2 .contents-section-inner {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W03.sub .contents-section2 .contents-section-inner {
        padding-top: 5rem;
    }
}

.HTNCWKD40D41W03 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W03 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D41W03 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
    padding-bottom: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W03 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 .name {
        line-height: 4.6rem;
    }
}

.HTNCWKD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 12rem;
}

.HTNCWKD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(3) {
    padding-top: 12rem;
}

.HTNCWKD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(4) {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2),
    .HTNCWKD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(3),
    .HTNCWKD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(4) {
        padding-top: 10rem;
    }
}

.HTNCWKD40D41W04 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W04 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D41W04 .contents-section2 .contents-section-inner {
    padding-top: 34.2rem !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W04 .contents-section2 .contents-section-inner {
        padding-top: 6rem;
        padding-top: 11rem !important;
    }
}

.HTNCWKD40D41W04 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
    padding-bottom: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W04 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
        padding-bottom: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W04 .contents-section2 .contents-section-inner .contents-section-head .data-display.case-7 {
        text-align: center;
    }
}

.HTNCWKD40D41W04 .contents-section2 .contents-section-inner .contents-section-head .button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W04 .contents-section2 .contents-section-inner .contents-section-head .button-display {
        padding-top: 4rem;
    }
}

.HTNCWKD40D41W05 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W05 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D41W05 .contents-section2 .contents-section-inner {
    padding-top: 34.2rem !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W05 .contents-section2 .contents-section-inner {
        padding-top: 11rem !important;
    }
}

.HTNCWKD40D41W05 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
    padding-bottom: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W05 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
        padding-bottom: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W05 .contents-section2 .contents-section-inner .contents-section-head .data-display.case-7 {
        text-align: center;
    }
}

.HTNCWKD40D41W05 .contents-section2 .contents-section-inner .contents-section-head .button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D41W05 .contents-section2 .contents-section-inner .contents-section-head .button-display {
        padding-top: 4rem;
    }
}

.HTNCWKD40D42W01 .contents-section2 {
    padding-bottom: 20rem;
}

.HTNCWKD40D42W01 .contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D42W01 .contents-section2 .contents-section-inner .contents-section-head {
        padding-bottom: 6rem;
    }
}

.HTNCWKD40D42W01 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
    padding-bottom: 4rem;
}

.HTNCWKD40D42W01 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D42W01 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
        padding-top: 4rem;
    }
}

.HTNCWKD40D42W02 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D42W02 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D42W02 .contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D42W02 .contents-section2 .contents-section-inner .contents-section-head {
        padding-bottom: 6rem;
    }
}

.HTNCWKD40D42W02 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
    padding-bottom: 4rem;
}

.HTNCWKD40D42W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D42W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item {
        padding-top: 10;
    }
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-head .data-display {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    width: 100%;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .para,
.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .data-para {
    color: rgb(40, 40, 40);
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    padding-top: 14rem;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    padding-bottom: 12rem;
    border-bottom: 0.1rem solid #E1E6EF;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body {
    display: flex;
    gap: 4.04%;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-para {
    flex-basis: 67.8rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-para {
        flex-basis: unset;
    }
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-part {
    display: block;
    flex-basis: 60.4rem;
    width: 100%;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-part img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-part {
        flex-basis: unset;
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body {
        flex-direction: column;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding-bottom: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        padding-top: 10rem;
    }
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-top: 12rem;
    overflow: hidden;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-body+.data-aside {
    margin-top: 8rem;
    padding: 8rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-body+.data-aside {
        margin-top: 6rem;
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside {
    position: relative;
    background-color: #F8F9FC;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside {
        background-color: transparent;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 100%;
        background-color: #F8F9FC;
        z-index: -1;
    }
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1) {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1) {
        position: absolute;
        top: 26%;
        left: 4%;
        display: block;
        width: calc(96% + 3.6rem);
        margin-left: -1.8rem;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-bottom: 1rem;
        overflow: hidden;
        overflow-x: auto;
        display: none;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar {
        border-radius: 1rem;
        height: 0.4rem;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-track {
        margin-left: 1.8rem;
        margin-right: 1.8rem;
        background-color: #eee;
        border-radius: 1rem;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1) img {
        width: 180vw;
    }
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .order-list {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .order-list {
        padding-top: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        padding-top: 6rem;
    }
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    padding-top: 18rem;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display .diagram-head+.diagram-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display .diagram-body picture {
        min-width: 130rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        padding-top: 10rem;
    }
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    padding-top: 18rem;
    padding-bottom: 20rem;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 {
    padding-top: 4rem;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item .title .name .small {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(115, 115, 115);
    padding-left: 0.4rem;
    vertical-align: bottom;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item+.data-item {
    padding-top: 14rem;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display .table-body .para.type-1 {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display+.table-display {
    padding-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 {
        padding-top: 2.4rem;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item .title .name .small {
        font-family: "Hyosung";
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2.2rem;
        padding-left: 0.8rem;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item+.data-item {
        padding-top: 6rem;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display .table-body .para.type-1 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display.design-2 .table-list .table-item~.table-item {
        padding-top: 0.8rem;
    }

    .HTNCWKD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display+.table-display {
        padding-top: 0.8rem;
    }
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display~.button-display {
        padding-top: 1rem;
    }
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-2 {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-2 {
        position: relative;
    }
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article~.contents-article {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article~.contents-article {
        padding-top: 10rem;
    }
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(1),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(2),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(3),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(4),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(5),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(6),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(7),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th,
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th,
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(1),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(1),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(1) {
    width: 21%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(2),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(2),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(2) {
    width: 21%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(3),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(3),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(3) {
    width: 14.5%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(4),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(4),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(4) {
    width: 14.5%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(5),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(5),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(5) {
    width: 14.5%;
}

.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(6),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(6),
.HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(6) {
    width: 14.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th,
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th,
    .HTNCWKD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
    padding-top: 25.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    padding: 0 1.8rem;
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWKD40D51W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.HTNCWKD40D51W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article.active {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWKD40D51W01 .container-inner .contents-section.active .contents-section-inner .contents-section-head {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
    padding-top: 25.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    padding: 0 1.8rem;
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWKD40D52W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.HTNCWKD40D52W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article.active {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWKD40D52W01 .container-inner .contents-section.active .contents-section-inner .contents-section-head {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    padding: 0 1.8rem;
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWKD40D53W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.HTNCWKD40D53W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article.active {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWKD40D53W01 .container-inner .contents-section.active .contents-section-inner .contents-section-head {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWKD03D10W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD03D10W01 .contents-section1 {
    padding-bottom: 5.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D10W01 .contents-section1 {
        padding-bottom: 10rem;
    }
}

.HTNCWKD03D10W01 .contents-section2 {
    padding-top: 10rem;
    padding-bottom: 20rem;
}

.HTNCWKD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(1) {
    width: 17rem;
}

.HTNCWKD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(2),
.HTNCWKD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(3) {
    width: calc(50% - 8.5rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D10W01 .contents-section2 {
        padding-top: 6rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD03D10W01 .contents-section2 .table-infographic>table {
        min-width: 50.4rem;
    }

    .HTNCWKD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(1) {
        width: 10.6rem;
    }

    .HTNCWKD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(2),
    .HTNCWKD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(3) {
        width: calc(50% - 5.3rem);
    }

    .HTNCWKD03D10W01 .contents-section2 .thumbnail-display.design-52 {
        padding-top: 2rem;
    }
}

.HTNCWKD03D11W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD03D11W01 .contents-section1 {
    padding-bottom: 5.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D11W01 .contents-section1 {
        padding-bottom: 10rem;
    }
}

.HTNCWKD03D11W01 .contents-section2 {
    padding-top: 10rem;
    padding-bottom: 20rem;
}

.HTNCWKD03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    position: relative;
    padding-right: 28rem;
}

.HTNCWKD03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body .accordion-select {
    width: 26.7rem;
    position: absolute;
    right: 0;
    top: 4rem;
}

.HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list {
    padding: 6rem 9.582%;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item {
    margin-bottom: 1rem;
}

.HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item:last-child {
    margin-bottom: 0;
}

.HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap {
    display: inline-flex;
}

.HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap>p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    transition: 0.3s;
}

.HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap .terms-article {
    width: 7rem;
    font-weight: 600;
}

.HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap .terms-name {
    width: calc(100% - 7rem);
    font-weight: 500;
}

.HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap:hover>p {
    color: rgb(75, 132, 240);
}

.HTNCWKD03D11W01 .contents-section2 .contents-article2 {
    padding-top: 14rem;
}

.HTNCWKD03D11W01 .contents-section2 .contents-article2 .select-display.design-1 .select-wrap {
    max-width: 26.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D11W01 .contents-section2 {
        padding-top: 6rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        padding-right: 0;
        padding-bottom: 8.8rem;
    }

    .HTNCWKD03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body .accordion-select {
        position: absolute;
        width: 28.3rem;
        height: 4.6rem;
        max-width: 100%;
        top: auto;
        bottom: 0;
    }

    .HTNCWKD03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body+.data-aside {
        padding-top: 2.4rem;
    }

    .HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list {
        padding: 3rem 2.2rem;
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap>p {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap .terms-article {
        width: 9rem;
    }

    .HTNCWKD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap .terms-name {
        width: calc(100% - 5.6rem);
    }

    .HTNCWKD03D11W01 .contents-section2 .contents-article2 {
        padding-top: 4rem;
    }

    .HTNCWKD03D11W01 .contents-section2 .contents-article2 .select-display.design-1 .select-wrap {
        max-width: initial;
    }
}

.HTNCWKD03D20W01 {
    background-color: rgb(244, 248, 255);
}

.HTNCWKD03D20W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD03D20W01 .contents-section1 {
    padding-bottom: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D20W01 .contents-section1 {
        padding-bottom: 6rem;
    }
}

.HTNCWKD03D20W01 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D20W01 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD03D21W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD03D21W01 .contents-section1 {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D21W01 .contents-section1 {
        padding-bottom: 6rem;
    }
}

.HTNCWKD03D21W01 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D21W01 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWKD03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 8rem;
}

.HTNCWKD03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(5) {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(2) {
        padding-top: 10rem;
    }

    .HTNCWKD03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(5) {
        padding-top: 10rem;
    }
}

.HTNCWKD03D22W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD03D22W01 .contents-section2 {
    padding-top: 32.6rem;
    padding-bottom: 24.6rem;
}

.HTNCWKD03D22W01 .contents-section2 .contents-section-head .title.small-v18 {
    padding-bottom: 3rem;
}

.HTNCWKD03D22W01 .contents-section2 .contents-section-head .button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D22W01 .contents-section2 {
        padding-top: 15.4rem;
        padding-bottom: 14rem;
    }

    .HTNCWKD03D22W01 .contents-section2 .contents-section-head .title.small-v18 {
        padding-bottom: 2.4rem;
    }

    .HTNCWKD03D22W01 .contents-section2 .contents-section-head .button-display {
        padding-top: 4rem;
    }
}

.HTNCWKD03D30W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD03D30W01 .contents-section1 {
    padding-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D30W01 .contents-section1 {
        padding-bottom: 6rem;
    }
}

.HTNCWKD03D30W01 .contents-section2 {
    padding-bottom: 20rem;
}

.HTNCWKD03D30W01 .contents-section2 .data-display.case-2 .data-item+.data-item {
    margin-top: 10rem;
}

.HTNCWKD03D30W01 .contents-section2 .data-display.case-2 .data-foot {
    margin-top: 10rem;
}

.HTNCWKD03D30W01 .contents-section2 .data-display.case-2 .data-foot .data-para {
    font-weight: 600;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D30W01 .contents-section2 {
        padding-bottom: 14rem;
    }

    .HTNCWKD03D30W01 .contents-section2 .data-display.case-2 .data-item+.data-item {
        margin-top: 8rem;
    }

    .HTNCWKD03D30W01 .contents-section2 .data-display.case-2 .data-foot {
        margin-top: 6rem;
    }
}

.HTNCWKD03D40W01 .contents-section1 .contents-section-body {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 6rem 1.8rem;
}

.HTNCWKD03D40W01 .contents-section1 .contents-section-body .data-display.case-31 {
    max-width: 106.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D40W01 .contents-section1 .contents-section-body {
        padding-bottom: 14rem;
    }
}

.HTNCWKD03D41W01 .contents-section1 .contents-section-body {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 6rem 1.8rem;
}

.HTNCWKD03D41W01 .contents-section1 .contents-section-body .data-display.case-31 {
    max-width: 106.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D41W01 .contents-section1 .contents-section-body {
        padding-bottom: 14rem;
    }
}

.HTNCWKD03D42W01 .contents-section1 .contents-section-body {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 6rem 1.8rem;
}

.HTNCWKD03D42W01 .contents-section1 .contents-section-body .data-display.case-31 {
    max-width: 106.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D42W01 .contents-section1 .contents-section-body {
        padding-bottom: 14rem;
    }
}

.HTNCWKD03D60W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWKD03D60W01 .contents-section2 {
    padding-top: 3rem;
    padding-bottom: 20rem;
}

.HTNCWKD03D60W01 .contents-section2 .search-tab-swiper {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWKD03D60W01 .contents-section2 {
        padding-top: 0;
        padding-bottom: 14rem;
    }

    .HTNCWKD03D60W01 .contents-section2 .search-tab-swiper {
        padding-bottom: 6rem;
    }
}

/* 효성티엔씨 영문(ENG) */
.HTNCWED00D00W00 {
    width: 100%;

}

.HTNCWED00D00W00 .main-contents {
    position: relative;

}

.HTNCWED00D00W00 .main-contents.contents-01 {
    z-index: 1;
    background-color: #fff;

}

.HTNCWED00D00W00 .main-contents.contents-02 {
    top: -100vh;


}

.HTNCWED00D00W00 .section {
    position: relative;
    width: 100%;
    height: 100%;
}

.HTNCWED00D00W00 .section.story-01 {
    width: 100%;
    position: relative;
    background-color: rgb(255, 255, 255);
    height: 400vh;
    min-height: 432rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 {
        height: auto;
        min-height: unset;
    }
}

.HTNCWED00D00W00 .section.story-01.act-main {
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01.act-main {
        padding: unset;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap {
        position: relative;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 {
    height: 250vh;
    min-height: 340rem;
    background: #475C65;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 {
        height: 200vh;
        min-height: unset;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .data-wrap {
    position: sticky;
    top: 0;
    height: 100vh;
    min-height: 108rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .data-wrap {
        min-height: unset;
        position: sticky;
        top: 0;
        overflow: hidden;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap {
    position: absolute;
    left: 50%;
    top: 70.277%;
    transform: translate(-50%, 20rem);
    width: 100%;
    text-align: center;
    opacity: 0;
    z-index: 10;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap {
        width: 100%;
        transform: translate(-50%, 20rem);
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .tit {
    display: block;
    font-family: "Poppins";
    font-weight: 600;
    font-size: 6rem;
    line-height: 7.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .tit {
        font-weight: 700;
        font-size: 3.4rem;
        line-height: 5.6rem;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .desc {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 3.6rem;
    margin-top: 3.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .desc {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 1.2rem;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box {
    width: 21.7rem;
    height: 40rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    position: absolute;
    transform-origin: 0 100%;
    transition-duration: 0.2s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box {
        width: 11.7rem;
        height: 21.4rem;
        aspect-ratio: 117/214;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box~.box {
    top: 24%;
    opacity: 0;
    border-radius: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box~.box {
        max-width: 31rem;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-timing-function: cubic-bezier(0.37, 0.72, 0.92, 0.95);
    transition-duration: 0.6s;
    overflow: hidden;
    z-index: 5;
}

/* Notebook ekranları (1366px ve üzeri) 
@media (max-width: 1366px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 {
        top: 50%;
    }
}


@media (max-width: 1920px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 {
        top: 59%;
    }
}
*/
.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap {

    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translate(-50%, -50%);
    overflow: hidden;
}


.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap img,
.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap video {
    position: absolute;
    margin-top: 1rem;
    border-radius: 3.2rem;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap .scroll-mark {
    opacity: 0;
    transform: translate(-50%, 10rem);
    width: 14.8rem;
    height: 4.1rem;
    position: absolute;
    left: 50%;
    bottom: 4rem;
    transition-duration: 1s;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap .scroll-mark {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 {
    width: calc(100% - 13rem);
    height: calc(100% - 20rem);
    border-radius: 3.2rem;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 .video-wrap {
    border-radius: 3.2rem;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 .video-wrap .scroll-mark {
    transform: translate(-50%, 0);
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 {
        width: calc(100% - 6.4rem);
        height: 80%;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-02 {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #24F3D9 0%, #05D0B8 100%);
    z-index: 4;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-03 {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #4C2FFE 0%, #3E16DF 100%);
    z-index: 3;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-04 {
    background: radial-gradient(50% 50% at 50% 50%, #CE8FFF 0%, #BA6AF9 100%);
    z-index: 2;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-05 {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
    z-index: 1;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-05 {
        display: none;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    min-height: 108rem;
    max-width: 158.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 {
        position: relative;
        height: 100vh;
        min-height: unset;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .data-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    bottom: -12rem;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .data-wrap {
        height: auto;
        overflow: visible;
        min-height: unset;
        left: unset;
        transform: unset;
        position: relative;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap {
    opacity: 0;
    transform: translate(0, 40rem);
    text-align: center;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap {
        position: relative;
        top: unset;
        left: unset;
        margin-bottom: 12rem;
        padding-top: 30%;
        transform: translateY(20rem);
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .tit {
    display: block;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .tit {
        font-size: 1.2rem;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .desc {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    margin-top: 1.851%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .desc {
        font-size: 3.2rem;
        line-height: 4.6rem;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap {
    width: 100%;
    position: relative;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap {
        padding: 0 1.8rem 3rem;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 2.133%;
        overflow-y: hidden;
        overflow-x: auto;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgb(255, 198, 51);
        opacity: 0;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .card-box {
    width: calc(33.3333333333% - 1rem);
    max-width: 51.4rem;
    min-height: 66rem;
    padding: 5rem 1.76%;
    border-radius: 1.6rem;
    background: #FFF6DF;
    overflow: hidden;
    position: absolute;
    top: 0;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .card-box {
        position: relative;
        width: 84%;
        min-width: 31.5rem;
        min-height: unset;
        height: auto;
        padding: 2rem 2rem 3rem;
        background: #FFFFFF;
        border-radius: 1.8rem;
        box-shadow: 0px 13px 10px 0px rgba(0, 0, 0, 0.09);
        opacity: 1;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 3.6rem;
    line-height: 5rem;
    color: #302800;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit {
        font-size: 2.2rem;
        line-height: 4rem;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit-desc {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: normal;
    color: #000;
    text-align: justify;
    opacity: 0.7;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit-desc {
        font-size: 1.2rem;
        line-height: 2.4rem;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit {
    display: block;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit {
        font-size: 1.5rem;
        line-height: 2.8rem;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit-desc {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #000;
    text-align: justify;
    opacity: 0.7;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
    height: 13rem;
    overflow-y: auto;
    padding-right: 1.6rem;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit-desc::-webkit-scrollbar {
    width: 0.4rem;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit-desc::-webkit-scrollbar-thumb {
    width: 0.4rem;
    background-color: rgb(34, 205, 116);
    border-radius: 0.2rem;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit-desc::-webkit-scrollbar-track {
    width: 0.4rem;
    background: linear-gradient(to right, transparent 0.1rem, #EBEBEB 0.1rem 0.7rem, transparent 0.7rem 0.8rem);
    border-radius: 0.2rem;
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit-desc::-webkit-scrollbar-track-piece {
    border-radius: 0.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit-desc {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-top: 0.8rem;
        text-align: left;
        height: auto;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .img-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 42.794%;
    margin: 3.8rem 0 4rem;
    border-radius: 1.2rem;
    overflow: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .img-wrap {
        margin: 1.4rem 0 2rem;
    }
}

.HTNCWED00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.HTNCWED00D00W00 .section.story-02 .section-wrap {
    height: 600vh;
    background: #0E0E1A;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap {
        height: 400vh;
        background-image: linear-gradient(180deg, rgba(45, 32, 76, 0.5) 0%, transparent 100%);
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-head {
    position: absolute;
    left: 0;
    top: 0;
    padding: 18rem 0 0 15rem;
    z-index: 1;
    transform: translateY(10rem);
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-head {
        width: 100%;
        padding: 10rem 0 0 0;
        text-align: center;
        transform: translateY(50rem);
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #E2E2E2;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption+.section-title {
    margin-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption+.section-title {
        margin-top: 0.6rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.pc {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.pc {
        display: none;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.pc .svg_line {
    width: 20%;
    height: 100%;
    stroke-width: 2;
    stroke: #82FFE1;
    opacity: 0;
    transition-duration: 0.5s;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.mo {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.mo {
        display: block;
        position: absolute;
        left: 50%;
        top: 35rem;
        width: 1px;
        height: 63.8%;
        transform: translate(-7.5rem, 50rem);
        background-image: linear-gradient(180deg, #82FFE1 0%, #FF08E5 31.77%, #FC489E 65.1%, #FF8523 84.9%);
        opacity: 0;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper {
    position: relative;
    height: 100%;
    opacity: 0;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(1) {
    left: 20%;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(2) {
    left: 40%;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(3) {
    left: 60%;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(4) {
    left: 80%;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list {
        width: calc(50% + 7.5rem);
        height: unset;
        flex-direction: column;
        left: 50%;
        top: 35rem;
        height: 63.8%;
        transform: translate(-7.5rem, 0);
        gap: 6rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item {
    position: absolute;
    top: 50%;
    width: 20%;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item {
        position: relative;
        top: unset !important;
        left: unset !important;
        width: calc(100% - 3.8rem);
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(1) {
    left: 20%;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(1) .dot {
    background-color: #75E1CA;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(1) .data-body .txt1 {
    color: #75E1CA;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(2) {
    left: 40%;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(2) .dot {
    background-color: #FF08E5;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(2) .data-body .txt1 {
    color: #FF08E5;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(3) {
    left: 60%;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(3) .dot {
    background-color: #FD38B0;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(3) .data-body .txt1 {
    color: #FD38B0;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(4) {
    left: 80%;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(4) .dot {
    background-color: #FE626B;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(4) .data-body .txt1 {
    color: #FE626B;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .dot {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .dot {
        width: 0.8rem;
        height: 0.8rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head {
    position: absolute;
    left: 0;
    top: -5.4rem;
    transform: translate(-50%, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head {
        position: static;
        transform: translate(0, -50%);
        padding-left: 3.5rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title {
    display: flex;
    align-items: flex-end;
    gap: 0.2rem;
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-name {
    color: #87779D;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-name {
        font-size: 2rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-unit {
    color: #594F72;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-unit {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body {
    padding: 2rem 0 0 3.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body {
        padding: 0 0 0 3.5rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt1 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt1 {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt2 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
    color: #fff;
    margin-top: 0.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt2 {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-aside {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #00B2FF 0%, rgba(0, 178, 255, 0) 116.75%);
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-02 .section-wrap .section-inner .section-aside {
        display: none;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner {
    position: relative;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-head {
    position: relative;
    width: 100%;
    height: 200vh;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-head {
        height: 200vh;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-head-inner {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-head-inner .section-head-text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding: 0 2rem;
    transform: translate(0, -20rem);
    opacity: 0;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-head-inner .section-head-text.active {
    transform: translate(0, -50%);
    opacity: 1;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-caption {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #D9F4FF;
    margin-bottom: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-caption {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    color: #FBFBFB;
    word-break: keep-all;
    word-wrap: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat {
    position: fixed;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translate(0, -20rem);
    opacity: 0;
    z-index: -1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat {
        top: 65%;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat img {
    position: absolute;
    left: 50%;
    top: 15rem;
    transform: translate(-50%, 0);
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat img {
        top: 6.4rem;
        width: 6rem;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .obj-line {
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .obj-line {
        width: 1px;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network {
    max-width: 192rem;
    margin: 0 auto;
    padding: 0 4.271vw 16.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network {
        padding: 0 4rem 23.2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list {
        max-width: 29rem;
        margin: 0 auto;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item {
    display: flex;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:not(:first-child) {
    margin-top: 14.5rem;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd):not(:first-child) {
    margin-top: -12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd):not(:first-child) {
        margin-top: 0;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd) .data-wrap {
    padding-right: 13.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd) .data-wrap {
        padding-right: 0;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd) .picture {
    transform-origin: 100% 100%;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) {
    justify-content: flex-end;
    margin-top: -20%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) {
        justify-content: center;
        margin-top: 0;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) .data-wrap {
    padding-left: 13.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) .data-wrap {
        padding-left: 0;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) .picture {
    transform-origin: 0 100%;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .data-inner {
    transform: translateY(-11rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .data-inner {
        transform: translateY(0) scale(1);
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .picture {
    transform: scale(0.85);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .picture {
        transform: scale(1);
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(odd) .data-title {
    padding-left: 15.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(odd) .data-title {
        padding-left: 0;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(even) .data-title {
    padding-right: 15.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(even) .data-title {
        padding-right: 0;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-wrap {
    position: relative;
    width: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-wrap {
        width: 100%;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner {
    display: block;
    transition: 0.5s ease-in-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner {
        transform: scale(0.4);
        transform-origin: 50% 50%;
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture img {
    filter: brightness(0.6);
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture .hover-text {
    opacity: 1;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture .hover-text .hover-text-inner {
    transform: translateX(0);
    animation: marquee var(--duration) linear infinite;
    animation-play-state: running;
    animation-delay: 0.4s;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture .hover-text .hover-text-inner span::after {
    opacity: 1;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(var(--interval) * -1));
    }
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture {
    position: relative;
    display: block;
    border-radius: 1.6rem;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.5s;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture .hover-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: "Poppins";
    font-size: 10rem;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.5s;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture .hover-text .hover-text-inner {
    display: block;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture .hover-text .hover-text-inner span::after {
    content: attr(data-text);
    position: absolute;
    display: inline-block;
    width: 100%;
    left: var(--interval);
    opacity: 0;
}

.HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-title {
    width: 100%;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 6rem;
    color: #fff;
    padding: 1rem 0 0 1rem;
    transition: 0.5s ease-in-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-title {
        font-size: 3rem;
        line-height: 4.5rem;
        padding: 1.2rem 0 0 0;
    }
}

.HTNCWED00D00W00 .section.story-04 {
    z-index: -1;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap {
    position: relative;
    padding-top: 100vh;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-head {
    position: absolute;
    top: -100vh;
    left: 0;
    width: 100%;
    height: 300vh;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-head-inner {
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-head-text {
    transition: none;
    padding: 0 2rem;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-caption {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #000;
    margin-bottom: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-caption {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    color: #000;
    word-break: keep-all;
    word-wrap: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body {
    position: relative;
    z-index: 2;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material {
    position: relative;
    z-index: 1;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .keyword-inner {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #449AD9 0%, #0071C3 100%);
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .bg-wrapper {
    background-image: url("../images/common/main/main-contents04-bg01-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .bg-wrapper {
        background-image: url("../images/common/main/main-contents04-bg01-mo.jpg");
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .caption-layer {
    background: radial-gradient(50% 50% at 50% 50%, #00509A 0%, #143484 100%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .data-caption {
        background: radial-gradient(62.46% 62.46% at 50% 50%, #449AD9 0%, #0071C3 100%);
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .keyword-inner {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #22CD74 0%, #09A36B 100%);
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .bg-wrapper {
    background-image: url("../images/common/main/main-contents04-bg02-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .bg-wrapper {
        background-image: url("../images/common/main/main-contents04-bg02-mo.jpg");
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .caption-layer {
    background: radial-gradient(50% 50% at 50% 50%, #006D46 0%, #004236 100%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .data-caption {
        background: radial-gradient(62.46% 62.46% at 50% 50%, #22CD74 0%, #09A36B 100%);
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .keyword-inner {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .bg-wrapper {}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .bg-wrapper {
        background-image: url("../images/common/main/main-contents04-bg03-mo.jpg");
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .caption-layer {
    background: radial-gradient(50% 50% at 50% 50%, #FFB800 0%, #E59700 100%);
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-caption {
    color: rgba(52, 34, 0, 0.7);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-caption {
        background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
        color: #fff;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-title {
    color: #342200;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-desc {
    color: #342200;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .para {
    color: #8F5F00;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-wrap {
    position: relative;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    padding: 0 30px;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper {
        display: none;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper .keyword-inner {
    width: 100%;
    border-radius: 6.4rem 6.4rem 0 0;
    padding: 19rem 8rem 0;
    overflow: hidden;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper .keyword-inner .marquee_txt {
    display: block;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 26.042vw;
    line-height: 20.833vw;
    letter-spacing: -15px;
    color: #FFF;
    white-space: nowrap;
    will-change: transform;
}

@media screen and (min-width: 1921px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper .keyword-inner .marquee_txt {
        font-size: 50rem;
        line-height: 40rem;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .bg-wrapper {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 80vh;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .bg-wrapper {
        background-attachment: unset;
        padding-bottom: 30.6rem;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer {
    width: 100%;
    border-radius: 16px;
    padding: 16rem 7.813vw 11rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer {
        border-radius: 0;
        padding: 6rem 2.4rem 9rem;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner {
    display: flex;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner {
        display: block;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner>div {
    flex: 0 0 auto;
    width: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner>div {
        width: 100%;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-text-inner {
    max-width: 58rem;
    margin-right: 5.208vw;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-text-inner {
        max-width: 100%;
        margin-right: 0;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-caption {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-caption {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 4px 14px;
        text-align: center;
        font-size: 1.4rem;
        line-height: 3.1rem;
        color: #fff;
        border-radius: 8px;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-title {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4rem;
    line-height: 6rem;
    color: #fff;
    margin: 2.4rem 0 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-title {
        font-size: 2.4rem;
        line-height: 3.6rem;
        margin: 2.4rem 0 3rem;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #EFEFEF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc.desc1 {
    font-weight: 600;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc+.data-desc {
    margin-top: 0.8rem;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right {
    display: flex;
    gap: 4.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right {
        display: none;
    }
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .data-images {
    flex: 1 1 auto;
    width: calc(100% - 17.5rem);
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .data-images .img-area {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: calc((300 * 100) / 588 * 1%);
    border-radius: 1rem;
    overflow: hidden;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .data-images .img-area .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.HTNCWED00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .para {
    flex: 0 0 auto;
    width: 17.5rem;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #75BEB4;
}

.HTNCWED00D00W00 .section.story-05 {
    z-index: 10;
}

.HTNCWED00D00W00 .section.story-05 .section-wrap {
    height: 100vh;
    overflow: hidden;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner {
    width: 100%;
    max-width: 132.2rem;
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-head {
    margin-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-head {
        margin-bottom: 3.8rem;
    }
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-head .section-title {
    text-align: center;
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 4.4rem;
    line-height: 5.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-list {
    display: flex;
    gap: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-list {
        flex-direction: column;
        gap: 0.8rem;
    }
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item {
    flex: 0 0 auto;
    width: calc((100% - 3.2rem) / 3);
    border-radius: 6.4rem;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item {
        width: 100%;
        border-radius: 1.6rem;
        text-align: left;
    }
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item:nth-child(1) {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #449AD9 0%, #0071C3 100%);
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item:nth-child(2) {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #22CD74 0%, #09A36B 100%);
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item:nth-child(3) {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35rem;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap {
        justify-content: space-between;
        height: auto;
        padding: 2rem 2rem 2rem 3rem;
    }

    .HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap::after {
        content: "";
        display: inline-block;
        width: 2.8rem;
        height: 2.8rem;
        background: url("../images/common/main/main-contents05-arrow-01.svg") no-repeat center;
        background-size: contain;
    }
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption .text-en {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption .text-en {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
}

.HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-title {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 4.4rem;
    margin: 1rem 0 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-title {
        font-size: 2.2rem;
        line-height: 3.4rem;
        margin: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .button {
        display: none;
    }
}

.HTNCWED10D10W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWED10D10W01 .contents-section2 .contents-article .data-display.case-9 .data-head {
    max-width: 125rem;
    margin: 0 auto;
}

.HTNCWED10D10W01 .contents-section2 .contents-article .data-display.case-9 .data-body,
.HTNCWED10D10W01 .contents-section2 .contents-article .data-display.case-9 .data-aside {
    max-width: 88.2rem;
    margin: 0 auto;
}

.HTNCWED10D10W01 .contents-section2 .contents-article .data-display.case-9 .thumbnail-figure {
    display: block;
    margin-top: 8rem;
}

.HTNCWED10D10W01 .contents-section2 .contents-article .data-display.case-9 .thumbnail-figure img {
    width: 100%;
}

.HTNCWED10D10W01 .contents-section2 .contents-article1 .data-display.case-1 .title1 {
    max-width: 137.2rem;
    margin: 0 auto;
    padding: 0 1.8rem;
}

.HTNCWED10D10W01 .contents-section2 .contents-article1 .data-body-inner {
    padding: 12rem 1.8rem 0;
    background: linear-gradient(to bottom, #191F26 0%, #191F26 calc(100% - 18.8rem), transparent calc(100% - 18.8rem), transparent 100%);
}

.HTNCWED10D10W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D10W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED10D10W01 .contents-section2 .contents-article .data-display.case-9 .data-head,
    .HTNCWED10D10W01 .contents-section2 .contents-article .data-display.case-9 .data-body,
    .HTNCWED10D10W01 .contents-section2 .contents-article .data-display.case-9 .data-aside {
        max-width: initial;
    }

    .HTNCWED10D10W01 .contents-section2 .contents-article .data-display.case-9 .title2 {
        max-width: 93rem;
        margin: 0 auto;
    }

    .HTNCWED10D10W01 .contents-section2 .contents-article .data-display.case-9 .thumbnail-figure {
        margin-top: 6rem;
    }

    .HTNCWED10D10W01 .contents-section2 .contents-article1 .data-body-inner {
        margin-top: 2rem;
        padding-top: 10rem;
        background: linear-gradient(to bottom, #191F26 0%, #191F26 calc(100% - 7rem), transparent calc(100% - 7rem), transparent 100%);
    }

    .HTNCWED10D10W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED10D11W01 .contents-section2 .contents-article {
    transition: none;
}

.HTNCWED10D11W01 .contents-section2 .contents-article1 {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.HTNCWED10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .sub-title {
    color: rgb(27, 75, 102);
}

.HTNCWED10D11W01 .contents-section2 .contents-article2 {
    padding-top: 22rem;
    overflow-x: hidden;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.HTNCWED10D11W01 .contents-section2 .contents-article2 .slide-image {
    display: block;
    position: relative;
    padding-bottom: 14.1885%;
}

.HTNCWED10D11W01 .contents-section2 .contents-article2 .slide-image+.slide-image {
    margin-top: 1.2rem;
}

.HTNCWED10D11W01 .contents-section2 .contents-article2 .slide-image .img {
    position: absolute;
    top: 0;
    height: 100%;
}

.HTNCWED10D11W01 .contents-section2 .contents-article2 .slide-image-1 .img {
    left: 0%;
}

.HTNCWED10D11W01 .contents-section2 .contents-article2 .slide-image-2 .img {
    right: 0;
}

.HTNCWED10D11W01 .contents-section2 .contents-article3 {
    padding-top: 22rem;
    padding-bottom: 20rem;
}

.HTNCWED10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform {
    margin-top: 9rem;
}

.HTNCWED10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 3.4rem;
    color: rgb(217, 217, 217);
    vertical-align: middle;
}

.HTNCWED10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span.name {
    padding-left: 3rem;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 6rem;
    color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .title.medium .name {
        line-height: 5rem;
    }

    .HTNCWED10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .sub-title {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWED10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .data-body {
        margin-top: 6rem;
    }

    .HTNCWED10D11W01 .contents-section2 .contents-article2 {
        padding-top: 8rem;
    }

    .HTNCWED10D11W01 .contents-section2 .contents-article2 .slide-image {
        padding-bottom: 36%;
    }

    .HTNCWED10D11W01 .contents-section2 .contents-article2 .slide-image+.slide-image {
        margin-top: 0.6rem;
    }

    .HTNCWED10D11W01 .contents-section2 .contents-article3 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWED10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform {
        margin-top: 8rem;
    }

    .HTNCWED10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWED10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span.name {
        padding-left: 1.8rem;
        font-size: 2rem;
        line-height: 3.4rem;
    }
}

.HTNCWED10D12W01 .contents-section2 .contents-section-head+.contents-section-body {
    padding-top: 10rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article.case-1 .data-display .data-item {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article.case-1 .data-display .data-wrap {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED10D12W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article1 .data-item .data-head {
    padding-top: 6rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article1 .data-item .data-body .data-para {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 4rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article2 {
    background-image: url(../images/common/photo/company/introduction/img-hyosungway-01-new-pc.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWED10D12W01 .contents-section2 .contents-article2 .contents-article-inner {
    padding-top: 65rem;
    padding-bottom: 11rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article2 .data-item .data-para {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 4rem;
    color: #ffffff;
}

.HTNCWED10D12W01 .contents-section2 .contents-article2 .data-item1 .data-body-inner {
    margin: 0 auto;
    padding: 6rem 8% 6rem 7.486%;
    max-width: 115rem;
    border-radius: 2rem;
    background-color: #111820;
}

.HTNCWED10D12W01 .contents-section2 .contents-article2 .data-item2 {
    width: calc(100% - 3.6rem);
    max-width: 184rem;
    margin: 0 auto;
    border-radius: 3.2rem;
    background-color: #0F151C;
    padding-left: 7% !important;
    padding-right: 7% !important;
}

.HTNCWED10D12W01 .contents-section2 .contents-article2 .data-item3 .diagram-note {
    margin-top: 8rem;
    padding: 3.2rem;
    border-radius: 1.6rem;
    background-color: #111821;
    text-align: center;
}

.HTNCWED10D12W01 .contents-section2 .contents-article2 .data-item3 .diagram-para {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 {
    background-image: url(../images/common/photo/company/introduction/img-hyosungway-02-new-pc.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .contents-article-inner {
    padding-top: 20rem;
    padding-bottom: 24rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head {
    display: flex;
    gap: 13.3rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title {
    min-width: 24%;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title+.summary {
    width: 66%;
    max-width: 88.4rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para {
    color: #F4F8FF;
    display: block;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1 {
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1+.type2 {
    padding-top: 3rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type2 {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item+.data-item {
    padding-top: 18rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .board-display .board-item {
    opacity: 0;
    transform: translateY(10rem);
    transition-duration: 0.7s;
    transition-delay: 0.4s;
    transition-property: transform, opacity;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .board-display .board-item:nth-child(2) {
    transition-delay: 0.5s;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .board-display .board-item:nth-child(3) {
    transition-delay: 0.6s;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .board-display .board-item:nth-child(4) {
    transition-delay: 0.7s;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item2 {
    background-color: rgb(244, 248, 255);
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item2 .value-wrap {
    margin-top: 8rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item2 .value-wrap .order-list {
    margin-top: 6rem;
}

.HTNCWED10D12W01 .contents-section2 .contents-article3.active .board-display .board-item {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D12W01 .contents-section2 .contents-section-head+.contents-section-body {
        padding-top: 4rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article .data-item+.data-item {
        padding-top: 10rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article .data-item .data-body-inner .title+.text-box {
        margin-top: 1.6rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article .data-item .data-diagram {
        padding-top: 6rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article1 .data-item .data-body {
        padding-right: 1.8rem;
        padding-left: 1.8rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article1 .data-item .data-body .data-para {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 3.2rem;
        text-align: center;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article2 {
        background-image: url(../images/common/photo/company/introduction/img-hyosungway-01-new-mo.jpg);
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article2 .contents-article-inner {
        padding-top: 39rem;
        padding-bottom: 8rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article2 .data-item .data-para {
        font-size: 1.8rem;
        line-height: 3.2rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article3 {
        background-image: url(../images/common/photo/company/introduction/img-hyosungway-02-new-mo.jpg);
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article3 .contents-article-inner {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head {
        flex-direction: column;
        gap: 4rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title {
        width: 100%;
        max-width: unset;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title+.summary {
        width: 100%;
        max-width: unset;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1 {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1+.type2 {
        padding-top: 1.6rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type2 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWED10D12W01 .contents-section2 .contents-article3 .data-item+.data-item {
        padding-top: 10rem;
    }
}

.HTNCWED10D13W01 .history-section-height {
    position: relative;
    height: 300vh;
}

.HTNCWED10D13W01 .history-section-height .sticky-element {
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 2;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWED10D13W01 .history-section-height .track {
    position: relative;
    height: 100%;
    flex: 0 0 auto;
    transform: translate(0%, 0px);
}

.HTNCWED10D13W01 .history-section-height .track .track-flex {
    display: flex;
    height: 100%;
    margin-right: -100vw;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWED10D13W01 .intro-panel {
    position: relative;
    display: flex;
    padding-left: 15.208vw;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin-right: -20vw;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_contain {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_title {
    font-family: "Poppins";
    font-weight: 800;
    font-size: 31.771vw;
    line-height: 27.083vw;
    letter-spacing: -18.3px;
    transform-origin: left center;
    color: #0D3C84;
}

.HTNCWED10D13W01 .intro-panel .intro-float-wrap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.HTNCWED10D13W01 .intro-panel .intro-float-wrap .zone {
    flex: 0 0 auto;
    width: 33.3333333333%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.HTNCWED10D13W01 .intro-panel .intro-float-wrap .zone:nth-child(3) {
    margin-left: -15rem;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_text {
    flex: 0 0 auto;
    align-self: flex-start;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 5.3rem;
    line-height: 7.2rem;
    letter-spacing: -1.04px;
    color: #000;
    z-index: 1;
    opacity: 0;
    transform: scale(0.8);
}

.HTNCWED10D13W01 .intro-panel .intro-panel_img {
    position: absolute;
    width: 13.5rem;
    border-radius: 1.8rem;
    overflow: hidden;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_img .intro-panel_img-height {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_img.is-1 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #A9167A;
    margin-top: -37rem;
    margin-left: 0rem;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_img.is-2 {
    width: 24rem;
    border-radius: 2.25rem;
    background-color: #F48328;
    margin-top: 40rem;
    margin-left: 54rem;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_img.is-3 {
    width: 17.25rem;
    border-radius: 2.25rem;
    background-color: #7AC78C;
    margin-top: -55rem;
    margin-left: 96rem;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_img.is-4 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #FE5C53;
    margin-top: -40rem;
    margin-left: -50rem;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_img.is-5 {
    width: 23rem;
    border-radius: 3rem;
    background-color: #159EA2;
    margin-top: 25rem;
    margin-left: -10rem;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_img.is-6 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #FFC548;
    margin-top: -25rem;
    margin-left: 60rem;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_img.is-7 {
    width: 17.25rem;
    border-radius: 2.25rem;
    background-color: #281E5F;
    margin-top: 45rem;
    margin-left: -40rem;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_img.is-8 {
    width: 25.5rem;
    border-radius: 2.25rem;
    background-color: #1A5E58;
    margin-top: -36rem;
    margin-left: 15rem;
}

.HTNCWED10D13W01 .intro-panel .intro-panel_photo {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
}

.HTNCWED10D13W01 .history-panel {
    position: relative;
    flex: 0 0 auto;
}

.HTNCWED10D13W01 .history-panel .history-navi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 5rem;
    z-index: 1;
    text-align: center;
}

.HTNCWED10D13W01 .history-panel .history-navi .history-navi-inner {
    display: inline-flex;
    gap: 5rem;
}

.HTNCWED10D13W01 .history-panel .history-navi .navi-anchor {
    color: rgba(255, 255, 255, 0.5);
    font-feature-settings: "clig" off, "liga" off;
    font-family: "Poppins";
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem;
}

.HTNCWED10D13W01 .history-panel .history-navi .navi-anchor.active {
    color: #fff;
}

.HTNCWED10D13W01 .history-panel .history-data-list {
    display: flex;
    position: relative;
    height: 100vh;
    overflow: hidden;
    border-radius: 8rem 0 0 0;
}

.HTNCWED10D13W01 .history-panel .history-data-list .historyListTrigger {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
}

.HTNCWED10D13W01 .history-panel .data-list {
    position: relative;
    height: 100vh;
    padding: 0 30rem 0 26rem;
    display: inline-flex;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-head {
    position: relative;
    display: flex;
    align-items: center;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-head .title {
    font-size: 32rem;
    font-weight: 800;
    font-family: "Poppins";
    color: rgb(255, 255, 255);
    letter-spacing: -9.6px;
    z-index: 1;
    order: 1;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-head .subject {
    font-size: 11rem;
    font-weight: 700;
    font-family: "Hyosung";
    color: #FFF;
    letter-spacing: -2.2px;
    line-height: 13rem;
    margin-left: 27rem;
    order: 3;
    transform: translateY(50%);
    text-transform: uppercase;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-head .data-head-img {
    position: absolute;
    left: 164rem;
    top: 50%;
    transform: translateY(-50%);
    order: 2;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body {
    position: relative;
    display: flex;
    padding-left: 17rem;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .data-body-img {
    position: absolute;
    left: 267.4rem;
    top: 50%;
    transform: translateY(-50%);
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 1;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .history-item~.history-item {
    margin-left: 4rem;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .year {
    font-size: 80px;
    font-weight: 800;
    font-family: "Poppins";
    line-height: 125%;
    color: rgba(255, 255, 255, 0.5);
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item~.detail-item {
    margin-left: 0.4rem;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail {
    width: 60rem;
    border-radius: 4rem;
    overflow: hidden;
    background-color: #ffffff;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1.6rem 3.2rem;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child {
    padding: 3rem 3.2rem 1.6rem;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:last-child {
    padding: 1.6rem 3.2rem 3rem;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child:last-child {
    padding: 3rem 3.2rem;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:nth-child(even) {
    background-color: #F0F0F0;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month {
    flex: 0 0 auto;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    width: 5rem;
    color: #0A2B5C;
    padding-left: 0.8rem;
    transform: translateY(-0.4rem);
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .num {
    flex-grow: 1;
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .sm {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: normal;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap {
    display: flex;
    gap: 1.2rem;
    margin-left: 2.4rem;
    width: calc(100% - 7.4rem);
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag {
    flex: 0 0 auto;
    display: inline-block;
    width: 5.5rem;
    height: 2.2rem;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 600;
    color: #ffffff;
    line-height: 2.2rem;
    border-radius: 0.5rem;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag.type-1 {
    background-color: #8185D7;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag.type-2 {
    background-color: #FF9742;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
    color: #000;
    white-space: normal;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt.bold {
    font-weight: 600;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item {
    position: relative;
    display: flex;
    gap: 1.2rem;
}

.HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item~.txt-item {
    margin-top: 0.8rem;
}

.HTNCWED10D13W01 .history-panel .data-list.is-1 {
    background-color: #0D3C84;
}

.HTNCWED10D13W01 .history-panel .data-list.is-2 {
    background-color: #12A474;
}

.HTNCWED10D13W01 .history-panel .data-list.is-3 {
    background-color: #E09E3A;
}

.HTNCWED10D13W01 .history-panel .data-list.is-4 {
    background-color: #621D4C;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D13W01 .history-section-height {
        position: relative;
        height: unset;
    }

    .HTNCWED10D13W01 .history-section-height .sticky-element {
        position: static;
        display: block;
        overflow: hidden;
        width: 100%;
        height: unset;
    }

    .HTNCWED10D13W01 .history-section-height .track {
        position: relative;
        height: unset;
        transform: unset;
    }

    .HTNCWED10D13W01 .history-section-height .track .track-flex {
        display: block;
        height: unset;
        margin-right: 0;
    }

    .HTNCWED10D13W01 .intro-panel {
        position: relative;
        display: block;
        padding-left: 0;
        margin-right: 0;
        padding: 6rem 0 0;
        background-color: #F1F2F4;
        margin-bottom: -10rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_contain {
        position: relative;
        display: block;
    }

    .HTNCWED10D13W01 .intro-panel .intro-title-wrap {
        position: absolute;
        right: 1rem;
        top: 0;
        width: 1px;
        height: 1px;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_title {
        font-size: 12rem;
        line-height: 9rem;
        letter-spacing: -3.6px;
        transform-origin: unset;
        white-space: nowrap;
        transform: rotate(90deg) translateY(50%);
        position: relative;
        top: -11rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-float-wrap {
        position: static;
        width: 100%;
        height: unset;
        display: block;
    }

    .HTNCWED10D13W01 .intro-panel .intro-float-wrap .zone {
        width: 100%;
        display: block;
    }

    .HTNCWED10D13W01 .intro-panel .intro-float-wrap .zone:nth-child(3) {
        margin-left: 0;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_text {
        font-size: 3.2rem;
        line-height: 4rem;
        letter-spacing: normal;
        padding-left: 3rem;
        opacity: 0;
        transform: scale(0.8);
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_text.is-1 {
        margin-top: 5rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_text.is-2 {
        margin-top: 4rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_img {
        position: static;
        width: 13.5rem;
        border-radius: 1.8rem;
        overflow: hidden;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_img.is-1 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 6rem;
        margin-left: 17.8rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_img.is-2 {
        width: 12rem;
        border-radius: 1rem;
        margin-top: 3rem;
        margin-left: 1.8rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_img.is-3 {
        width: 10rem;
        border-radius: 0.8rem;
        margin-top: -5rem;
        margin-left: 15.8rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_img.is-4 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 5rem;
        margin-left: 13.8rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_img.is-5 {
        width: 10rem;
        border-radius: 0.6rem;
        margin-top: -1rem;
        margin-left: 1.8rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_img.is-6 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 0rem;
        margin-left: 16.8rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_img.is-7 {
        width: 10rem;
        border-radius: 0.6rem;
        margin-top: 6rem;
        margin-left: 1.8rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_img.is-8 {
        width: 12rem;
        border-radius: 1rem;
        margin-top: -5rem;
        margin-left: 13.8rem;
    }

    .HTNCWED10D13W01 .intro-panel .intro-panel_photo {
        left: -3%;
        top: -3%;
        width: 106%;
        height: 106%;
    }

    .HTNCWED10D13W01 .history-panel {
        position: relative;
        flex: 0 0 auto;
    }

    .HTNCWED10D13W01 .history-panel .history-navi {
        position: absolute;
        bottom: unset;
        top: 0;
        left: 0;
        width: 100%;
        height: 5rem;
        z-index: 1;
        text-align: center;
    }

    .HTNCWED10D13W01 .history-panel .history-navi.fixed {
        position: fixed;
        top: 5rem;
        background-color: #0D3C84;
        transition: top 0.3s;
    }

    .navi-depth3-action .HTNCWED10D13W01 .history-panel .history-navi.fixed {
        top: 14.4rem;
    }

    .HTNCWED10D13W01 .history-panel .history-navi .history-navi-inner {
        display: flex;
        justify-content: space-evenly;
        gap: 0;
    }

    .HTNCWED10D13W01 .history-panel .history-navi .navi-anchor {
        color: rgba(255, 255, 255, 0.4);
        font-family: "Poppins";
        font-size: 2rem;
        font-weight: 800;
        line-height: 5rem;
        letter-spacing: -0.6px;
    }

    .HTNCWED10D13W01 .history-panel .history-data-list {
        display: block;
        position: relative;
        height: auto;
        border-radius: 0;
    }

    .HTNCWED10D13W01 .history-panel .data-list {
        position: relative;
        height: auto;
        padding: 18rem 0 0 0;
        display: block;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner {
        display: block;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-head {
        position: relative;
        display: block;
        text-align: center;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-head .title {
        font-size: 4.8rem;
        font-weight: 800;
        font-family: "Poppins";
        color: #ffffff;
        letter-spacing: 0;
        line-height: normal;
        order: 1;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-head .subject {
        font-size: 3.2rem;
        font-weight: 700;
        font-family: "Hyosung";
        color: #FFF;
        letter-spacing: 0;
        line-height: 4rem;
        margin-left: 0;
        order: 2;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-head .data-head-img {
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(0);
        order: 3;
        margin-top: 8rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-head .data-head-img img {
        width: 100%;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body {
        display: block;
        padding: 8rem 1.8rem 14rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap {
        display: block;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .history-item~.history-item {
        margin-left: 0;
        margin-top: 4rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .year {
        font-size: 4.8rem;
        line-height: 6rem;
        margin-left: 2rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list {
        display: block;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item~.detail-item {
        margin-left: 0;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item:first-child .detail {
        border-radius: 2rem 2rem 0 0;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item:not(:first-child) .detail {
        border-radius: 0 0 2rem 2rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail {
        width: 100%;
        border-radius: 2rem;
        overflow: hidden;
        background-color: #ffffff;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 1.6rem 1.6rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child {
        padding: 2rem 1.6rem 1.6rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:last-child {
        padding: 1.6rem 1.6rem 2rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child:last-child {
        padding: 2rem 1.6rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month {
        flex: 0 0 auto;
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        width: 3.8rem;
        color: #0A2B5C;
        padding-left: 0;
        transform: translateY(-0.2rem);
        gap: 0.2rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .num {
        flex-grow: 1;
        display: inline-block;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: normal;
        text-align: right;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .sm {
        display: inline-block;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: normal;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap {
        display: flex;
        gap: 0.8rem;
        margin-left: 1.2rem;
        width: calc(100% - 5rem);
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag {
        flex: 0 0 auto;
        display: inline-block;
        width: 3.7rem;
        height: 1.6rem;
        text-align: center;
        font-size: 0.9rem;
        font-weight: 700;
        color: #ffffff;
        line-height: 1.6rem;
        border-radius: 0.4rem;
        transform: translateY(0.2rem);
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt {
        display: block;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 2.2rem;
        color: #000;
        white-space: normal;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt.bold {
        font-weight: 600;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item {
        position: relative;
        display: flex;
        gap: 1.2rem;
    }

    .HTNCWED10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item~.txt-item {
        margin-top: 0.8rem;
    }
}

.HTNCWED10D14W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: translateY(0rem);
}

.HTNCWED10D14W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para.bold-1 {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.6rem;
}

.HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para+.data-para {
    padding-top: 2.4rem;
}

.HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner {
    margin: 12rem calc(50% - 50vw + 4rem) 0;
    width: calc(100vw - 8rem);
}

.HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 20.979%;
    border-radius: 1.6rem;
    overflow: hidden;
    opacity: 0;
    transform: scale(1.05) translateY(5rem);
    transition: transform 0.6s, opacity 0.6s;
}

.HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap .thumbnail-figure {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap .img {
    width: 100%;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .contents-article-inner {
    padding-bottom: 20rem;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .title-wrap {
    position: relative;
    padding-top: 18rem;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .title-wrap .title {
    opacity: 0;
    transform: translateY(3rem);
    transition: transform 0.6s, opacity 0.6s;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap {
    position: relative;
    margin-top: 8.8rem;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area {
    position: relative;
    display: flex;
    gap: 2rem;
    z-index: 2;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item {
    display: flex;
    flex: 1 1 50%;
    max-width: calc(50% - 1rem);
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item1 {
    --bg-color: #191F26;
    --card-name-color: rgb(255, 255, 255);
    --foot-info-color: rgb(115, 115, 115);
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item2 {
    --bg-color: #FFF6DF;
    --card-name-color: rgb(40, 40, 40);
    --foot-list-color: rgb(0, 0, 0);
    --foot-info-color: rgb(40, 40, 40);
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item2 .card-item-inner {
    margin-left: auto;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 71%;
    max-width: 43.2rem;
    padding: 6.3rem 3.2rem 2.8rem;
    border-radius: 1.6rem;
    background-color: var(--bg-color);
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon {
    display: block;
    width: 4.2rem;
    height: 4.2rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon1 {
    background-image: url(../images/common/photo/company/introduction/icon-research-card1.svg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon2 {
    background-image: url(../images/common/photo/company/introduction/icon-research-card2.svg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-name {
    margin-top: 2.1rem;
    font-family: "hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: var(--card-name-color);
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot {
    margin-top: 59.785%;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 9.786%;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list .list-item {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: var(--foot-list-color);
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list+.foot-info {
    margin-top: 1.2rem;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-info {
    padding-top: 1.2rem;
    border-top: 0.1rem solid #646464;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: var(--foot-info-color);
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .float-text-area {
    position: absolute;
    width: 29%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
}

.HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .float-text-area .text {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(40, 40, 40);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 {
    --transition-duration-sec: 1s;
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner {
    position: relative;
    overflow: hidden;
    padding: 10rem 1.8rem 18rem;
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity var(--transition-duration-sec), transform 9s;
    transform: scale(1.25);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2022 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2022.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2019 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2019.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2017 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2017.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2016 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2016.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2015 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2015.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2014 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2014.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2013 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2013.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2012 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2012.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2011 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2011.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2010 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2010.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2009 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2009.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2008 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2008.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2007 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2007.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2006 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2006.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2005 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2005.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2004 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2004.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2003 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2003.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2002 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2002.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2001 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2001.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2000 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2000.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1999 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1999.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1998 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1998.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1993 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1993.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1992 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1992.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1989 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1989.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1987 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1987.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1986 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1986.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1983 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1983.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1980 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1980.jpg);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg.active {
    opacity: 1;
    transform: scale(1);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .data-display.case-9 .data-head {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide {
    position: relative;
    width: auto;
    border-radius: 1.2rem;
    overflow: hidden;
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 0.2rem solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    transition: opacity var(--transition-duration-sec);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-duplicate-active::before,
.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-active::before {
    opacity: 0;
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-duplicate-active .slide-img,
.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-active .slide-img {
    opacity: 1;
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-duplicate-active .slide-year,
.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-active .slide-year {
    opacity: 0;
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .slide-img {
    opacity: 0;
    transition: opacity var(--transition-duration-sec);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .slide-year {
    position: absolute;
    width: 100%;
    padding: 3rem;
    left: 0;
    bottom: 0;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    transition: opacity var(--transition-duration-sec);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyTextSwiper {
    max-width: 133.6rem;
    margin: 0 auto;
    padding-top: 4rem;
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-year {
    font-weight: 700;
    font-size: 7.8rem;
    line-height: 9.3rem;
    color: rgba(255, 255, 255, 0.6);
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-inform {
    margin-top: 1.2rem;
}

.HTNCWED10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-inform .order-item {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-head .title .name {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para.bold-1 {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para+.data-para {
        padding-top: 1.6rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner {
        margin: 6rem 0 0;
        width: 100%;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap {
        padding-bottom: 0;
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap .thumbnail-figure {
        position: static;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .contents-article-inner {
        padding-bottom: 0;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .title-wrap {
        padding-top: 9.5rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap {
        margin-top: 6rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area {
        display: block;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item {
        position: relative;
        display: block;
        max-width: inherit;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item+.card-item {
        margin-top: 2rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item-inner {
        flex: 1 1 100%;
        max-width: initial;
        padding: 3rem 2.4rem 2rem;
        min-height: 39.8rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon {
        width: 3.2rem;
        height: 3.2rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-name {
        margin-top: 2rem;
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot {
        margin-top: 18.9rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list {
        gap: 0.5rem 2.8rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list .list-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-info {
        padding-top: 1.4rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article3 {
        margin-top: -12rem;
        background: rgb(25, 31, 38);
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article3 .contents-article-inner {
        padding-bottom: 14rem;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article3 .historyTextSwiper {
        padding-top: 0;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .swiper-wrapper {
        display: block;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .swiper-slide {
        display: flex;
        padding: 3.2rem 0;
        border-bottom: 0.1rem solid rgba(83, 83, 83, 0.4);
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .swiper-slide:nth-child(1) {
        padding-top: 0;
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-year {
        width: 6.8rem;
        font-size: 2rem;
        line-height: 3.2rem;
        color: rgb(255, 141, 36);
    }

    .HTNCWED10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-inform {
        width: calc(100% - 6.8rem);
        margin-top: 0;
    }
}

.HTNCWED10D15W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: translateY(0rem);
}

.HTNCWED10D15W01.sub.company-case-1 .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED10D15W01 .contents-article1 .country-map {
    padding: 10rem 1.3rem 10.6rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWED10D15W01 .contents-article1 .country-map .map-inner {
    position: relative;
    max-width: 143.4rem;
    margin: 2rem auto 0;
}

.HTNCWED10D15W01 .contents-article1 .country-map .map-figure .img {
    width: 100%;
}

.HTNCWED10D15W01 .contents-article1 .country-map .map-pin .pin-item {
    position: absolute;
}

.HTNCWED10D15W01 .contents-article1 .country-map .map-pin .pin-item-asia {
    left: 36.8%;
    top: 35.7%;
}

.HTNCWED10D15W01 .contents-article1 .country-map .map-pin .pin-item-europe {
    left: 16.6%;
    top: 28.5%;
}

.HTNCWED10D15W01 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
    right: 5.65%;
    bottom: 23%;
}

.HTNCWED10D15W01 .contents-article1 .country-map .title,
.HTNCWED10D15W01 .contents-article1 .country-map .pin-item {
    opacity: 0;
    transition-duration: 0.7s;
    transition-delay: 0.3s;
    transform: translateY(5rem);
}

.HTNCWED10D15W01 .contents-article1 .country-inform {
    max-width: 137.2rem;
    margin: 0 auto;
    padding: 14rem 1.8rem 20rem;
}

.HTNCWED10D15W01 .contents-article1 .tab-display.design-4 .tab-list {
    max-width: 14.8rem;
}

.HTNCWED10D15W01 .contents-article1 .tab-display.design-4 .tab .tab-inner {
    gap: 0.8rem;
}

.HTNCWED10D15W01 .contents-article1 .tab-display.design-4 .tab .text-wrap {
    width: calc(100% - 3.6rem);
}

.HTNCWED10D15W01 .contents-article1 .tab-display.design-4 .tab .tab-text-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.HTNCWED10D15W01 .contents-article1.active .country-map .title,
.HTNCWED10D15W01 .contents-article1.active .country-map .pin-item {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D15W01 .contents-article1 .country-map {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .HTNCWED10D15W01 .contents-article1 .country-map .map-inner {
        max-width: initial;
        margin: 0;
    }

    .HTNCWED10D15W01 .contents-article1 .country-map .map-pin .pin-item {
        width: 8.05%;
        height: 19%;
        min-width: 2.8rem;
        min-height: 3.4rem;
        align-items: center;
        justify-content: center;
    }

    .HTNCWED10D15W01 .contents-article1 .country-map .map-pin .pin-item-asia {
        left: 36%;
        top: 29%;
    }

    .HTNCWED10D15W01 .contents-article1 .country-map .map-pin .pin-item-europe {
        left: 19%;
        top: 25%;
    }

    .HTNCWED10D15W01 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
        right: 5.9%;
        bottom: 14.8%;
    }

    .HTNCWED10D15W01 .contents-article1 .country-inform {
        max-width: initial;
        padding: 6rem 1.8rem 14rem;
    }

    .HTNCWED10D15W01 .contents-article1 .tab-display.design-4 .tab-list {
        max-width: initial;
    }

    .HTNCWED10D15W01 .contents-article1 .tab-display.design-4 .tab .tab-inner {
        gap: 0.4rem;
    }

    .HTNCWED10D15W01 .contents-article1 .tab-display.design-4 .tab .text-wrap {
        width: initial;
    }

    .HTNCWED10D15W01 .contents-article1 .tab-display.design-4 .tab .tab-text-title {
        display: inline;
        text-overflow: initial;
        white-space: initial;
        line-height: 2rem;
    }
}

.HTNCWED10D15W02.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: translateY(0rem);
}

.HTNCWED10D15W02.sub.company-case-1 .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED10D15W02 .contents-article1 .country-map {
    padding: 10rem 1.3rem 10.6rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWED10D15W02 .contents-article1 .country-map .map-inner {
    position: relative;
    max-width: 143.4rem;
    margin: 2rem auto 0;
}

.HTNCWED10D15W02 .contents-article1 .country-map .map-figure .img {
    width: 100%;
}

.HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item {
    position: absolute;
}

.HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-asia {
    left: 36.8%;
    top: 35.7%;
}

.HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-europe {
    left: 16.6%;
    top: 28.5%;
}

.HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-middleEastAfrica {
    left: 9.6%;
    bottom: 36.5%;
}

.HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-northAmerica {
    right: 20.7%;
    top: 29.5%;
}

.HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
    right: 5.65%;
    bottom: 23%;
}

.HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-oceania {
    bottom: 16.5%;
    left: 38.6%;
}

.HTNCWED10D15W02 .contents-article1 .country-map .title,
.HTNCWED10D15W02 .contents-article1 .country-map .pin-item {
    opacity: 0;
    transition-duration: 0.7s;
    transition-delay: 0.3s;
    transform: translateY(5rem);
}

.HTNCWED10D15W02 .contents-article1 .country-inform {
    max-width: 137.2rem;
    margin: 0 auto;
    padding: 14rem 1.8rem 20rem;
}

.HTNCWED10D15W02 .contents-article1 .tab-display.design-4 .tab-list {
    max-width: 14.8rem;
}

.HTNCWED10D15W02 .contents-article1 .tab-display.design-4 .tab .tab-inner {
    gap: 0.8rem;
}

.HTNCWED10D15W02 .contents-article1 .tab-display.design-4 .tab .text-wrap {
    width: calc(100% - 3.6rem);
}

.HTNCWED10D15W02 .contents-article1 .tab-display.design-4 .tab .tab-text-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.HTNCWED10D15W02 .contents-article1.active .country-map .title,
.HTNCWED10D15W02 .contents-article1.active .country-map .pin-item {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D15W02 .contents-article1 .country-map {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .HTNCWED10D15W02 .contents-article1 .country-map .map-inner {
        max-width: initial;
        margin: 0;
    }

    .HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item {
        width: 8.05%;
        height: 19%;
        min-width: 2.8rem;
        min-height: 3.4rem;
        align-items: center;
        justify-content: center;
    }

    .HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-asia {
        left: 36%;
        top: 29%;
    }

    .HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-europe {
        left: 19%;
        top: 25%;
    }

    .HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-middleEastAfrica {
        left: 8%;
        bottom: 29%;
    }

    .HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-northAmerica {
        right: 19.1%;
        top: 26%;
    }

    .HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
        right: 5.9%;
        bottom: 14.8%;
    }

    .HTNCWED10D15W02 .contents-article1 .country-map .map-pin .pin-item-oceania {
        bottom: 12%;
        left: 39.3%;
    }

    .HTNCWED10D15W02 .contents-article1 .country-inform {
        max-width: initial;
        padding: 6rem 1.8rem 14rem;
    }

    .HTNCWED10D15W02 .contents-article1 .tab-display.design-4 .tab-list {
        max-width: initial;
    }

    .HTNCWED10D15W02 .contents-article1 .tab-display.design-4 .tab .tab-inner {
        gap: 0.4rem;
    }

    .HTNCWED10D15W02 .contents-article1 .tab-display.design-4 .tab .text-wrap {
        width: initial;
    }

    .HTNCWED10D15W02 .contents-article1 .tab-display.design-4 .tab .tab-text-title {
        display: inline;
        text-overflow: initial;
        white-space: initial;
        line-height: 2rem;
    }
}

.HTNCWED10D20W01 .navi.depth4 .navi-wrap {
    gap: 13.773%;
}

.HTNCWED10D20W01 .navi.depth4 .navi-subject {
    width: 34%;
}

.HTNCWED10D20W01 .contents-section2 .contents-article1 .data-display.case-27 .mo-btn {
    display: none;
}

.HTNCWED10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-body {
    padding: 0;
}

.HTNCWED10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
    margin-top: 4rem;
}

.HTNCWED10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
    margin-top: 1.2rem;
}

.HTNCWED10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .order-list>li {
    padding-left: 1.15em;
    text-indent: -1.15em;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D20W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D20W01 .contents-section2 .contents-article1 .data-display.case-27 .pc-btn {
        display: none;
    }

    .HTNCWED10D20W01 .contents-section2 .contents-article1 .data-display.case-27 .mo-btn {
        display: block;
        margin-top: 4rem;
    }

    .HTNCWED10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
        margin-top: 2rem;
    }

    .HTNCWED10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
        margin-top: 1rem;
    }
}

.HTNCWED10D20W02 .navi.depth4 .navi-wrap {
    gap: 13.773%;
}

.HTNCWED10D20W02 .navi.depth4 .navi-subject {
    width: 34%;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 {
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .tab-display.design-4 .tab-list {
    max-width: 14.8rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .tab-display.design-4 .tab .tab-inner {
    gap: 0.8rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .tab-display.design-4 .tab .text-wrap {
    width: calc(100% - 3.6rem);
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .tab-display.design-4 .tab .tab-text-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
    margin-top: 12rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-aside>.data-note {
    margin-top: 2rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li {
    position: relative;
    padding-left: 3.2rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li+li {
    margin-top: 2rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li>.data-para::before {
    content: "·";
    position: absolute;
    left: 0.8rem;
    top: 0;
    font-weight: inherit;
    font-size: 2.2em;
    line-height: inherit;
    color: inherit;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .order-list {
    margin-top: 1.6rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .order-list>li {
    list-style: decimal;
    margin-left: 1.25em;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 {
    margin-top: 2.4rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .thumbnail-wrap {
    align-items: flex-start;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list .inform-title {
    width: 42%;
    max-width: 24.5rem;
    padding-right: 1rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list .history-list {
    width: 58%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-44 {
    margin-top: 3rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .button-display.form-1 {
    margin-top: 2.7rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .table-display.case-4 {
    margin-top: 3rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .accordion-display.design-1 {
    margin-top: 12rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(1) {
    width: 7.9rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(2) {
    width: 11.6rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(4) {
    width: 9.4rem;
}

.HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(5) {
    width: 9.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D20W02 .contents-section2 .contents-article2 {
        padding-top: 6rem;
        padding-bottom: 14rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .tab-display.design-4 .tab-list {
        max-width: initial;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .tab-display.design-4 .tab .tab-inner {
        gap: 0.4rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .tab-display.design-4 .tab .text-wrap {
        width: initial;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .tab-display.design-4 .tab .tab-text-title {
        display: inline;
        text-overflow: initial;
        white-space: initial;
        line-height: 2rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
        margin-top: 6rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-aside>.data-note {
        margin-top: 0.4rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li {
        padding-left: 2.1rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li+li {
        margin-top: 1rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li>.data-para::before {
        font-size: 1.7em;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .order-list {
        margin-top: 0.4rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43,
    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-44 {
        margin-top: 4rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list>li {
        display: block;
        padding-left: 1rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list>li+li {
        margin-top: 1.2rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list .inform-title {
        width: 100%;
        max-width: initial;
        padding-left: 0;
        padding-right: 0;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list .inform-title+.history-list {
        margin-top: 0.6rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list .history-list {
        width: 100%;
        display: block;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .button-display.form-1 {
        margin-top: 1.6rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .table-display.case-4 {
        margin-top: 2.4rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .accordion-display.design-1 {
        margin-top: 6rem;
        padding: 0;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status-1 table {
        min-width: 75.1rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(1) {
        width: 6.1rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(2),
    .HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(4) {
        width: 8.2rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(5) {
        width: 12.6rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status-2 table {
        min-width: 71.9rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(1) {
        width: 6.1rem;
    }

    .HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(2),
    .HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(4),
    .HTNCWED10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(5) {
        width: 8.2rem;
    }
}

.HTNCWED10D20W03 .navi.depth4 .navi-wrap {
    gap: 13.773%;
}

.HTNCWED10D20W03 .navi.depth4 .navi-subject {
    width: 34%;
}

.HTNCWED10D20W03 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWED10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    display: none;
}

.HTNCWED10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(1) {
    width: 12.7rem;
}

.HTNCWED10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(2) {
    width: 20.8rem;
}

.HTNCWED10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(4) {
    width: 13.7rem;
}

.HTNCWED10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
    margin-top: 8rem;
}

.HTNCWED10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list>li {
    font-size: 1.8rem;
    padding-left: 1.15em;
    text-indent: -1.15em;
}

.HTNCWED10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-para {
    font-weight: 500;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    font-size: inherit;
}

.HTNCWED10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-note {
    padding: 0.4rem 0 2rem;
    text-indent: 0;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(115, 115, 115);
}

.HTNCWED10D20W03 .contents-section2 .contents-article3 {
    padding-bottom: 20rem;
}

.HTNCWED10D20W03 .contents-section2 .contents-article3 .button-display.form-1 {
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D20W03 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        display: block;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-aside {
        display: none;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-body-inner+.data-body-inner {
        margin-top: 6rem;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article1 .table-affiliated-status {
        margin-top: 2.4rem;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article1 .table-affiliated-status table {
        min-width: 63rem;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(1) {
        width: 16.6rem;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(2) {
        width: auto;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(3) {
        width: 12.5rem;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(4) {
        width: auto;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
        margin-top: 6rem;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list>li {
        font-size: 1.4rem;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-para {
        line-height: 2.4rem;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-note {
        padding: 0.2rem 0 1rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWED10D20W03 .contents-section2 .contents-article3 {
        padding-bottom: 14rem;
    }
}

.HTNCWED10D20W04 .navi.depth4 .navi-wrap {
    gap: 13.773%;
}

.HTNCWED10D20W04 .navi.depth4 .navi-subject {
    width: 34%;
}

.HTNCWED10D20W04 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWED10D20W04 .contents-section2 .contents-article1 .thumbnail-display.design-44 {
    margin-top: 3rem;
}

.HTNCWED10D20W04 .contents-section2 .contents-article3+.contents-article4 {
    margin-top: 14rem;
}

.HTNCWED10D20W04 .contents-section2 .contents-article3 .table-active-status-1 {
    margin-top: 3rem;
}

.HTNCWED10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(1) {
    width: 11.9rem;
}

.HTNCWED10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(2) {
    width: 20.7rem;
}

.HTNCWED10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(4) {
    width: 16.4rem;
}

.HTNCWED10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(5) {
    width: 13.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D20W04 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED10D20W04 .contents-section2 .contents-article1 .thumbnail-display.design-44 {
        margin-top: 6rem;
    }

    .HTNCWED10D20W04 .contents-section2 .contents-article3+.contents-article4 {
        margin-top: 6rem;
    }

    .HTNCWED10D20W04 .contents-section2 .contents-article3 .table-active-status-1 {
        margin-top: 2.4rem;
    }

    .HTNCWED10D20W04 .contents-section2 .contents-article4 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D20W04 .contents-section2 .table-external-status table {
        min-width: 47.4rem;
    }

    .HTNCWED10D20W04 .contents-section2 .table-external-status colgroup col:nth-child(1),
    .HTNCWED10D20W04 .contents-section2 .table-external-status colgroup col:nth-child(3) {
        width: 10.3rem;
    }

    .HTNCWED10D20W04 .contents-section2 .table-external-status colgroup col:nth-child(4) {
        width: 9.5rem;
    }

    .HTNCWED10D20W04 .contents-section2 .table-active-status table {
        min-width: 68.1rem;
    }

    .HTNCWED10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(1) {
        width: 6.9rem;
    }

    .HTNCWED10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(2) {
        width: 10.5rem;
    }

    .HTNCWED10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(4) {
        width: 10.3rem;
    }

    .HTNCWED10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(5) {
        width: 8.2rem;
    }
}

.HTNCWED10D20W05 .navi.depth4 .navi-wrap {
    gap: 13.773%;
}

.HTNCWED10D20W05 .navi.depth4 .navi-subject {
    width: 34%;
}

.HTNCWED10D20W05 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWED10D20W05 .contents-section2 .contents-article2+.contents-article3 {
    margin-top: 14.4rem;
}

.HTNCWED10D20W05 .contents-section2 .contents-article3+.contents-article4 {
    margin-top: 14rem;
}

.HTNCWED10D20W05 .contents-section2 .contents-article3 .data-info .order-list+.order-list {
    margin-top: 1.6rem;
}

.HTNCWED10D20W05 .contents-section2 .contents-article4 {
    padding-bottom: 20rem;
}

.HTNCWED10D20W05 .contents-section2 .contents-article4 .button-display.form-1 {
    margin-top: 4rem;
}

.HTNCWED10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(1) {
    width: 13.3rem;
}

.HTNCWED10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(2) {
    width: 19.7rem;
}

.HTNCWED10D20W05 .contents-section2 .table-whether-result colgroup col:nth-child(1) {
    width: 33rem;
}

.HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(1),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(1) {
    width: 16.468%;
}

.HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(2),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(4),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(2),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(4) {
    width: 10rem;
}

.HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(5),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(5) {
    width: 12.5%;
}

.HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(6),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(6) {
    width: 10.629%;
}

.HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(7),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(7) {
    width: 20.51%;
}

.HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(1),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(2),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(1),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(2) {
    width: 8.234%;
}

.HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(3),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(5),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(3),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(5) {
    width: 10rem;
}

.HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(6),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(6) {
    width: 12.5%;
}

.HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(7),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(7) {
    width: 10.629%;
}

.HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(8),
.HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(8) {
    width: 20.51%;
}

/* Results of Agenda Voting for the 6th Regular General Shareholders Meeting 표 넓이값*/
.agenda_sm colgroup col:nth-child(1) {
    width: 10.468% !important;
}

.agenda_sm colgroup col:nth-child(2) {
    width: 12rem !important;
}

.agenda_sm colgroup col:nth-child(3) {
    width: 12rem !important;
}

.agenda_sm colgroup col:nth-child(4) {
    width: 24rem !important;
}

.agenda_sm colgroup col:nth-child(5) {
    width: 12rem !important;
}

.agenda_sm colgroup col:nth-child(6) {
    width: 12rem !important;
}

.agenda_sm colgroup col:nth-child(7) {
    width: 12rem !important;
}

.agenda_sm colgroup col:nth-child(8) {
    width: 16rem !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D20W05 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED10D20W05 .contents-section2 .contents-article2+.contents-article3 {
        margin-top: 6rem;
    }

    .HTNCWED10D20W05 .contents-section2 .contents-article3+.contents-article4 {
        margin-top: 10rem;
    }

    .HTNCWED10D20W05 .contents-section2 .contents-article3 .data-info .order-list+.order-list {
        margin-top: 2rem;
    }

    .HTNCWED10D20W05 .contents-section2 .contents-article3 .data-info .order-list.case-6 .order-item {
        text-indent: -1.3rem;
        padding-left: 1.3rem;
    }

    .HTNCWED10D20W05 .contents-section2 .contents-article3 .data-info .order-list .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
        color: rgb(115, 115, 115);
    }

    .HTNCWED10D20W05 .contents-section2 .contents-article4 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-event-status table {
        min-width: 76.6rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(1) {
        width: 8.2rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(2) {
        width: 17.4rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-whether-result table {
        min-width: 76.7rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-whether-result colgroup col:nth-child(1) {
        width: 30%;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-1 table,
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-3 table {
        min-width: 91.1rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(1),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(1) {
        width: 9.3rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(2),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(4),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(2),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(4) {
        width: 8.2rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(5),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(5) {
        width: 13rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(6),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(6) {
        width: 11.6rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(7),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(7) {
        width: 21.9rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-2 table,
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-4 table {
        min-width: 102.8rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(1),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(2),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(1),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(2) {
        width: 9.3rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(3),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(5),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(3),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(5) {
        width: 8.2rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(6),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(6) {
        width: 13rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(7),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(7) {
        width: 11.6rem;
    }

    .HTNCWED10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(8),
    .HTNCWED10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(8) {
        width: 21.9rem;
    }
}

.HTNCWED10D20W06 .navi.depth4 .navi-wrap {
    gap: 13.773%;
}

.HTNCWED10D20W06 .navi.depth4 .navi-subject {
    width: 34%;
}

.HTNCWED10D20W06 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWED10D20W06 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

.HTNCWED10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
}

.HTNCWED10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner .data-para {
    flex: 1 1 auto;
}

.HTNCWED10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner .button-display {
    flex: 0 0 auto;
}

.HTNCWED10D20W06 .contents-section2 .table-credit-rating colgroup col:nth-child(1) {
    width: 16.1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D20W06 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED10D20W06 .contents-section2 .contents-article1 .data-info .order-list .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWED10D20W06 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body {
        padding-top: 2.4rem;
    }

    .HTNCWED10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner {
        display: block;
    }

    .HTNCWED10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner .button-display {
        margin-top: 4rem;
    }

    .HTNCWED10D20W06 .contents-section2 .table-credit-rating table {
        min-width: initial;
    }

    .HTNCWED10D20W06 .contents-section2 .table-credit-rating colgroup col {
        width: 25%;
    }

    .HTNCWED10D20W06 .contents-section2 .table-credit-rating colgroup col:nth-child(1) {
        width: inherit;
    }
}

.HTNCWED10D21W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWED10D21W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    padding-top: 14rem;
}

.HTNCWED10D21W01 .contents-section2 .contents-article1 .tab-display.design-4 .tab-list {
    max-width: 14.8rem;
}

.HTNCWED10D21W01 .contents-section2 .contents-article1 .tab-display.design-4 .tab .tab-inner {
    gap: 0.8rem;
}

.HTNCWED10D21W01 .contents-section2 .contents-article1 .tab-display.design-4 .tab .text-wrap {
    width: calc(100% - 3.6rem);
}

.HTNCWED10D21W01 .contents-section2 .contents-article1 .tab-display.design-4 .tab .tab-text-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.HTNCWED10D21W01 .contents-section2 .table-financial-position {
    margin-top: 6rem;
}

.HTNCWED10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(1) {
    width: 24rem;
}

.HTNCWED10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(2),
.HTNCWED10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(3) {
    width: calc(50% - 12rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D21W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D21W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        padding-top: 4rem;
    }

    .HTNCWED10D21W01 .contents-section2 .contents-article1 .tab-display.design-4 .tab-list {
        max-width: initial;
    }

    .HTNCWED10D21W01 .contents-section2 .contents-article1 .tab-display.design-4 .tab .tab-inner {
        gap: 0.4rem;
    }

    .HTNCWED10D21W01 .contents-section2 .contents-article1 .tab-display.design-4 .tab .text-wrap {
        width: initial;
    }

    .HTNCWED10D21W01 .contents-section2 .contents-article1 .tab-display.design-4 .tab .tab-text-title {
        display: inline;
        text-overflow: initial;
        white-space: initial;
        line-height: 2rem;
    }

    .HTNCWED10D21W01 .contents-section2 .table-financial-position table {
        min-width: 32rem;
    }

    .HTNCWED10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(1),
    .HTNCWED10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(2),
    .HTNCWED10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(3) {
        width: 33.3333333333%;
    }
}

.HTNCWED10D21W02 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWED10D21W02 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    padding-top: 14rem;
}

.HTNCWED10D21W02 .contents-section2 .contents-article1 .tab-display.design-4 .tab-list {
    max-width: 14.8rem;
}

.HTNCWED10D21W02 .contents-section2 .contents-article1 .tab-display.design-4 .tab .tab-inner {
    gap: 0.8rem;
}

.HTNCWED10D21W02 .contents-section2 .contents-article1 .tab-display.design-4 .tab .text-wrap {
    width: calc(100% - 3.6rem);
}

.HTNCWED10D21W02 .contents-section2 .contents-article1 .tab-display.design-4 .tab .tab-text-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.HTNCWED10D21W02 .contents-section2 .table-income-statement {
    margin-top: 6rem;
}

.HTNCWED10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(1) {
    width: 24rem;
}

.HTNCWED10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(2),
.HTNCWED10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(3) {
    width: calc(50% - 12rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D21W02 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D21W02 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        padding-top: 4rem;
    }

    .HTNCWED10D21W02 .contents-section2 .contents-article1 .tab-display.design-4 .tab-list {
        max-width: initial;
    }

    .HTNCWED10D21W02 .contents-section2 .contents-article1 .tab-display.design-4 .tab .tab-inner {
        gap: 0.4rem;
    }

    .HTNCWED10D21W02 .contents-section2 .contents-article1 .tab-display.design-4 .tab .text-wrap {
        width: initial;
    }

    .HTNCWED10D21W02 .contents-section2 .contents-article1 .tab-display.design-4 .tab .tab-text-title {
        display: inline;
        text-overflow: initial;
        white-space: initial;
        line-height: 2rem;
    }

    .HTNCWED10D21W02 .contents-section2 .table-income-statement table {
        min-width: 32rem;
    }

    .HTNCWED10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(1),
    .HTNCWED10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(2),
    .HTNCWED10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(3) {
        width: 33.3333333333%;
    }
}

.HTNCWED10D21W03 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWED10D21W03 .contents-section2 .contents-article3 {
    padding-bottom: 20rem;
}

.HTNCWED10D21W03 .contents-section2 .table-financial-info colgroup col:nth-child(1),
.HTNCWED10D21W03 .contents-section2 .table-financial-info colgroup col:nth-child(2),
.HTNCWED10D21W03 .contents-section2 .table-financial-info colgroup col:nth-child(3) {
    width: 33.3333333333%;
}

.HTNCWED10D21W03 .contents-section2 .table-financial-info td .color-1 {
    color: rgb(255, 17, 17);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D21W03 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED10D21W03 .contents-section2 .contents-article3 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D21W03 .contents-section2 .table-financial-info table {
        min-width: 32rem;
    }

    .HTNCWED10D21W03 .contents-section2 .table-financial-info tbody td:nth-child(1) {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.HTNCWED10D22W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWED10D22W01 .contents-section2 .contents-article4 .data-display.case-27 .data-aside {
    display: none;
}

.HTNCWED10D22W01 .contents-section2 .contents-article5 {
    padding-bottom: 20rem;
}

.HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry {
    display: flex;
    border: 0.1rem solid rgb(196, 196, 196);
}

.HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    padding: 1.8rem 1rem;
    text-align: center;
    border-right: 0.1rem solid rgb(196, 196, 196);
}

.HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li.name {
    background-color: rgb(244, 248, 255);
}

.HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li.name .para {
    font-weight: 600;
    color: rgb(9, 25, 67);
}

.HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li:last-child {
    border-right: none;
}

.HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para {
    width: 100%;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(83, 83, 83);
}

.HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para .info {
    max-width: 100%;
    display: inline-block;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    word-wrap: break-word;
    word-break: keep-all;
}

.HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para .info.point-1 {
    padding-right: 0.6rem;
}

.HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para .point-1 {
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
    color: rgb(9, 25, 67);
}

.HTNCWED10D22W01 .contents-section2 .table-display tbody th,
.HTNCWED10D22W01 .contents-section2 .table-display tbody td {
    word-break: keep-all;
    word-wrap: break-word;
}

.HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-1 colgroup col {
    width: 25%;
}

.HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col {
    width: 8.72%;
}

.HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col:nth-child(1) {
    width: 12.8%;
}

.HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col {
    width: 17.44%;
}

.HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col:nth-child(1) {
    width: 12.8%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D22W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED10D22W01 .contents-section2 .contents-article4 .data-display.case-27 .pc-btn {
        display: none;
    }

    .HTNCWED10D22W01 .contents-section2 .contents-article4 .data-display.case-27 .data-aside {
        display: block;
    }

    .HTNCWED10D22W01 .contents-section2 .contents-article5 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry {
        display: block;
    }

    .HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li {
        display: block;
        width: initial;
        padding: 0.9rem 2rem 0;
        text-align: left;
        border: none;
    }

    .HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li.name {
        border-bottom: 0.1rem solid rgb(196, 196, 196);
        text-align: center;
        padding: 1.8rem 2rem;
    }

    .HTNCWED10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li:last-child {
        padding-bottom: 0.9rem;
    }

    .HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-1 table {
        min-width: 39rem;
    }

    .HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-1 colgroup col {
        width: calc((100% - 13rem) / 3);
    }

    .HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-1 colgroup col:nth-child(1) {
        width: 13rem;
    }

    .HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-2 table {
        min-width: 96rem;
    }

    .HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col {
        width: calc((100% - 14rem) / 10);
    }

    .HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col:nth-child(1) {
        width: 14rem;
    }

    .HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-3 table {
        min-width: 78rem;
    }

    .HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col {
        width: 16.6666666667%;
    }

    .HTNCWED10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col:nth-child(1) {
        width: 16.6666666667%;
    }

    .HTNCWED10D22W01 .contents-section2 .table-display+.data-info.case-1 .order-list .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.HTNCWED10D23W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWED10D23W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside {
    padding-top: 0;
}

.HTNCWED10D23W01 .contents-section2 .contents-article1 .submit-display+.table-display {
    margin-top: 1.6rem;
}

.HTNCWED10D23W01 .contents-section2 .table-board colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWED10D23W01 .contents-section2 .table-board colgroup col:nth-child(3),
.HTNCWED10D23W01 .contents-section2 .table-board colgroup col:nth-child(4) {
    width: 21.4rem;
}

.HTNCWED10D23W01 .contents-section2 .table-board+.data-info.case-1 .link {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

.HTNCWED10D23W01 .contents-section2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D23W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D23W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside {
        padding-top: 4rem;
    }

    .HTNCWED10D23W01 .contents-section2 .contents-article1 .submit-display+.table-display {
        margin-top: 4rem;
    }

    .HTNCWED10D23W01 .contents-section2 .table-board table {
        min-width: 54.6rem;
    }

    .HTNCWED10D23W01 .contents-section2 .table-board colgroup col:nth-child(1) {
        width: 6.2rem;
    }

    .HTNCWED10D23W01 .contents-section2 .table-board colgroup col:nth-child(3),
    .HTNCWED10D23W01 .contents-section2 .table-board colgroup col:nth-child(4) {
        width: 10.5rem;
    }

    .HTNCWED10D23W01 .contents-section2 .table-board+.data-info.case-1 .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWED10D23W01 .contents-section2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWED10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-body {
    padding: 0;
}

.HTNCWED10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
    margin-top: 4rem;
}

.HTNCWED10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
    margin-top: 1.2rem;
}

.HTNCWED10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .order-list>li {
    padding-left: 1.15em;
    text-indent: -1.15em;
}

.HTNCWED10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .order-list2>li {
    padding-left: 2.25em;
    text-indent: -1.1em;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D23W02 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
        margin-top: 2rem;
    }

    .HTNCWED10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
        margin-top: 1rem;
    }
}

.HTNCWED10D24W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWED10D24W01 .contents-section2 .table-board colgroup col:nth-child(1) {
    width: 17rem;
}

.HTNCWED10D24W01 .contents-section2 .table-board colgroup col:nth-child(3),
.HTNCWED10D24W01 .contents-section2 .table-board colgroup col:nth-child(4) {
    width: 21.4rem;
}

.HTNCWED10D24W01 .contents-section2 .table-board+.pagination-display {
    margin-top: 5.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D24W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D24W01 .contents-section2 .table-board table {
        min-width: 72rem;
    }

    .HTNCWED10D24W01 .contents-section2 .table-board colgroup col:nth-child(1) {
        width: 12.6rem;
    }

    .HTNCWED10D24W01 .contents-section2 .table-board colgroup col:nth-child(3) {
        width: 13.8rem;
    }

    .HTNCWED10D24W01 .contents-section2 .table-board colgroup col:nth-child(4) {
        width: 8.2rem;
    }

    .HTNCWED10D24W01 .contents-section2 .table-board+.pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWED10D25W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
    padding: 8rem 1.8rem 7.2rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWED10D25W01 .contents-section2 .contents-article2 {
    padding-top: 14rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D25W01 {
        padding-top: 6rem;
        background-color: rgb(244, 248, 255);
    }

    .HTNCWED10D25W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
        padding-top: 0;
        padding-bottom: 8rem;
    }

    .HTNCWED10D25W01 .contents-section2 .contents-article2 {
        background-color: #fff;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWED10D25W02 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWED10D25W02 .contents-section2 .table-report colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWED10D25W02 .contents-section2 .table-report colgroup col:nth-child(3),
.HTNCWED10D25W02 .contents-section2 .table-report colgroup col:nth-child(4) {
    width: 21.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D25W02 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D25W02 .contents-section2 .table-report table {
        min-width: 54rem;
    }

    .HTNCWED10D25W02 .contents-section2 .table-report colgroup col:nth-child(1) {
        width: 7rem;
    }

    .HTNCWED10D25W02 .contents-section2 .table-report colgroup col:nth-child(3) {
        width: 14.5rem;
    }

    .HTNCWED10D25W02 .contents-section2 .table-report colgroup col:nth-child(4) {
        width: 8.2rem;
    }
}

.HTNCWED10D25W03 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWED10D25W03 .contents-section2 .table-report colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWED10D25W03 .contents-section2 .table-report colgroup col:nth-child(3),
.HTNCWED10D25W03 .contents-section2 .table-report colgroup col:nth-child(4) {
    width: 21.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D25W03 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWED10D25W03 .contents-section2 .table-report table {
        min-width: 48rem;
    }

    .HTNCWED10D25W03 .contents-section2 .table-report colgroup col:nth-child(1) {
        width: 7rem;
    }

    .HTNCWED10D25W03 .contents-section2 .table-report colgroup col:nth-child(3) {
        width: 14.5rem;
    }

    .HTNCWED10D25W03 .contents-section2 .table-report colgroup col:nth-child(4) {
        width: 8.2rem;
    }
}

.HTNCWED10D25W04 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
    padding: 8rem 1.8rem 7.2rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWED10D25W04 .contents-section2 .contents-article2 {
    padding-top: 14rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D25W04 {
        padding-top: 6rem;
        background-color: rgb(244, 248, 255);
    }

    .HTNCWED10D25W04 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
        padding-top: 0;
        padding-bottom: 8rem;
    }

    .HTNCWED10D25W04 .contents-section2 .contents-article2 {
        background-color: #fff;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWED10D30W01 #talentAniWrap {
    max-width: 133.6rem;
    margin: 9rem auto 28rem;
}

.HTNCWED10D30W01 #talentAniWrap .data-wrap {
    display: flex;
    align-items: center;
}

.HTNCWED10D30W01 #talentAniWrap .data-wrap .img-area {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    justify-content: flex-end;
    padding-right: 1rem;
}

.HTNCWED10D30W01 #talentAniWrap .data-wrap .img-area .box-wrap {
    position: relative;
}

.HTNCWED10D30W01 #talentAniWrap .data-wrap .img-area .box2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.HTNCWED10D30W01 #talentAniWrap .data-wrap .text-area {
    padding-left: 10rem;
}

.HTNCWED10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
}

.HTNCWED10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title .name {
    font-weight: inherit;
}

.HTNCWED10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title .c_blue {
    font-weight: inherit;
    color: #1B4B66;
}

.HTNCWED10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc1 {
    color: #282828;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
}

.HTNCWED10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc2 {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-top: 3rem;
}

.HTNCWED10D30W01 #talentArticle {
    background: url("../images/common/photo/company/recruitment/img-talent-bg-01-pc.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 12rem 1.8rem 20rem;
}

.HTNCWED10D30W01 #talentArticle .title {
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.HTNCWED10D30W01 #talentArticle .title .name {
    font-weight: inherit;
}

.HTNCWED10D30W01 #talentArticle .talentSwiper {
    width: 100%;
    margin-top: 8rem;
}

.HTNCWED10D30W01 #talentArticle .talentSwiper .swiper-wrapper {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

.HTNCWED10D30W01 #talentArticle .talentSwiper .swiper-slide {
    width: calc((100% - 6rem) / 4);
    height: 100%;
    min-height: 42.6rem;
    padding: 2.994% 3.743%;
    border-radius: 2.4rem;
    background: #191F26;
}

.HTNCWED10D30W01 #talentArticle .talentSwiper .keyword {
    color: #737373;
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    text-align: right;
}

.HTNCWED10D30W01 #talentArticle .talentSwiper .keyword-eng {
    color: #FF8D24;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem;
    margin-top: 2.8rem;
}

.HTNCWED10D30W01 #talentArticle .talentSwiper .desc1 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-top: 4rem;
}

.HTNCWED10D30W01 #talentArticle .talentSwiper .desc2 {
    color: #E1E6EF;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
    margin-top: 1.6rem;
}

.HTNCWED10D30W01 #talentArticle .comment {
    color: #999;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin-top: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D30W01 #talentAniWrap {
        margin: 7rem auto 10rem;
    }

    .HTNCWED10D30W01 #talentAniWrap .data-wrap {
        flex-direction: column;
    }

    .HTNCWED10D30W01 #talentAniWrap .data-wrap .img-area {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-right: 0;
    }

    .HTNCWED10D30W01 #talentAniWrap .data-wrap .img-area .box-wrap {
        position: relative;
    }

    .HTNCWED10D30W01 #talentAniWrap .data-wrap .img-area .box {
        width: 41.6vw;
        max-width: 15.6rem;
    }

    .HTNCWED10D30W01 #talentAniWrap .data-wrap .img-area .box img {
        width: 100%;
    }

    .HTNCWED10D30W01 #talentAniWrap .data-wrap .text-area {
        padding: 0 3rem;
        margin-top: 8rem;
    }

    .HTNCWED10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }

    .HTNCWED10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc1 {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-bottom: 1.4rem;
    }

    .HTNCWED10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: 2.4rem;
    }

    .HTNCWED10D30W01 #talentArticle {
        background-image: url("../images/common/photo/company/recruitment/img-talent-bg-01-mo.jpg");
        padding: 10rem 1.8rem 14rem;
        overflow: hidden;
    }

    .HTNCWED10D30W01 #talentArticle .title {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWED10D30W01 #talentArticle .talentSwiper {
        margin-top: 4rem;
    }

    .HTNCWED10D30W01 #talentArticle .talentSwiper .swiper {
        overflow: visible;
    }

    .HTNCWED10D30W01 #talentArticle .talentSwiper .swiper-wrapper {
        gap: 0;
    }

    .HTNCWED10D30W01 #talentArticle .talentSwiper .swiper-slide {
        width: 100%;
        min-height: 39rem;
        padding: 4rem;
    }

    .HTNCWED10D30W01 #talentArticle .talentSwiper .keyword {
        color: #737373;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.6rem;
        text-align: right;
    }

    .HTNCWED10D30W01 #talentArticle .talentSwiper .keyword-eng {
        color: #FF8D24;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 3.2rem;
        margin-top: 2.8rem;
    }

    .HTNCWED10D30W01 #talentArticle .talentSwiper .desc1 {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 3.2rem;
        margin-top: 4rem;
    }

    .HTNCWED10D30W01 #talentArticle .talentSwiper .desc2 {
        color: #E1E6EF;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2.2rem;
        margin-top: 1.6rem;
    }

    .HTNCWED10D30W01 #talentArticle .comment {
        color: #999;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 2.8rem;
        margin-top: 2.4rem;
    }
}

.HTNCWED10D31W01 .pmc {
    margin-top: 8rem;
}

.HTNCWED10D31W01 .thumbnail-display {
    margin-top: 10rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .thumbnail-display {
        margin-top: 0rem;
    }
}

.HTNCWED10D31W01 .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-head {
    width: 23.803%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-head {
        width: 100%;
    }
}

.HTNCWED10D31W01 .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform {
    width: 66.168%;
}

.HTNCWED10D31W01 .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform .thumbnail-body .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .thumbnail-display.design-1 .thumbnail-wrap .thumbnail-inform {
        width: 100%;
    }
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item {
    padding-bottom: 18rem;
    border-top: 1px solid #E1E6EF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item {
        padding-bottom: 6rem;
    }
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item:first-child {
    border-top: 0;
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap {
    align-items: flex-start;
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body {
    padding-top: 8rem;
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body h4.title {
    margin-bottom: 3rem;
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 {
    display: flex;
    gap: 11rem;
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 li {
    flex: 0 0 calc((100% - 11rem) / 2);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-head {
        text-align: left;
        margin-top: 10rem;
    }

    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body {
        padding-top: 4rem;
    }

    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body h4.title {
        margin-bottom: 1.6rem;
    }

    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 {
        display: block;
    }

    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 li {
        flex: none;
        width: 100%;
        margin-top: 6rem;
    }

    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 li:first-child {
        margin-top: 0;
    }
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.evaluation picture {
    display: block;
    margin-top: 6rem;
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.evaluation picture img {
    width: 100%;
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition {
    margin-top: 14rem;
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list {
    display: flex;
    gap: 2rem;
    margin-top: 3rem;
}

.HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display {
    flex: 0 0 calc((100% - 4rem) / 3);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition {
        margin-top: 6rem;
    }

    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list {
        display: block;
        margin-top: 2.4rem;
    }

    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display {
        flex: none;
        display: block;
        margin-top: 1.2rem;
    }

    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display:first-child {
        margin-top: 0rem;
    }

    .HTNCWED10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display .card-box-inner {
        min-height: 20rem;
    }
}

.HTNCWED10D31W01 .welfare .tab-accordion-display {
    margin-top: 8rem;
}

.HTNCWED10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title span {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title span {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWED10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title .em1 {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #fff;
    margin-left: 0.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title .em1 {
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2.2rem;
        color: #000;
        margin-left: 0;
    }
}

.HTNCWED10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-content-box .sub-text .em1 {
    font-weight: 600;
    font-size: 1.8rem;
}

.HTNCWED10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2 {
    width: 50%;
    max-width: 510px;
    -moz-column-count: 2;
    column-count: 2;
}

.HTNCWED10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2>li {
    flex: 0 0 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2 {
        width: 100%;
        max-width: initial;
        display: block;
        -moz-column-count: 1;
        column-count: 1;
    }

    .HTNCWED10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2>li {
        flex: none;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D31W01 .welfare {
        padding-top: 4rem;
    }
}

.HTNCWED10D32W01 .container-inner .contents-section-inner .local-head:after {
    transition: 0.7s !important;
}

.HTNCWED10D32W01 .container-inner .contents-section-inner .local-head.active:after {
    background: #191F26 !important;
    transition: 0.7s !important;
}

.HTNCWED10D32W01 .container-inner .contents-article1 {
    margin-top: 10rem;
}

.HTNCWED10D32W01 .container-inner .job-item {
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D32W01 .container-inner .job-item {
        padding-bottom: 10rem;
    }
}

.HTNCWED10D32W01 .container-inner .job-title {
    width: 100%;
    height: auto;
    margin-top: 4rem;
}

.HTNCWED10D32W01 .container-inner .job-title .swiper {
    width: 100%;
}

.HTNCWED10D32W01 .container-inner .job-title .swiper .swiper-wrapper {
    flex-direction: row;
}

.HTNCWED10D32W01 .container-inner .job-title .swiper .swiper-slide {
    width: auto;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(225, 230, 239);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4rem;
}

.HTNCWED10D32W01 .container-inner .job-title .swiper .swiper-slide.swiper-slide-thumb-active {
    color: #FF8D24;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D32W01 .container-inner .job-title .swiper .swiper-slide {
        font-size: 1.8rem;
        line-height: 3rem;
        margin-right: 2rem;
    }
}

.HTNCWED10D32W01 .container-inner .job-content {
    width: 100%;
    height: auto;
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D32W01 .container-inner .job-content {
        margin-top: 2.4rem;
    }
}

.HTNCWED10D32W01 .container-inner .job-content .swiper {
    width: 100%;
}

.HTNCWED10D32W01 .container-inner .job-content .swiper .swiper-wrapper {
    flex-direction: row;
}

.HTNCWED10D32W01 .container-inner .job-content .swiper .swiper-slide .box {
    width: 100%;
    height: 22rem;
    background-color: #0F151C;
    box-shadow: inset 0px 7px 20px rgba(0, 0, 0, 0.15);
    border-radius: 1.6rem;
    padding: 0 8rem;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #fff;
    display: flex;
    justify-content: left;
    align-items: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D32W01 .container-inner .job-content .swiper .swiper-slide .box {
        height: auto;
        padding: 5rem 3rem;
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.HTNCWED10D33W01 .contents-section-head .data-body .data-para {
    text-align: center;
}

.HTNCWED10D33W01 .contents-section-head .data-body .diagram-display {
    margin-top: 8rem;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-head .data-body .diagram-display {
        margin-top: 6rem;
        margin-left: -1.8rem;
        margin-right: -1.8rem;
    }
}

.HTNCWED10D33W01 .contents-section-head .data-body .diagram-display picture {
    width: 100%;
}

.HTNCWED10D33W01 .contents-section-head .data-body .diagram-display picture img {
    width: 100%;
    max-width: 1840px;
}

.HTNCWED10D33W01 .contents-section-body .contents-article {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .contents-article {
        margin-top: 10rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .contents-article .data-head .title.small-v2 em {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .contents-article .data-body .data-para {
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .contents-article .data-body .data-para {
        text-align: left;
    }
}

.HTNCWED10D33W01 .contents-section-body .philosophy .box-contents {
    width: 100%;
    max-width: 111rem;
    margin: 8rem auto 0;
}

.HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li {
    margin-top: 1.2rem;
}

.HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box {
    background-color: rgb(244, 248, 255);
    border: 2px solid #e1e9f0;
    border-radius: 1.6rem;
    padding: 4rem 0rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box {
        padding: 3rem 0rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner {
    display: flex;
    align-items: center;
}

.HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .title {
    flex: 0 0 30%;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: #1B4B66;
    padding-left: 6rem;
}

.HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .desc {
    flex: 0 0 70%;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #282828;
    padding-right: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner {
        display: block;
    }

    .HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .title {
        flex: none;
        padding-left: 2.4rem;
    }

    .HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .desc {
        flex: none;
        font-size: 1.4rem;
        padding-left: 2.4rem;
        padding-top: 1.6rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude {
    display: flex;
}

.HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list {
    flex: 0 0 50%;
    padding-right: 1rem;
}

.HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list .order-item {
    margin-top: 0;
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude {
        display: block;
    }

    .HTNCWED10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list {
        flex: none;
        padding-right: 0;
    }
}

.HTNCWED10D33W01 .contents-section-body .leader .data-body .data-para {
    text-align: left;
}

.HTNCWED10D33W01 .contents-section-body .leader .table-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .leader .table-display table {
        min-width: 88.6rem;
    }

    .HTNCWED10D33W01 .contents-section-body .leader .table-display table col:nth-child(1) {
        width: 21rem;
    }

    .HTNCWED10D33W01 .contents-section-body .leader .table-display table col:nth-child(2) {
        width: auto;
    }
}

.HTNCWED10D33W01 .contents-section-body .global {
    padding: 18rem 0;
    background-image: url("../images/common/photo/company/recruitment/img-dev-01-pc.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .global {
        padding: 10rem 0;
        background-image: url("../images/common/photo/company/recruitment/img-dev-01-mo.jpg");
    }
}

.HTNCWED10D33W01 .contents-section-body .global .data-body .data-para {
    text-align: left;
}

.HTNCWED10D33W01 .contents-section-body .global .data-display {
    display: flex;
    gap: 8.3%;
    align-items: center;
    justify-content: space-between;
}

.HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul {
    display: flex;
    gap: 2rem;
}

.HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box {
    width: 32rem;
    min-height: 28.7rem;
    padding: 4rem 3.8rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 1.6rem;
}

.HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .name {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: #1B4B66;
}

.HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list {
    margin-top: 3rem;
}

.HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list li {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-top: 0.4rem;
}

.HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list li:first-child {
    margin-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .global .data-display {
        display: block;
        gap: 0;
    }

    .HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul {
        display: block;
        gap: 0;
        margin-top: 6rem;
    }

    .HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul>li {
        margin-top: 1rem;
    }

    .HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box {
        width: 74.045%;
        height: auto;
        min-height: auto;
        padding: 2.5rem;
        border-radius: 1.2rem;
        margin-left: auto;
    }

    .HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list {
        margin-top: 1.2rem;
    }

    .HTNCWED10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list li {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 0rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .professional .data-body .data-para {
    text-align: left;
}

.HTNCWED10D33W01 .contents-section-body .professional .box_contents>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 4rem;
}

.HTNCWED10D33W01 .contents-section-body .professional .box_contents>ul>li {
    flex: 0 0 calc((100% - 1rem) / 2);
}

.HTNCWED10D33W01 .contents-section-body .professional .box_contents>ul>li .box {
    width: 100%;
    height: 100%;
    min-height: 18.5rem;
    padding: 5rem;
    border-radius: 1rem;
    border: 1px solid #e1e6ef;
}

.HTNCWED10D33W01 .contents-section-body .professional .box_contents>ul>li .box .order-item,
.HTNCWED10D33W01 .contents-section-body .professional .box_contents>ul>li .box .order-item:before {
    color: #091943;
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .professional .box_contents>ul {
        display: block;
    }

    .HTNCWED10D33W01 .contents-section-body .professional .box_contents>ul>li {
        flex: none;
        width: 100%;
        margin-top: 1rem;
    }

    .HTNCWED10D33W01 .contents-section-body .professional .box_contents>ul>li:first-child {
        margin-top: 0;
    }

    .HTNCWED10D33W01 .contents-section-body .professional .box_contents>ul>li .box {
        height: auto;
        min-height: auto;
        padding: 1.8rem 1.8rem 1.8rem 1.2rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .job-edu .data-body {
    padding-top: 1.2rem !important;
}

.HTNCWED10D33W01 .contents-section-body .job-edu .data-body .data-para {
    text-align: left;
    color: #091943;
}

.HTNCWED10D33W01 .contents-section-body .job-edu .table-display {
    margin-top: 3rem;
}

.HTNCWED10D33W01 .contents-section-body .biz-edu .data-body {
    padding-top: 1.2rem !important;
}

.HTNCWED10D33W01 .contents-section-body .biz-edu .data-body .data-para {
    text-align: left;
    color: #091943;
}

.HTNCWED10D33W01 .contents-section-body .biz-edu .table-display {
    margin-top: 3rem;
}

.HTNCWED10D33W01 .contents-section-body .core-value {
    padding: 14rem 0;
    background-color: #191F26;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .core-value {
        padding: 10rem 0 8rem 0;
    }

    .HTNCWED10D33W01 .contents-section-body .core-value .data-display.case-2 .data-body .data-para {
        text-align: center;
    }
}

.HTNCWED10D33W01 .contents-section-body .core-value .slide-img-wrapper {
    overflow-x: hidden;
    padding: 6rem 0 10rem 0;
    margin: 0 -1.8rem;
}

.HTNCWED10D33W01 .contents-section-body .core-value .slide-img-wrapper .slide-img {
    padding-bottom: 11.784%;
    position: relative;
}

.HTNCWED10D33W01 .contents-section-body .core-value .slide-img-wrapper .slide-img .img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .core-value .slide-img-wrapper {
        padding: 6rem 0 4rem 0;
    }

    .HTNCWED10D33W01 .contents-section-body .core-value .slide-img-wrapper .slide-img {
        padding-bottom: 10rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul {
    border-top: 1px solid transparent;
    -o-border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image-slice: 1;
}

.HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li {
    display: flex;
    padding: 6rem 11rem;
    border-bottom: 1px solid transparent;
    -o-border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image-slice: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li {
        display: block;
        padding: 3rem 2rem 3rem 3rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li h5.title {
    flex: 0 0 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li h5.title {
        flex: none;
        width: 100%;
        margin-bottom: 1.8rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc {
    flex: 0 0 50%;
}

.HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1 {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: #FF8D24;
}

.HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1+.txt2 {
    margin-top: 2rem;
}

.HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt2 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #E1E6EF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc {
        flex: none;
        width: 100%;
    }

    .HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1 {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1+.txt2 {
        margin-top: 1rem;
    }

    .HTNCWED10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt2 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .adaptation {
    margin-top: 0;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .bg-container-wrap {
    display: flex;
    align-items: flex-start;
    max-width: 162.9rem;
    margin: 0 0 0 -1.8rem;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .bg-container-wrap .bg {
    position: sticky;
    top: 0;
    height: 100vh;
    flex: 0 0 calc(100% - 88.5rem);
    background-image: url("../images/common/photo/company/recruitment/img-adaptation-01-pc.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .bg-container-wrap .con {
    flex: 0 0 88.5rem;
    padding-top: 18rem;
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .adaptation .bg-container-wrap {
        display: block;
        max-width: 100%;
        margin: inherit;
    }

    .HTNCWED10D33W01 .contents-section-body .adaptation .bg-container-wrap .bg {
        position: static;
        top: 0;
        height: auto;
        flex: none;
        background-image: none;
    }

    .HTNCWED10D33W01 .contents-section-body .adaptation .bg-container-wrap .con {
        flex: none;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .adaptation .data-display {
    max-width: 88.5rem;
    padding-left: 11rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .adaptation .data-display {
        max-width: initial;
        padding-left: 0rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .adaptation .data-display .data-body .data-para {
    text-align: left;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper {
    padding: 12rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper {
        padding: 8rem 1.8rem;
        margin: 6rem -1.8rem 0 -1.8rem;
        background-image: url("../images/common/photo/company/recruitment/img-adaptation-01-mo.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper {
    position: relative;
    z-index: 3;
    width: 62.5rem;
    height: 40rem;
    border: 1px solid #E1E6EF;
    border-radius: 1.6rem;
    background-color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper {
        width: 100%;
        height: auto;
        min-height: 35rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-wrapper {
    flex-direction: row;
    height: 200px;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide {
    padding: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide {
        padding: 3rem 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .title {
        text-align: center;
    }
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .title .name {
    color: #1B4B66;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .order-list {
    margin-top: 3rem;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .order-list .order-item {
    font-weight: 600;
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .order-list {
        margin-top: 2.4rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev,
.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next {
    width: 2.2rem;
    height: 2.2rem;
    top: initial;
    bottom: 5.4rem;
    z-index: 2;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev,
    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next {
        bottom: 3.4rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev:after,
.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next:after {
    display: none;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev .button.design-1.case-6,
.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next .button.design-1.case-6 {
    width: 2.4rem;
    height: 2.4rem;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev {
    left: 50%;
    margin-left: -6.5rem;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next {
    right: 50%;
    margin-right: -6.5rem;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-pagination {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #282828;
    bottom: 5rem;
    z-index: 1;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-pagination>* {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-pagination {
        bottom: 3rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg {
    position: relative;
    height: 3rem;
    border-radius: 1.6rem;
    margin: -1.5rem auto 0 auto;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg1 {
    width: 76%;
    border: 1px solid #d8eef8;
    background-color: #e0f6ff;
    z-index: 2;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg2 {
    width: 72%;
    border: 1px solid #d8e9f1;
    background-color: #cce2ed;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg {
        height: 3rem;
        margin: -1.7rem auto 0 auto;
    }

    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg1 {
        width: 95%;
    }

    .HTNCWED10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg2 {
        width: 90%;
    }
}

.HTNCWED10D33W01 .contents-section-body .adaptation .ojt {
    padding-left: 13.6rem;
    margin: 0 auto;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .ojt>ul>li {
    margin-top: 3rem;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .ojt>ul>li .title .name {
    color: #1B4B66;
}

.HTNCWED10D33W01 .contents-section-body .adaptation .ojt>ul>li>ul.order-list {
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .adaptation .ojt {
        width: 100%;
        padding-left: 0rem;
        padding-top: 6rem;
    }

    .HTNCWED10D33W01 .contents-section-body .adaptation .ojt>ul>li {
        margin-top: 1.5rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program {
    margin-top: 0;
    padding: 18rem 0 20rem 0;
    background-image: url("../images/common/photo/company/recruitment/img-edu-bg-pc.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program {
        padding: 10rem 0 14rem 0;
        background-image: url("../images/common/photo/company/recruitment/img-edu-bg-mo.jpg");
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program .data-body .data-para {
    text-align: left;
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program .box-contents {
        margin-top: 10rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list {
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list {
        margin-top: 2.4rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li {
    flex: 0 0 calc((100% - 2rem) / 2);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li {
        flex: 0 0 100%;
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box {
    width: 100%;
    height: 100%;
    color: #fff;
    border-radius: 2rem;
    background-color: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box {
        padding: 4rem 3rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box h6.title .num {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #FF8D24;
    vertical-align: middle;
    margin-right: 1.5rem;
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box h6.title .name {
    vertical-align: middle;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box h6.title .num {
        margin-right: 1.2rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box .order-list {
    margin-top: 1.7rem;
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box .order-list .order-item {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box .order-list .order-item {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(2) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-01-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(2) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-01-mo.png");
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(3) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-02-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(3) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-02-mo.png");
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(6) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-03-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(6) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-03-mo.png");
    }
}

.HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(7) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-04-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(7) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-04-mo.png");
    }
}

.HTNCWED20D10W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWED20D10W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D10W01 .contents-section1 .diagram-display.design-1 .picture {
        max-width: 33.9rem;
        margin: 0 auto;
    }
}

.HTNCWED20D10W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    background-image: url(../images/common/photo/business/textile/img-creora-bg-01.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWED20D10W01 .contents-section2 .contents-article1 .contents-article-inner {
    min-height: 100vh;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWED20D10W01 .contents-section2 .contents-article2 {
    padding-top: 18rem;
}

.HTNCWED20D10W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
    margin-top: 18rem;
}

.HTNCWED20D10W01 .contents-section2 .contents-article2 .business-content-list .thumbnail-display.design-49 .figure-text {
    padding: 0 6%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D10W01 .contents-section2 .contents-article2 .business-content-list .thumbnail-display.design-49 .figure-text {
        padding: 0 1rem;
    }
}

.HTNCWED20D10W01 .contents-section2 .contents-article2 .business-content-list .detail-content-product {
    padding-top: 18rem;
    background-color: rgb(0, 0, 0);
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D10W01 .contents-section2 .contents-article1 {
        margin-top: 0;
    }

    .HTNCWED20D10W01 .contents-section2 .contents-article1 .contents-article-inner {
        min-height: initial;
        padding-bottom: 8rem;
    }

    .HTNCWED20D10W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
    }

    .HTNCWED20D10W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
        margin-top: 10rem;
    }

    .HTNCWED20D10W01 .contents-section2 .contents-article2 .business-content-list .detail-content-product {
        padding-top: 8rem;
        padding-bottom: 14rem;
    }
}

.HTNCWED20D10W01 .popup.case-3 .board-display.design-12 .board-inform .board-thumbnail .board-subject {
    font-size: 2.4rem;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D10W01 .popup.case-3 .board-display.design-12 .board-inform .board-thumbnail .board-subject {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWED20D11W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWED20D11W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D11W01 .contents-section1 .diagram-display.design-1 .picture {
        max-width: 33.9rem;
        margin: 0 auto;
    }
}

.HTNCWED20D11W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    background-image: url(../images/common/photo/business/textile/img-regen-bg-01.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWED20D11W01 .contents-section2 .contents-article1 .contents-article-inner {
    min-height: 100vh;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWED20D11W01 .contents-section2 .contents-article2 {
    padding-top: 18rem;
    padding-bottom: 20rem;
}

.HTNCWED20D11W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
    margin-top: 18rem;
}

.HTNCWED20D11W01 .contents-section2 .contents-article2 .business-content-list .thumbnail-display.design-49 .figure-text {
    padding: 0 6%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D11W01 .contents-section2 .contents-article2 .business-content-list .thumbnail-display.design-49 .figure-text {
        padding: 0 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D11W01 .contents-section2 .contents-article1 {
        margin-top: 0;
    }

    .HTNCWED20D11W01 .contents-section2 .contents-article1 .contents-article-inner {
        min-height: initial;
        padding-bottom: 8rem;
    }

    .HTNCWED20D11W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWED20D11W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
        margin-top: 10rem;
    }
}

.HTNCWED20D11W01 .popup.case-3 .board-display.design-12 .board-inform .board-thumbnail .board-subject {
    font-size: 2.4rem;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D11W01 .popup.case-3 .board-display.design-12 .board-inform .board-thumbnail .board-subject {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWED20D12W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWED20D12W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED20D12W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
}

.HTNCWED20D12W01 .contents-section2 .contents-article1 .detail-content {
    margin-top: 18rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D12W01 .contents-section2 .contents-article1 {
        margin-top: 0;
    }

    .HTNCWED20D12W01 .contents-section2 .contents-article1 .detail-content {
        margin-top: -5rem;
        padding-bottom: 14rem;
    }
}

.HTNCWED20D20W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWED20D20W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED20D20W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D20W01 .contents-section2 .contents-article1 {
        margin-top: 0;
        padding-bottom: 14rem;
    }

    .HTNCWED20D20W01 .contents-section2 .contents-article1 .business-content-list .content-inner.detail-content {
        margin-top: -5rem;
    }
}

.HTNCWED20D21W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWED20D21W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    background-image: url(../images/common/photo/business/trading/img-field-bg-01.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .contents-article-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject {
    text-align: center;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject .subject-sup {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(255, 255, 255);
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject .subject-sup+.title {
    margin-top: 1.8rem;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject+.board-list {
    margin-top: 10rem;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list {
    display: flex;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item {
    width: 20%;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item.current .board-wrap {
    border-color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.1);
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item.current .board-button {
    opacity: 1;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item:hover .board-wrap {
    border-color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.1);
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item:hover .board-button {
    opacity: 1;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap {
    display: block;
    position: relative;
    height: 100%;
    padding: 4.8rem 10.859% 6rem 14.975%;
    border-radius: 0.8rem;
    border: 0.1rem solid transparent;
    background-color: transparent;
    transition: 0.4s ease-in-out;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap .board-head {
    min-height: 6.4rem;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap .board-head+.board-body {
    margin-top: 1.2rem;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap .board-body {
    min-height: 11rem;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-title {
    font-family: "Hyosung";
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: rgb(255, 255, 255);
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-para {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.2rem;
    color: rgb(255, 255, 255);
    word-break: keep-all;
    word-wrap: break-word;
}

.HTNCWED20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-button {
    position: absolute;
    left: 4rem;
    bottom: 3rem;
    opacity: 0;
    transition: 0.4s ease-in-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D21W01 .contents-section2 .contents-article1 {
        display: none;
    }
}

.HTNCWED20D21W01 .contents-section2 .navi .tab-text {
    transition: 0.3s;
}

.HTNCWED20D21W01 .contents-section2 .navi.depth4 .navi-wrap .tab-display .tab-list .tab-item+.tab-item {
    margin-left: 3.743%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D21W01 .contents-section2 .navi.depth4 .navi-wrap .tab-display .tab-list .tab-item+.tab-item {
        margin-left: 2rem;
    }
}

.HTNCWED20D21W01 .contents-section2 .contents-article2 {
    padding-top: 12.8rem;
    padding-bottom: 20rem;
}

.HTNCWED20D21W01 .contents-section2 .contents-article2 .business-content-list .business-content-item {
    display: none;
}

.HTNCWED20D21W01 .contents-section2 .contents-article2 .business-content-list .business-content-item.current {
    display: block;
}

.HTNCWED20D21W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
    margin-top: 18rem;
}

.HTNCWED20D21W01 .contents-section2 .contents-article2 .business-content-list .table-display th,
.HTNCWED20D21W01 .contents-section2 .contents-article2 .business-content-list .table-display td {
    word-break: break-word;
    word-wrap: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D21W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
        margin-top: 10rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .business-content-list .content-inner.detail-content {
        margin-top: -5rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-tpa>table {
        min-width: 52.7rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-tpa colgroup col:nth-child(1) {
        width: 12.5rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-tpa colgroup col:nth-child(2) {
        width: 9.6rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-tpa colgroup col:nth-child(3) {
        width: 13.1rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-petChip>table {
        min-width: 71.7rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(1) {
        width: 8.7rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(2) {
        width: 13.2rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(3) {
        width: 9.4rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(4) {
        width: 12.8rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(5) {
        width: 11rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-psf>table {
        min-width: 71.7rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(1) {
        width: 9.3rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(2) {
        width: 11.5rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(3) {
        width: 12.1rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(4) {
        width: 11.5rem;
    }

    .HTNCWED20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(5) {
        width: 9.9rem;
    }
}

.HTNCWED20D22W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWED20D22W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED20D22W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    padding-top: 18rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D22W01 .contents-section2 .contents-article1 {
        margin-top: 0;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWED20D23W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWED20D23W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED20D23W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    padding-top: 18rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED20D23W01 .contents-section2 .contents-article1 {
        margin-top: 0;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWED30D10W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D10W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED30D10W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
}

.HTNCWED30D10W01 .contents-section2 .contents-article2 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWED30D10W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D10W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWED30D10W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWED30D10W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWED30D11W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D11W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED30D11W01 .contents-section2 .contents-article1 .thumbnail-display.design-34 {
    margin-top: 8rem;
}

.HTNCWED30D11W01 .contents-section2 .contents-article2 {
    padding-top: 18rem;
    padding-bottom: 20rem;
}

.HTNCWED30D11W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D11W01 .contents-section2 .contents-article1 .thumbnail-display.design-34 {
        margin-left: -1.8rem;
        margin-right: -1.8rem;
        width: auto;
    }

    .HTNCWED30D11W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWED30D11W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWED30D12W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D12W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED30D12W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWED30D12W01 .contents-section2 .contents-article1 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D12W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWED30D12W01 .contents-section2 .contents-article1 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWED30D13W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D13W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED30D13W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
    overflow: hidden;
}

.HTNCWED30D13W01 .contents-section2 .contents-article2 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWED30D13W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D13W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWED30D13W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWED30D13W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWED30D20W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D20W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWED30D20W01 .contents-section2 .contents-article~.contents-article {
    margin-top: 18rem;
}

.HTNCWED30D20W01 .contents-section2 .contents-article .data-display.design-1 .data-aside {
    margin-top: 6rem;
}

.HTNCWED30D20W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWED30D20W01 .contents-section2 .contents-article1 .thumbnail-display.design-39 .thumbnail-figure {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.HTNCWED30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-header {
    display: none;
}

.HTNCWED30D20W01 .contents-section2 .contents-article3 {
    background: url(../images/common/photo/brand/esgnow/img-regen-bg-02-pc.jpg) no-repeat center center;
    background-size: cover;
    padding: 14rem 0;
}

.HTNCWED30D20W01 .contents-section2 .contents-article5 {
    background-color: rgb(244, 248, 255);
    padding: 14rem 0 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D20W01 .contents-section2 .contents-article~.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED30D20W01 .contents-section2 .contents-article1 .thumbnail-display.design-39 .thumbnail-inform .thumbnail-body .para {
        max-width: 33rem;
    }

    .HTNCWED30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-header {
        display: block;
        margin-bottom: 2rem;
        border-radius: 1.6rem;
        background-color: rgb(27, 75, 102);
        text-align: center;
        overflow: hidden;
    }

    .HTNCWED30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-header .img {
        max-width: 100%;
    }

    .HTNCWED30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-body .picture {
        min-width: 74.9rem;
    }

    .HTNCWED30D20W01 .contents-section2 .contents-article3 {
        background: url(../images/common/photo/brand/esgnow/img-regen-bg-02-mo.jpg) no-repeat center center;
        background-size: cover;
        padding: 10rem 0 8rem;
    }

    .HTNCWED30D20W01 .contents-section2 .contents-article5 {
        padding: 10rem 0 14rem;
    }

    .HTNCWED30D20W01 .contents-section2 .contents-article5 .data-display.design-1 .data-aside {
        margin-top: 4rem;
    }

    .HTNCWED30D20W01 .contents-section2 .contents-article5 .diagram-display.design-2 .diagram-body .picture {
        min-width: 105.5rem;
    }
}

.HTNCWED30D21W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D21W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWED30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 {
    margin-top: 8rem;
}

.HTNCWED30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-sub {
    margin-top: 6rem;
}

.HTNCWED30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-sub .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.HTNCWED30D21W01 .contents-section2 .contents-article2 {
    margin-top: 18rem;
}

.HTNCWED30D21W01 .contents-section2 .contents-article3 {
    margin-top: 14rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 {
        margin-top: 6rem;
    }

    .HTNCWED30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-body .picture {
        min-width: 124.8rem;
    }

    .HTNCWED30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-sub .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWED30D21W01 .contents-section2 .contents-article2 {
        margin-top: 10rem;
    }

    .HTNCWED30D21W01 .contents-section2 .contents-article3 {
        margin-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWED30D22W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D22W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWED30D22W01 .contents-section2 .contents-article~.contents-article {
    margin-top: 18rem;
}

.HTNCWED30D22W01 .contents-section2 .contents-article1 .data-display.design-6 {
    margin-top: 6rem;
}

.HTNCWED30D22W01 .contents-section2 .contents-article3 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D22W01 .contents-section2 .contents-article~.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED30D22W01 .contents-section2 .contents-article3 {
        padding-bottom: 14rem;
    }

    .HTNCWED30D22W01 .contents-section2 .contents-article3 .data-display.design-7 {
        min-width: 700px;
    }

    .HTNCWED30D22W01 .contents-section2 .contents-article3 .data-display.design-7 .sub-data-item .name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.HTNCWED30D23W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D23W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner {
    display: flex;
    align-items: flex-start;
    padding-bottom: 24rem;
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display {
    position: sticky;
    width: 26%;
    max-width: 31.9rem;
    top: calc(7.6rem + 2vh);
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item {
    position: relative;
    border-radius: 0.8rem;
    height: 8rem;
    max-height: 36rem;
    overflow: hidden;
    --bs-transition-duration: 0.5s;
    transition: var(--bs-transition-duration);
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item+.thumbnail-item {
    margin-top: 0.6rem;
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item.active {
    height: 40vh;
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item.active .thumbnail-inform {
    bottom: 2rem;
    transform: translateY(0);
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item.active .thumbnail-inform .thumbnail-para {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-figure .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-inform {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 1rem;
    bottom: 50%;
    transform: translateY(50%);
    transition: var(--bs-transition-duration);
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-inform .thumbnail-para {
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(255, 255, 255);
    transition: var(--bs-transition-duration);
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-inform .thumbnail-para .inline-block {
    display: inline-block;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 {
    flex: 1 1 74%;
    padding-left: 18.414%;
    padding-top: 4rem;
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail {
    display: none;
}

.HTNCWED30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .title .color-1 {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: rgb(75, 132, 240);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D23W01 .contents-section2 .contents-article-inner {
        display: block;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 14rem;
    }

    .HTNCWED30D23W01 .contents-section2 .contents-article-inner .thumbnail-display {
        display: none;
    }

    .HTNCWED30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 {
        padding-left: 0;
        padding-top: 0;
    }

    .HTNCWED30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail {
        display: block;
        position: relative;
        border-radius: 0.8rem;
        overflow: hidden;
    }

    .HTNCWED30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail .img {
        width: 100%;
    }

    .HTNCWED30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail+.data-head {
        padding-top: 4rem;
    }

    .HTNCWED30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .thumbnail-inform {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 2rem;
        padding: 0 1rem;
    }

    .HTNCWED30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .thumbnail-inform .thumbnail-para {
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 3.2rem;
        text-align: center;
        color: rgb(255, 255, 255);
    }
}

.HTNCWED30D24W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D24W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWED30D24W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
}

.HTNCWED30D24W01 .contents-section2 .contents-article2 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWED30D24W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D24W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWED30D24W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWED30D24W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWED30D25W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D25W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWED30D25W01 .local.brand-common .local-head.design-1 .local-head-wrap .local-subject.type-1 {
    width: 100%;
}

.HTNCWED30D25W01 .local.brand-common .local-head.design-1 .local-head-wrap .local-subject.type-1 .local-name .summary {
    white-space: initial;
    width: 100%;
    word-break: break-word;
    word-wrap: break-word;
}

.HTNCWED30D25W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWED30D25W01 .contents-section2 .contents-article .data-picture .img {
    max-width: 100%;
}

.HTNCWED30D25W01 .contents-section2 .contents-article1 .data-display.design-1.case-23 {
    padding: 10rem 5rem 11rem;
    border-radius: 2.4rem;
    background: url(../images/common/photo/brand/esgnow/img-commu-bg-01-pc.jpg) no-repeat center center;
    background-size: cover;
}

.HTNCWED30D25W01 .contents-section2 .contents-article2 {
    overflow: hidden;
}

.HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item1 .diagram-display.design-1 {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-top: 8rem;
    padding-bottom: 10rem;
    background-color: rgb(248, 249, 252);
}

.HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item3 .diagram-display.design-2 {
    padding-top: 2rem;
}

.HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4 {
    position: relative;
    padding-top: 11rem;
    padding-bottom: 11rem;
}

.HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4::after {
    content: "";
    position: absolute;
    left: calc(50% - 50vw + 6rem);
    top: 0;
    width: calc(100vw - 12rem);
    height: 100%;
    border-radius: 2.4rem;
    background: url(../images/common/photo/brand/esgnow/img-commu-bg-03-pc.jpg) no-repeat center center;
    background-size: cover;
    z-index: -1;
}

.HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 {
    max-width: 69.8rem;
    margin: 0 auto;
}

.HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-item+.data-item {
    margin-top: 1rem;
}

.HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body {
    padding: 2.9rem 1.5rem;
    border-radius: 1.2rem;
    background-color: rgba(255, 255, 255, 0.08);
    border: 0.1rem solid rgba(255, 255, 255, 0.2);
}

.HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body .data-title {
    margin-top: 0.2rem;
}

.HTNCWED30D25W01 .contents-section2 .contents-article4 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWED30D25W01 .contents-section2 .contents-article4 .data-display.case-25.align-3 .data-head {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D25W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article1 .data-display.design-1.case-23 {
        padding: 8.2rem 1rem;
        background: url(../images/common/photo/brand/esgnow/img-commu-bg-01-mo.jpg) no-repeat center center;
        background-size: cover;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article2 .data-picture .img {
        width: 43.9%;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item1 .diagram-display.design-1 {
        margin-left: -1.8rem;
        margin-right: -1.8rem;
        padding: 5rem 1.8rem;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item2 .data-body {
        margin-top: -4.4rem;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item2 .thumbnail-display.design-40 {
        padding-top: 2rem;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item3 .diagram-display.design-2 .picture {
        min-width: 58.6rem;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4 {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4::after {
        left: -1.8rem;
        width: 100vw;
        border-radius: 0;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 {
        max-width: initial;
        margin-top: -1.6rem;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body {
        padding: 2.4rem 1.4rem;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body .data-title {
        margin-top: 0.4rem;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article3 .data-picture .img {
        width: 43.9%;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article4 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWED30D25W01 .contents-section2 .contents-article4 .data-display.case-25.align-3 .data-head {
        padding-top: 4rem;
    }
}

.HTNCWED30D30W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D30W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED30D30W01 .contents-section2 .contents-article {
    text-align: center;
}

.HTNCWED30D30W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWED30D30W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWED30D30W01 .contents-section2 .contents-article1 .data-aside-inner {
    position: relative;
    margin-top: 8rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWED30D30W01 .contents-section2 .contents-article1 .data-aside-inner::after {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    left: calc(50% - 50vw);
    top: 0;
    background-color: rgb(244, 248, 255);
    z-index: -1;
}

.HTNCWED30D30W01 .contents-section2 .contents-article1 .thumbnail-figure {
    padding-bottom: 6rem;
}

.HTNCWED30D30W01 .contents-section2 .contents-article1 .thumbnail-figure .img {
    max-width: 100%;
}

.HTNCWED30D30W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

.HTNCWED30D30W01 .contents-section2 .contents-article2 .data-aside-inner {
    margin-top: 10rem;
}

.HTNCWED30D30W01 .contents-section2 .contents-article2 .data-aside-inner .thumbnail-display.design-41 .thumbnail-item .thumbnail-inform {
    padding: 29.606% 6% 33.555%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D30W01 .contents-section2 .contents-article2 .data-aside-inner .thumbnail-display.design-41 .thumbnail-item .thumbnail-inform {
        padding: 8rem 1.8rem 14rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D30W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED30D30W01 .contents-section2 .contents-article1 .data-aside-inner {
        margin-top: 6rem;
        padding-bottom: 8rem;
    }

    .HTNCWED30D30W01 .contents-section2 .contents-article1 .data-aside-inner .data-display.case-12 {
        max-width: 340px;
        margin: 0 auto;
        word-break: keep-all;
    }

    .HTNCWED30D30W01 .contents-section2 .contents-article1 .thumbnail-figure {
        padding-bottom: 4rem;
    }

    .HTNCWED30D30W01 .contents-section2 .contents-article1 .thumbnail-figure .img {
        width: 100%;
    }

    .HTNCWED30D30W01 .contents-section2 .contents-article1 .title.small-v1 .name {
        font-size: 2.8rem;
    }

    .HTNCWED30D30W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }

    .HTNCWED30D30W01 .contents-section2 .contents-article2 .data-aside-inner {
        margin-top: 6rem;
    }
}

.HTNCWED30D31W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D31W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED30D31W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 14rem;
}

.HTNCWED30D31W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D31W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED30D31W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED30D32W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D32W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED30D32W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWED30D32W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWED30D32W01 .contents-section2 .contents-article1 .data-aside-inner {
    position: relative;
    margin-top: 8rem;
    padding: 14rem 0;
}

.HTNCWED30D32W01 .contents-section2 .contents-article1 .data-aside-inner::after {
    content: "";
    position: absolute;
    left: calc(50% - 50vw);
    top: 0;
    width: 100vw;
    height: 100%;
    background: url(../images/common/photo/brand/brandstrategy/img-system-bg-01-pc.jpg) no-repeat center center;
    background-size: cover;
    z-index: -1;
}

.HTNCWED30D32W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

.HTNCWED30D32W01 .contents-section2 .contents-article2 .data-aside-inner {
    margin-top: 6.8rem;
}

.HTNCWED30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type .brand-figure {
    padding-top: 0;
    padding-bottom: 0;
}

.HTNCWED30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type .brand-figure .logo {
    width: 28.2rem;
}

.HTNCWED30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:nth-of-type(3) .brand-figure {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D32W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWED30D32W01 .contents-section2 .contents-article1 .data-aside-inner {
        margin-top: 6rem;
        padding: 10rem 0 8rem;
    }

    .HTNCWED30D32W01 .contents-section2 .contents-article1 .data-aside-inner::after {
        background: url(../images/common/photo/brand/brandstrategy/img-system-bg-01-mo.jpg) no-repeat center center;
        background-size: cover;
    }

    .HTNCWED30D32W01 .contents-section2 .contents-article2 {
        padding-bottom: 8rem;
    }

    .HTNCWED30D32W01 .contents-section2 .contents-article2 .data-aside-inner {
        margin-top: 7.8rem;
    }

    .HTNCWED30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type {
        padding-top: 0;
    }

    .HTNCWED30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type .brand-figure .logo {
        width: 22.5rem;
    }

    .HTNCWED30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:nth-of-type(3) .brand-figure {
        padding: 3.9rem 2.95rem;
    }
}

.HTNCWED30D33W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED30D33W01.container.sub .contents-section2 .contents-article {
    transition: unset;
    transform: unset !important;
}

.HTNCWED30D33W01 .contents-section2.active2 #visualAni {
    opacity: 1;
}

.HTNCWED30D33W01 .contents-section2 .contents-article2 {
    opacity: 1 !important;
    background-color: #fff;
    padding-top: 8rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D33W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWED30D33W01 #visualAni {
    position: relative;
    transform: unset;
    padding: 0;
    transition: 0.3s;
    overflow: hidden;
}

.HTNCWED30D33W01 #visualAni .pin-wrap {
    position: relative;
    height: 100vh;
}

.HTNCWED30D33W01 #visualAni .bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.HTNCWED30D33W01 #visualAni .bg-wrap .bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.HTNCWED30D33W01 #visualAni .bg-wrap .bg.on {
    opacity: 1;
}

.HTNCWED30D33W01 #visualAni .bg-wrap .bg.on img {
    transform: scale(1.1);
}

.HTNCWED30D33W01 #visualAni .bg-wrap .bg.bg1 {
    opacity: 1;
}

.HTNCWED30D33W01 #visualAni .bg-wrap .bg.bg1.on img {
    filter: brightness(2);
}

.HTNCWED30D33W01 #visualAni .bg-wrap .bg.bg1 img {
    filter: brightness(1);
}

.HTNCWED30D33W01 #visualAni .bg-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: 0.8s;
}

.HTNCWED30D33W01 #visualAni .ani-wrap {
    position: relative;
    padding-top: 32vh;
}

.HTNCWED30D33W01 #visualAni .wrap_text {
    text-align: center;
    color: #fff;
    padding: 0 1.8rem;
}

.HTNCWED30D33W01 #visualAni .wrap_text1.pc .t_title {
    margin-bottom: 7rem;
}

.HTNCWED30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner {
    display: inline-flex;
    gap: 1rem;
    overflow: hidden;
}

.HTNCWED30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner.on .word {
    transform: translateY(0);
}

.HTNCWED30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner .word {
    display: block;
    font-family: "Poppins";
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 7.2rem;
    color: #fff;
    transform: translateY(100%);
    transition: transform 0.5s;
}

.HTNCWED30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(2) {
    transition-delay: 0.1s;
}

.HTNCWED30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(3) {
    transition-delay: 0.2s;
}

.HTNCWED30D33W01 #visualAni .wrap_text1.mo {
    display: none;
}

.HTNCWED30D33W01 #visualAni .blue-bar {
    width: 28.5rem;
    height: 6rem;
    background: #00AEEF;
    margin: 0 auto;
}

.HTNCWED30D33W01 #visualAni .wrap_text2 {
    margin-top: 7.5rem;
}

.HTNCWED30D33W01 #visualAni .wrap_text2,
.HTNCWED30D33W01 #visualAni .wrap_text3 {
    opacity: 0;
    visibility: hidden;
}

.HTNCWED30D33W01 #visualAni .t_desc1 {
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
    margin-bottom: 2rem;
}

.HTNCWED30D33W01 #visualAni .t_desc1 .c-blue {
    font-weight: inherit;
    color: #00AEEF;
}

.HTNCWED30D33W01 #visualAni .t_desc2 {
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
    margin-bottom: 2rem;
}

.HTNCWED30D33W01 #visualAni .t_desc3 {
    font-family: "Hyosung";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 4rem;
}

.HTNCWED30D33W01 #visualAni .t_desc4 {
    color: rgba(255, 255, 255, 0.6);
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D33W01 #visualAni .ani-wrap {
        padding-top: 32vh;
    }

    .HTNCWED30D33W01 #visualAni .wrap_text1.pc {
        display: none;
    }

    .HTNCWED30D33W01 #visualAni .wrap_text1.mo {
        display: block;
    }

    .HTNCWED30D33W01 #visualAni .wrap_text1.mo .t_title {
        margin-bottom: 4rem;
    }

    .HTNCWED30D33W01 #visualAni .wrap_text1.mo .t_title.on .t_title_inner .word {
        transform: translateY(0);
    }

    .HTNCWED30D33W01 #visualAni .wrap_text1.mo .t_title .t_title_inner {
        display: block;
        overflow: hidden;
    }

    .HTNCWED30D33W01 #visualAni .wrap_text1.mo .t_title .t_title_inner:nth-child(2) .word {
        transition-delay: 0.1s;
    }

    .HTNCWED30D33W01 #visualAni .wrap_text1.mo .t_title .t_title_inner .word {
        display: block;
        font-family: "Poppins";
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4.8rem;
        color: #fff;
        transform: translateY(100%);
        transition: transform 0.5s;
    }

    .HTNCWED30D33W01 #visualAni .blue-bar {
        width: 21.4rem;
        height: 4.5rem;
    }

    .HTNCWED30D33W01 #visualAni .wrap_text2 {
        margin-top: 6rem;
    }

    .HTNCWED30D33W01 #visualAni .t_desc1 {
        font-size: 2.4rem;
        line-height: 3.6rem;
        margin-bottom: 1.6rem;
    }

    .HTNCWED30D33W01 #visualAni .t_desc2 {
        font-size: 2rem;
        line-height: 3.2rem;
    }

    .HTNCWED30D33W01 #visualAni .t_desc3 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWED30D33W01 #visualAni .t_desc4 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }
}

.HTNCWED30D33W02.container.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED30D33W02.container.sub .contents-section2 .contents-article {
    transition: unset;
    transform: unset !important;
}

.HTNCWED30D33W02 .contents-section2.active2 #visualAni {
    opacity: 1;
}

.HTNCWED30D33W02 .contents-section2 .contents-article2 {
    opacity: 1 !important;
    background-color: #fff;
    padding-top: 8rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D33W02 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWED30D33W02 #visualAni {
    position: relative;
    transform: unset;
    padding: 0;
    transition: 0.3s;
    overflow: hidden;
}

.HTNCWED30D33W02 #visualAni .pin-wrap {
    position: relative;
    height: 100vh;
}

.HTNCWED30D33W02 #visualAni .bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.HTNCWED30D33W02 #visualAni .bg-wrap .bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.HTNCWED30D33W02 #visualAni .bg-wrap .bg.bg1 {
    opacity: 1;
}

.HTNCWED30D33W02 #visualAni .bg-wrap .bg.bg1.on img {
    transform: scale(1.1);
    filter: brightness(2);
}

.HTNCWED30D33W02 #visualAni .bg-wrap .bg.bg1 img {
    filter: brightness(1);
}

.HTNCWED30D33W02 #visualAni .bg-wrap .bg.bg2 {
    transition: unset;
}

.HTNCWED30D33W02 #visualAni .bg-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: 0.8s;
}

.HTNCWED30D33W02 #visualAni .ani-wrap {
    position: relative;
    padding-top: 32vh;
}

.HTNCWED30D33W02 #visualAni .wrap_text {
    text-align: center;
    color: #fff;
    padding: 0 1.8rem;
}

.HTNCWED30D33W02 #visualAni .wrap_text1.pc .t_title {
    margin-bottom: 7rem;
}

.HTNCWED30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner {
    display: inline-flex;
    gap: 1rem;
    overflow: hidden;
}

.HTNCWED30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner.on .word {
    transform: translateY(0);
}

.HTNCWED30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner .word {
    display: block;
    font-family: "Poppins";
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 7.2rem;
    color: #fff;
    transform: translateY(100%);
    transition: transform 0.5s;
}

.HTNCWED30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(2) {
    transition-delay: 0.1s;
}

.HTNCWED30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(3) {
    transition-delay: 0.2s;
}

.HTNCWED30D33W02 #visualAni .wrap_text1.mo {
    display: none;
}

.HTNCWED30D33W02 #visualAni .blue-circle {
    width: 20rem;
    height: 20rem;
    border: 5.6rem solid #41aced;
    border-radius: 50%;
    margin: 0 auto;
}

.HTNCWED30D33W02 #visualAni .green-circle {
    position: absolute;
    left: 49vw;
    top: 52vh;
    transform: translate(-50%, -50%);
    width: 61.6rem;
    height: 61.6rem;
    border: 10.8rem solid #72BF44;
    border-radius: 50%;
}

.HTNCWED30D33W02 #visualAni .wrap_text2 {
    opacity: 0;
    visibility: hidden;
}

.HTNCWED30D33W02 #visualAni .t_desc1 {
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.HTNCWED30D33W02 #visualAni .t_desc2 {
    font-family: "Hyosung";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin: 4rem 0;
}

.HTNCWED30D33W02 #visualAni .t_desc3 {
    color: rgba(255, 255, 255, 0.6);
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

.HTNCWED30D33W02 #visualAni .wrap_text3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    text-align: left;
}

.HTNCWED30D33W02 #visualAni .wrap_text3 .group1 {
    position: absolute;
    left: 21.094vw;
    top: 22.222vh;
}

.HTNCWED30D33W02 #visualAni .wrap_text3 .group2 {
    position: absolute;
    right: 21.875vw;
    bottom: 24.259vh;
}

.HTNCWED30D33W02 #visualAni .t_desc4 {
    font-family: "Hyosung";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.HTNCWED30D33W02 #visualAni .t_desc5 {
    color: #72BF44;
    font-family: "Hyosung";
    font-size: 6rem;
    font-weight: 700;
    line-height: 9.8rem;
    margin-top: 1.6rem;
}

.HTNCWED30D33W02 #visualAni .t_desc6 {
    font-family: "Hyosung";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D33W02 #visualAni .ani-wrap {
        padding-top: 32vh;
    }

    .HTNCWED30D33W02 #visualAni .wrap_text1.pc {
        display: none;
    }

    .HTNCWED30D33W02 #visualAni .wrap_text1.mo {
        display: block;
    }

    .HTNCWED30D33W02 #visualAni .wrap_text1.mo .t_title {
        margin-bottom: 4rem;
    }

    .HTNCWED30D33W02 #visualAni .wrap_text1.mo .t_title.on .t_title_inner .word {
        transform: translateY(0);
    }

    .HTNCWED30D33W02 #visualAni .wrap_text1.mo .t_title .t_title_inner {
        display: block;
        overflow: hidden;
    }

    .HTNCWED30D33W02 #visualAni .wrap_text1.mo .t_title .t_title_inner:nth-child(2) .word {
        transition-delay: 0.1s;
    }

    .HTNCWED30D33W02 #visualAni .wrap_text1.mo .t_title .t_title_inner .word {
        display: block;
        font-family: "Poppins";
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4.8rem;
        color: #fff;
        transform: translateY(100%);
        transition: transform 0.5s;
    }

    .HTNCWED30D33W02 #visualAni .t_desc1 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }

    .HTNCWED30D33W02 #visualAni .t_desc2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWED30D33W02 #visualAni .t_desc3 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }

    .HTNCWED30D33W02 #visualAni .green-circle {
        position: absolute;
        left: 50vw;
        top: 55vh;
        width: 88vw;
        height: 88vw;
        border: 5.8rem solid #72BF44;
    }

    .HTNCWED30D33W02 #visualAni .wrap_text3 .group1 {
        left: 3rem;
        top: 32.02vh;
    }

    .HTNCWED30D33W02 #visualAni .wrap_text3 .group2 {
        right: 3rem;
        bottom: 20vh;
    }

    .HTNCWED30D33W02 #visualAni .t_desc4 {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWED30D33W02 #visualAni .t_desc5 {
        font-size: 4rem;
        line-height: 5rem;
        margin-top: 2rem;
    }

    .HTNCWED30D33W02 #visualAni .t_desc6 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.HTNCWED30D34W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D34W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 0;
    }
}

.HTNCWED30D34W01.container.sub .contents-section2 .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: none;
    overflow: hidden;
}

.HTNCWED30D34W01.container.sub .contents-section2 .contents-section-inner .contents-section-body .contents-article-inner {
    height: 100vh;
    padding-top: 26rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D34W01.container.sub .contents-section2 .contents-section-inner .contents-section-body .contents-article-inner {
        height: auto;
        padding-top: 17.6rem;
    }
}

.HTNCWED30D34W01 .data-display {
    opacity: 0;
    transform: translateY(30rem);
}

.HTNCWED30D34W01 .data-display .data-head {
    position: relative;
    padding-top: 9rem;
    padding-bottom: 6rem;
}

.HTNCWED30D34W01 .data-display .data-head::before {
    content: "";
    width: 3.8rem;
    height: 2.7rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.HTNCWED30D34W01 .data-display .data-head::after {
    content: "";
    width: 4rem;
    height: 0.4rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.HTNCWED30D34W01 .data-display .data-head .title.large {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.HTNCWED30D34W01 .data-display .data-head .title.large .name {
    line-height: 8rem;
}

.HTNCWED30D34W01 .data-display .data-body .title {
    position: relative;
    padding-top: 8rem;
    z-index: 1;
}

.HTNCWED30D34W01 .data-display .data-body .title .name {
    display: block;
}

.HTNCWED30D34W01 .data-display .data-body .title .name .emphasis {
    font-weight: inherit;
}

.HTNCWED30D34W01 .data-display .data-body .text-content-area {
    position: relative;
}

.HTNCWED30D34W01 .data-display .data-body .text-content-area .picture {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    transform: translateY(100%);
}

.HTNCWED30D34W01 .data-display .data-body .text-content-area .picture.picture2 {
    top: 65rem;
    text-align: right;
}

.HTNCWED30D34W01 .data-display .data-body .text-content-area .picture.picture3 {
    top: 134rem;
}

.HTNCWED30D34W01 .data-display .data-body .text-content-area .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    text-align: center;
    margin-top: 16rem;
    opacity: 0;
}

.HTNCWED30D34W01 .data-display .data-body .text-content-area .text.color-1 {
    color: #fff;
}

.HTNCWED30D34W01 .data-display .data-body .text-content-area .text.color-2 {
    color: #000;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D34W01 .data-display {
        transform: translateY(10rem);
    }

    .HTNCWED30D34W01 .data-display .data-head {
        padding-top: 5rem;
        padding-bottom: 3.3rem;
    }

    .HTNCWED30D34W01 .data-display .data-head::before {
        width: 2.8rem;
        height: 2rem;
    }

    .HTNCWED30D34W01 .data-display .data-head::after {
        width: 3rem;
        height: 0.3rem;
    }

    .HTNCWED30D34W01 .data-display .data-head .title.large .name {
        line-height: 5rem;
    }

    .HTNCWED30D34W01 .data-display .data-body .title {
        padding-top: 4rem;
    }

    .HTNCWED30D34W01 .data-display .data-body .text-content-area .picture {
        position: static;
        display: block;
        width: 100%;
        transform: none;
        text-align: center;
        margin-top: 6rem;
    }

    .HTNCWED30D34W01 .data-display .data-body .text-content-area .picture.picture2 {
        text-align: center;
    }

    .HTNCWED30D34W01 .data-display .data-body .text-content-area .picture img {
        width: 100%;
        max-width: 21.6rem;
    }

    .HTNCWED30D34W01 .data-display .data-body .text-content-area .text {
        position: static;
        width: 100%;
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 6rem;
        opacity: 1;
    }
}

.HTNCWED30D34W01 .contents-section2 {
    position: relative;
}

.HTNCWED30D34W01 .contents-section2 .contents-article1 .contents-article-inner {
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D34W01 .contents-section2 .contents-article1 .contents-article-inner {
        padding-bottom: 8rem;
    }
}

.HTNCWED30D34W01 .contents-section2 .contents-article1 .data-display .data-head::before {
    background: url("../images/common/photo/brand/brandstrategy/img-brandstory-quotation-mark1.svg") no-repeat center center;
    background-size: contain;
}

.HTNCWED30D34W01 .contents-section2 .contents-article1 .data-display .data-head::after {
    background: #00AEEF;
}

.HTNCWED30D34W01 .contents-section2 .contents-article2 {
    background-color: #fff;
}

.HTNCWED30D34W01 .contents-section2 .contents-article2 .contents-article-inner {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D34W01 .contents-section2 .contents-article2 .contents-article-inner {
        padding-top: 10rem !important;
        padding-bottom: 14rem;
    }
}

.HTNCWED30D34W01 .contents-section2 .contents-article2 .data-display .data-head::before {
    background: url("../images/common/photo/brand/brandstrategy/img-brandstory-quotation-mark2.svg") no-repeat center center;
    background-size: contain;
}

.HTNCWED30D34W01 .contents-section2 .contents-article2 .data-display .data-head .title::after {
    background: #72BF44;
}

.HTNCWED30D35W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D35W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED30D35W01.container.sub .contents-section2 .contents-article {
    transition: none;
}

.HTNCWED30D35W01 .contents-section2 {
    background: url("../images/common/photo/brand/brandstrategy/img-group-bg-04-pc.jpg") no-repeat center bottom;
    background-size: 100% auto;
}

.HTNCWED30D35W01 .contents-section2 .contents-article1 {
    padding-bottom: 27rem;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.HTNCWED30D35W01 .contents-section2 .contents-article2 {
    overflow: hidden;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED30D35W01 .contents-section2 {
        background: url("../images/common/photo/brand/brandstrategy/img-group-bg-04-mo.jpg") no-repeat 50% 0%;
        background-size: cover;
    }

    .HTNCWED30D35W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWED30D35W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-section-head {
    width: 100%;
    height: 40rem;
    background: url("../images/common/photo/sustainability/sustainable/img-intro.jpg") center center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-section-head {
        height: 23rem;
    }
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-section-head .title.design-1.case-1.small-v2 {
    padding-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-section-head .title.design-1.case-1.small-v2 {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-section-head .title.small-v2 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article1,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article2,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article3,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 {
    padding: 18rem 1.8rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article1,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article2,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article3,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 {
        padding: 10rem 1.8rem 0;
    }
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .diagram-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .table-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .thumbnail-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .diagram-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .table-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .thumbnail-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .diagram-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .table-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .thumbnail-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .diagram-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .thumbnail-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .diagram-display,
.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .table-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .diagram-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .table-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .thumbnail-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .diagram-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .table-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .thumbnail-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .diagram-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .table-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .thumbnail-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .diagram-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .thumbnail-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .diagram-display,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .table-display {
        padding-top: 6rem;
    }
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display.design-26 .left-text {
    padding-right: 5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display.design-26 .left-text {
        padding-right: 0;
    }
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 {
    background-color: #F4F8FF;
    padding: 14rem 1.8rem;
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 {
        margin-top: 10rem;
        padding: 10rem 1.8rem;
    }
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 .data-display.design-1.case-3.color-10 {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 .thumbnail-display {
    padding-top: 8rem;
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 .thumbnail-display .thumbnail-inform .data-body {
    padding-top: 0;
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .contents-article-inner>.data-display {
    display: block;
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display {
    margin-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display {
        margin-bottom: 6rem;
    }
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .data-display.design-1.case-9 .data-head+.data-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .data-display.design-1.case-9 .data-head+.data-body {
        padding-top: 2.4rem;
    }
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article .data-display.design-1.case-3 .data-para {
    word-break: auto-phrase;
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap1 {
    padding-right: 1%;
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap2 {
    padding-right: 2%;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap1,
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap2 {
        padding-right: 0;
    }
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-section-foot {
    width: 100%;
    height: 60rem;
    margin-top: 18rem;
    padding: 0 1.8rem;
    background: url("../images/common/photo/sustainability/sustainable/img-outro.jpg") center center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-section-foot .title.design-1.case-1.small-v3 {
    text-align: center;
}

.HTNCWED40D10W01 .contents-section.contents-section2 .contents-section-foot .title.design-1.case-1.small-v3 .name {
    line-height: 1.7;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-section-foot .title.design-1.case-1.small-v3 .name {
        font-size: 1.8rem;
        text-align: center;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D10W01 .contents-section.contents-section2 .contents-section-foot {
        margin-top: 10rem;
        height: 47rem;
    }
}

.HTNCWED40D10W01 .title.small-v13 .name {
    line-height: 3.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D10W01 .title.small-v13 .name {
        line-height: 3rem;
    }
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 {
    margin-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D11W01 .container-inner .contents-section.contents-section2 {
        margin-bottom: 14rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title .name {
        line-height: 4.6rem;
    }
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    width: 100%;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    overflow: hidden;
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
    padding: 14rem 0 18rem 0;
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-wrap {
    gap: 2rem;
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-wrap>.thumbnail-head {
    width: 32.9rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-wrap {
        gap: 0;
    }

    .HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-wrap>.thumbnail-head {
        width: 100%;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    background: #2F3939;
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    padding: 14rem 0;
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .thumbnail-display.design-2 .thumbnail-wrap .thumbnail-body .desc {
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 10rem 0 8rem 0;
    }
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        margin-top: 10rem;
    }
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .data-display {
    padding-bottom: 6rem;
}

.HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .pagination-display {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .data-display {
        padding-bottom: 4rem;
    }

    .HTNCWED40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .pagination-display {
        padding-top: 6rem;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .title+.thumbnail-display {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .title+.thumbnail-display {
        padding-top: 6rem;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .order-list .order-item {
    color: rgb(115, 115, 115);
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    opacity: 1;
    transform: none;
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-head+.data-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-head+.data-body {
        padding-top: 4rem;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6.73%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body {
        flex-direction: column;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .thumbnail-figure {
    width: 35.55%;
    display: block;
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .thumbnail-figure {
        width: 100%;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-list {
    width: 57.7%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-list {
        width: 100%;
        margin-top: 4rem;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item {
    display: flex;
    gap: 4rem;
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-head .content-year {
    display: inline-block;
    min-width: 9.3rem;
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    color: rgb(27, 75, 102);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-head .content-year {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title {
    display: inline-block;
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    color: rgb(40, 40, 40);
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title+.content-para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title+.content-para {
        padding-top: 0.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    word-break: keep-all;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part+.content-part {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part+.content-part {
        padding-top: 2.4rem;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item+.content-item {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item+.content-item {
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article+.contents-article {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article+.contents-article {
        padding-top: 10rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D12W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    overflow: hidden;
}

.HTNCWED40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    padding: 14rem 0 18rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }
}

.HTNCWED40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    padding: 0 0 20rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 0 0 14rem 0;
    }
}

.HTNCWED40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .data-display {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    overflow: hidden;
}

.HTNCWED40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    padding: 14rem 0 14rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 10rem 0;
    }
}

.HTNCWED40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    padding: 0 0 20rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 0 0 14rem 0;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 29.6rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .data-display {
    max-width: 133.6rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .data-display .title {
        text-align: left;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    width: 100%;
    height: 50rem;
    position: relative;
    background: url("../images/common/photo/sustainability/green/img-photo-01-pc.jpg") center center no-repeat;
    background-size: cover;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        height: 42rem;
        background: url("../images/common/photo/sustainability/green/img-photo-01-mo.jpg") center center no-repeat;
        background-size: cover;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    position: relative;
    padding: 14rem 0 18rem 0;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .accordion-contents-wrap {
    position: absolute;
    top: -16rem;
    left: 0;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .accordion-contents-wrap .data-display {
    padding-bottom: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .accordion-contents-wrap {
        top: -18rem;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner,
.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner,
.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner {
    padding-top: 18rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner>.data-display>.data-list,
.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner>.data-display>.data-list,
.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-list {
    width: 100%;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .thumbnail-display,
.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .diagram-display,
.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .thumbnail-display,
.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .diagram-display,
.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .thumbnail-display,
.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .diagram-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner,
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner,
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner {
        padding-top: 10rem;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .thumbnail-display,
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .diagram-display,
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .thumbnail-display,
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .diagram-display,
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .thumbnail-display,
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .diagram-display {
        padding-top: 6rem;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .thumbnail-list {
    align-items: stretch;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .thumbnail-item {
    padding: 5rem;
    height: auto;
    min-height: 42.5rem;
    border-radius: 3.2rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .thumbnail-head {
    position: static;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .thumbnail-head+.thumbnail-body {
    margin-top: 3.4rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .thumbnail-body {
    position: static;
    padding-right: 5%;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .para {
    word-break: keep-all;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .thumbnail-list {
        align-items: flex-start;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .thumbnail-item {
        padding: 3rem 3rem 4.6rem;
        min-height: 29rem;
        border-radius: 2.4rem;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .thumbnail-head+.thumbnail-body {
        margin-top: 3rem;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .thumbnail-body {
        padding-right: 0;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .thumbnail-display.design-8 .thumbnail-list:nth-child(1) {
    align-items: stretch;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item {
    height: initial;
    padding: calc(5.6rem + 15%) 5rem 7.5rem;
    border-radius: 3.2rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item .thumbnail-body {
    position: static;
    padding-right: 2%;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .thumbnail-display.design-8 .thumbnail-list:nth-child(2) .thumbnail-item {
    height: 100%;
    padding-bottom: 0;
    border-radius: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item {
        padding: 9rem 3rem 6rem;
        min-height: 27rem;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item .thumbnail-head {
        top: 3rem;
        left: 3rem;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item .thumbnail-body {
        padding-right: 0;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .thumbnail-display.design-8 .thumbnail-list:nth-child(1) .thumbnail-item:nth-child(even) .thumbnail-head {
        top: auto;
        left: auto;
        bottom: 3rem;
        right: 3rem;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    background-color: #F4F8FF;
    padding: 14rem 1.8rem;
    margin-top: 18rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .diagram-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        padding: 10rem 1.8rem 8rem;
        margin-top: 10rem;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
    background-color: #1B1B29;
    padding: 14rem 1.8rem;
    margin-top: 18rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display .data-head,
.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display .data-body {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list {
    width: 100%;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display .board-display.design-1 .box-inner {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner .diagram-display {
    max-width: 105rem;
    padding-top: 8rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner .diagram-display {
        width: calc(100% + 3.6rem);
        margin-left: -1.8rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
        margin-top: 10rem;
        padding: 10rem 1.8rem 0;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    padding-top: 18rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display {
    max-width: 133.6rem;
    margin: 0 auto;
    padding: 0 1.8rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display {
    width: 100%;
    height: 63.2rem;
    position: relative;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    padding-top: 3.9rem;
    padding-bottom: 3.9rem;
    margin-top: 8rem;
    background: url("../images/common/photo/sustainability/green/img-photo-02-pc.jpg") center center no-repeat;
    background-size: cover;
    z-index: 1;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display .tab-area {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display.design-2 .tab {
    max-width: 43%;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display.design-2 .tab .text-wrap {
    text-align: left;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display.design-2 .board-wrap {
    padding-left: 4rem;
    padding-right: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display {
        height: auto;
        padding-right: unset;
        padding-left: unset;
        padding-top: 7rem;
        padding-bottom: 10rem;
        background: url("../images/common/photo/sustainability/green/img-photo-02-mo.jpg") center center no-repeat;
        background-size: cover;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display .tab-area {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display.design-2 .tab {
        max-width: initial;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display.design-2 .tab .text-wrap {
        text-align: center;
    }

    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display.design-2 .board-wrap {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
        padding-top: 10rem;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 {
    width: 100%;
    height: auto;
    position: relative;
    background: linear-gradient(180deg, #FFF 35.94%, rgba(255, 255, 255, 0) 100%), lightgray 0px 10.16px/100% 103.565% no-repeat;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 {
        background: linear-gradient(180deg, #FFF 72.59%, rgba(255, 255, 255, 0) 100%), lightgray -540.529px 621px/280.675% 50.636% no-repeat, #F3F3F5;
    }
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner {
    background: url("../images/common/photo/sustainability/green/img-photo-03-pc.png") no-repeat center bottom;
    background-size: cover;
    padding: 14rem 1.8rem 18rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .contents-article-area {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .data-display {
    padding-bottom: 8rem;
}

.HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .board-display {
    margin-left: 4%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .board-display {
        margin-left: unset;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner {
        background: url("../images/common/photo/sustainability/green/img-photo-03-mo.jpg") no-repeat center bottom;
        background-size: cover;
        padding: 10rem 1.8rem 14rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-section-head+.contents-section-body {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-section-head+.contents-section-body {
        padding-top: 6rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article+.contents-aricle {
    padding-top: 14rem;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 {
    overflow: hidden;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-display+.diagram-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-display+.diagram-display {
        margin-top: 6rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-body+.data-aside {
        padding-top: 6rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside {
    position: relative;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100vw;
    height: calc(100% - 8rem);
    background-color: rgb(244, 248, 255);
    transform: translateX(-50%);
    z-index: -1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside::before {
        height: calc(100% - 6rem);
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-display {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-display .diagram-inner {
    display: block;
    max-width: 133.6rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-display {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-head+.diagram-body {
    padding-top: 2.4rem;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-body .order-list {
    padding-left: 1.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-body .order-list {
        padding-left: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article1 .data-head {
        padding-right: 10rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 {
    padding-top: 18rem;
    padding-bottom: 18rem;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .data-display+.diagram-display {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .data-display+.diagram-display {
        padding-top: 10rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .data-body+.data-aside {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .data-body+.data-aside {
        padding-top: 10rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-head+.diagram-body {
    padding-top: 5.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-title+.diagram {
    padding-top: 5.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-title+.diagram {
        padding-top: 2.4rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .title {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display+.table-area {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display+.table-area {
        margin-top: 10rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .picture {
        min-width: 130rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area {
    position: relative;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-head+.table-display {
    margin-top: 2.4rem;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-title {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(1) {
    width: 11.3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(1) {
        width: 8.5rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(2) {
    width: 42.29%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(2) {
        width: 37%;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(3) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display table {
        min-width: 104rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .button-display {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .button-display {
        position: relative;
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article3 {
    background: url("../images/common/photo/sustainability/climate/bg-01.jpg") no-repeat center/cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article3 {
        padding-right: 0;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article3 .contents-article-inner>.tab-display {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article3 .contents-article-inner>.tab-display.design-2 .tab {
    max-width: 43%;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article3 .contents-article-inner>.tab-display.design-2 .tab .text-wrap {
    text-align: left;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article3 .contents-article-inner>.tab-display.design-2 .board-wrap {
    padding-left: 4rem;
    padding-right: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article3 .contents-article-inner>.tab-display {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }

    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article3 .contents-article-inner>.tab-display.design-2 .tab {
        max-width: initial;
    }

    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article3 .contents-article-inner>.tab-display.design-2 .tab .text-wrap {
        text-align: center;
    }

    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article3 .contents-article-inner>.tab-display.design-2 .board-wrap {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article4 {
    padding-top: 18rem;
    padding-bottom: 18rem;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article4 .title+.data-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article4 .title+.data-display {
        padding-top: 4rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article4 .data-display+.data-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article4 .data-display+.data-display {
        padding-top: 6rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article4 .data-footer {
    padding-top: 10rem;
    padding-bottom: 10rem;
    padding-left: 11.3rem;
    padding-right: 11.3rem;
    margin-top: 6rem;
    background-color: rgba(244, 248, 255, 0.8);
    border-radius: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article4 .data-footer {
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article4 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 {
    overflow: hidden;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .data-body+.data-aside {
    padding-top: 6rem;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(1) {
    width: 15.41%;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(2),
.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(3) {
    width: auto;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(4) {
    width: 16.91%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .table-display table {
        min-width: 99.5rem;
    }

    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(1) {
        width: 12rem;
    }

    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(4) {
        width: 16.9rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .data-aside+.data-footer {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .data-aside+.data-footer {
        padding-top: 6rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer {
    display: flex;
    justify-content: end;
    position: relative;
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100vw;
    height: calc(100% - 14rem);
    background: url("../images/common/photo/sustainability/climate/bg-02-pc.jpg") no-repeat;
    background-size: 38.75% 100%;
    background-color: rgb(242, 248, 250);
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer::before {
        height: calc(100% - 6rem);
        background: url("../images/common/photo/sustainability/climate/bg-02-mo.jpg") no-repeat;
        background-color: rgb(242, 248, 250);
        background-position: bottom;
        background-size: 100% 24.6rem;
    }
}

.HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer .thumbnail-display {
    padding-top: 12rem;
    padding-bottom: 20rem;
    margin: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer .thumbnail-display {
        padding-top: 10rem;
        padding-bottom: 30.6rem;
    }
}

.HTNCWED40D22W01 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-section-head {
    overflow: hidden;
}

.HTNCWED40D22W01 .contents-section2 .contents-section-head .data-display {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED40D22W01 .contents-section2 .contents-section-head .data-body {
    margin: 0 auto;
}

.HTNCWED40D22W01 .contents-section2 .contents-section-head .data-body+.data-aside {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-section-head .data-body+.data-aside {
        padding-top: 4rem;
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-section-head .data-aside {
    position: relative;
}

.HTNCWED40D22W01 .contents-section2 .contents-section-head .data-aside::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 100vw;
    height: calc(100% - 18.8rem);
    bottom: 0;
    background: rgb(244, 248, 255);
    transform: translateX(-50%);
    z-index: -1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-section-head .data-aside::before {
        height: calc(100% - 15.6rem);
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-section-head .data-aside .button-display+.diagram-display {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-section-head .data-aside .button-display+.diagram-display {
        padding-top: 10rem;
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-section-head .data-aside .diagram-display {
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-section-head .data-aside .diagram-display .picture {
        min-width: 102.6rem;
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-article+.contents-article {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article+.contents-article {
        padding-top: 10rem;
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-article.contents-article1 {
    padding-top: 14rem;
}

.HTNCWED40D22W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display {
    padding-left: 9.3rem;
    padding-right: 32.336%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article.contents-article1 {
        padding-top: 10rem;
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-article.contents-article2 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.HTNCWED40D22W01 .contents-section2 .contents-article.contents-article2 .thumbnail-display.design-11 .thumbnail-wrap .thumbnail-head {
    width: 39.1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article.contents-article2 .thumbnail-display.design-11 .thumbnail-wrap .thumbnail-head {
        width: 100%;
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-article.contents-article3 .thumbnail-display {
    padding-left: 31.962%;
    padding-right: 9.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article.contents-article3 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article.contents-article3 {
        padding-top: 10rem;
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-article.contents-article4 .thumbnail-display {
    padding-left: 20.6rem;
    padding-right: 49.63%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article.contents-article4 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article.contents-article4 {
        padding-top: 10rem;
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-article.contents-article5 .thumbnail-display {
    padding-left: 48.878%;
    padding-right: 9.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article.contents-article5 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article.contents-article5 {
        padding-top: 10rem;
    }
}

.HTNCWED40D22W01 .contents-section2 .contents-article.contents-article6 .thumbnail-display {
    padding-left: 9.3rem;
    padding-right: 9.3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D22W01 .contents-section2 .contents-article.contents-article6 .thumbnail-display {
        padding: 0;
    }
}

.HTNCWED40D23W01 .contents-section2 {
    padding-bottom: 20rem;
    background-image: url("../images/common/photo/sustainability/pollution/bg-01.jpg");
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.HTNCWED40D23W01 .contents-section2 .contents-article+.contents-article {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article+.contents-article {
        padding-top: 10rem;
    }
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 {
    padding-top: 8rem;
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-list {
    align-items: stretch;
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item {
    padding: 5rem;
    height: auto;
    min-height: 42.5rem;
    border-radius: 3.2rem;
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(1) {
    background-image: url("../images/common/photo/sustainability/pollution/img-thumb-01-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(1) {
        background-image: url("../images/common/photo/sustainability/pollution/img-thumb-01-mo.jpg");
    }
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(2) {
    background-image: url("../images/common/photo/sustainability/pollution/img-thumb-02-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(2) {
        background-image: url("../images/common/photo/sustainability/pollution/img-thumb-02-mo.jpg");
    }
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(3) {
    background-image: url("../images/common/photo/sustainability/pollution/img-thumb-03-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(3) {
        background-image: url("../images/common/photo/sustainability/pollution/img-thumb-03-mo.jpg");
    }
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-head {
    position: static;
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-head+.thumbnail-body {
    margin-top: 3.4rem;
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-body {
    position: static;
    padding-right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item {
        padding: 3rem 3rem 4.6rem;
        min-height: 29rem;
        border-radius: 2.4rem;
    }

    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-head+.thumbnail-body {
        margin-top: 3rem;
    }
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .data-display {
    position: relative;
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .data-body+.data-aside {
        padding-top: 6rem;
    }
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .button-display {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .button-display {
        position: relative;
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article1 {
        padding-top: 6rem;
    }
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article2 .data-body {
    padding-right: 0;
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article2 .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article2 .data-body {
        padding-right: 0;
    }
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article3 .board-head+.board-body {
    padding-top: 4rem;
    margin-top: 0;
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article3 .board-body {
    display: flex;
    gap: 1.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article3 .board-body {
        flex-direction: column;
    }
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article3 .data-display {
    padding-top: 8rem;
    padding-bottom: 8.4rem;
    border-radius: 3.6rem;
    padding-left: 5.989%;
    padding-right: 4%;
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article3 .data-display.fill-584 {
    background-color: rgb(75, 132, 240);
}

.HTNCWED40D23W01 .contents-section2 .contents-article.contents-article3 .data-display.fill-266 {
    background-color: rgb(27, 75, 102);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 .contents-article.contents-article3 .data-display {
        padding: 4rem 2rem;
        border-radius: 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D23W01 .contents-section2 {
        padding-bottom: 14rem;
        background-size: auto 26rem;
    }
}

.HTNCWED40D30W01 .title.large .name {
    color: #fff;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head {
    background: url("../images/common/photo/sustainability/humanrights/img-humanrights-intro-pc.jpg") no-repeat center center;
    background-size: cover;
    margin-bottom: 20rem;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
        opacity: 1;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head .title.small-v4 .name {
        transform: translateY(0);
        opacity: 1;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: url("../images/common/photo/sustainability/humanrights/img-humanrights-intro-pc.jpg") no-repeat top center;
    background-size: cover;
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
        height: 30rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap {
    padding-bottom: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap {
        padding-bottom: 1.7rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 {
    overflow: hidden;
    width: 100%;
    height: 11rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 {
        height: 4rem;
        overflow: visible;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
    display: block;
    letter-spacing: unset;
    line-height: 10.6rem;
    color: #ffffff;
    transform: translateY(8rem);
    transition-duration: 0.6s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
        line-height: 4rem;
        transform: translateY(5rem);
        transition-duration: 0.7s;
        opacity: 0;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4~.title.large-v4 .name {
    transition-delay: 0.1s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4~.title.large-v4 .name {
        transition-delay: unset;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title.small-v4 .name {
    display: block;
    color: #FFF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title.small-v4 .name {
        font-size: 1.8rem;
        line-height: 3rem;
        transform: translateY(5rem);
        transition-duration: 0.7s;
        opacity: 0;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article {
    position: relative;
    opacity: 1;
    overflow: hidden;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article .contents-article-inner {
    position: relative;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-head .title.large .name {
    transform: translateY(0);
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-head::before {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-body {
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-body {
        transform: unset;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner {
    margin-top: 14rem;
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner {
        margin-top: 10rem;
        padding-bottom: 18.8rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display {
    flex-direction: column;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head {
    position: relative;
    padding-top: 9rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head {
        padding-top: 5rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head::before {
    content: "";
    width: 3.8rem;
    height: 2.7rem;
    background: url("../images/common/photo/sustainability/humanrights/img-humanrights-dot-pc.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head::before {
        width: 2.8rem;
        height: 2rem;
        opacity: 0;
        transform: translate(-50%, 5rem);
        transition-duration: 0.6s;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large .name {
    display: block;
    transform: translateY(6rem);
    transition-duration: 0.5s;
    opacity: 0;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large~.title.large {
    padding-top: 0.8rem;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-2 .name {
    transition-delay: 0.1s;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-3 .name {
    transition-delay: 0.2s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large {
        overflow: visible;
    }

    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-2 .name {
        transition-delay: unset;
    }

    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-3 .name {
        transition-delay: unset;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4 {
    position: relative;
    padding-top: 5.6rem;
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4 {
        padding-top: 2.4rem;
        padding-bottom: 3rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4::after {
    content: "";
    width: 4rem;
    height: 0.4rem;
    background: #7BB9C6;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4::after {
        width: 3rem;
        height: 0.3rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4 .name {
    color: #999999;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body {
    max-width: 65.8rem;
    margin: 0 auto;
    padding-top: 10rem;
    transform: translateY(10rem);
    transition-duration: 0.6s;
    transition-delay: 0.2s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body {
        max-width: 25.5rem;
        padding-top: 6rem;
        transform: unset;
        transition-duration: unset;
        transition-delay: unset;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text {
    font-family: "Hyosung";
    font-size: 2.6rem;
    font-weight: 500;
    color: #000;
    line-height: 5.6rem;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text~.text {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text~.text {
        padding-top: 2rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img {
    position: absolute;
    z-index: -1;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img .img {
    width: 100%;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-1 {
    width: 49rem;
    height: auto;
    bottom: 36rem;
    left: 0;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-2 {
    width: 38.8rem;
    height: auto;
    bottom: 12rem;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-1 {
        width: 60%;
        max-width: 30rem;
        min-width: 25rem;
        height: auto;
        bottom: 44.5rem;
        left: 0;
    }

    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-2 {
        width: 48%;
        max-width: 20rem;
        min-width: 18rem;
        height: auto;
        bottom: 30rem;
        right: 0;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 {
        padding-bottom: 8rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2.active .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-figure {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 .contents-article-inner .thumbnail-display {
    max-width: 111rem;
    margin: 0 auto;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-figure {
    transform: translate(-20%, 10%) scale(0.7);
    transition-duration: 0.8s;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-figure {
        transform: translate(13%, 12%) scale(0.7);
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 {
    background-color: #1D6ECD;
    border-radius: 5.6rem;
    overflow: hidden;
    padding-top: 12rem;
    padding-bottom: 12rem;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 {
        border-radius: 3.2rem;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner {
    max-width: 111rem;
    margin: 10rem auto;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display {
    margin-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display {
        margin-bottom: 4rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display .diagram-head {
    padding-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display .diagram-head {
        padding-bottom: 4rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-para~.data-para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-para~.data-para {
        padding-top: 1rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-mean {
    padding-top: 2.4rem;
    font-weight: 500;
    color: #E1E6EF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-mean {
        padding-top: 4rem;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 {
    margin-top: 6rem;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 .button.design-1.case-1 {
    min-width: 24rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 {
        margin-top: 4rem;
    }

    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 .button.design-1.case-1 {
        min-width: unset;
    }
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 {
    background-color: #1D2329;
    padding-top: 28rem;
    padding-bottom: 14rem;
    margin-top: -14rem;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .subject {
    top: auto;
    bottom: 6.4rem;
    line-height: 1.8;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary .name {
    font-size: 3.2rem;
    line-height: 4.8rem;
}

.HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 .thumbnail-display.design-14 .thumbnail-item .data-list .data-item .data-head {
    font-size: 1.458335vw;
    line-height: 1.5;
}

.HTNCWED40D30W01 .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-head {
    padding-bottom: 3.6rem;
}

.HTNCWED40D30W01 .thumbnail-display.design-13 .thumbnail-item .thumbnail-wrap .thumbnail-body {
    padding-bottom: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 {
        padding-top: 20.2rem;
        margin-top: -10.4rem;
    }

    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 .thumbnail-display.design-14 .thumbnail-item .thumbnail-head {
        display: block;
    }

    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .subject {
        display: inline;
        line-height: 3.6rem;
    }

    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary {
        display: inline-block;
    }

    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 .thumbnail-display.design-14 .thumbnail-item .thumbnail-head .summary .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWED40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 .thumbnail-display.design-14 .thumbnail-item .data-list .data-item .data-head {
        font-size: 3.2vw;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    margin-top: 18rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .diagram-display.design-1 .diagram-head+.diagram-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .title.small-v16 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-display .title {
        text-align: left;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        margin-top: 10rem;
    }

    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .diagram-display.design-1 .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
        margin-top: 10rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
        margin-top: 10rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    background-color: #191F26;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
        margin-top: 6rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-top: 14rem;
    padding-bottom: 14rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .title.small-v14 {
    margin-bottom: 4rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-body .thumbnail-display {
    margin-bottom: 14rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-body .thumbnail-display .thumbnail-wrap {
    align-items: flex-start;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-body .thumbnail-display {
        margin-bottom: 8rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-body .diagram-display .diagram-head {
    margin-bottom: 4rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-footer {
    margin-top: 6rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-footer .button .button-text-core {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-footer {
        margin-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-aside {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-aside {
        margin-top: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display.design-1 .diagram-head .title.small-v16 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display.design-1 .diagram-head+.diagram-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display.design-1 .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-body {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-body {
        margin-top: 2.4rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-aside .button-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-aside .button-display {
        margin-top: 4rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display {
    flex-direction: column;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-body {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-body {
        margin-top: 4rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-aside {
    margin-top: 14rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-aside .diagram-head {
    margin-bottom: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-aside .diagram-head {
        margin-bottom: 2.4rem;
    }

    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-aside .diagram-head .title {
        text-align: left;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .diagram-display {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .diagram-display .diagram-body .picture {
        min-width: 101.8rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    margin-top: 14rem;
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-aside {
    max-width: 111rem;
    margin-top: 11rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-aside {
        margin-top: 6rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-foot {
    max-width: 111rem;
    margin: 0 auto;
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-foot {
        padding-top: 2.4rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-note {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #999999;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-note {
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item {
    padding: 6rem 5rem 5.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item {
        padding: 4rem 7.7%;
    }
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item .board-head {
    padding-bottom: 5.3rem;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item .board-body .tag-display .tag-list {
    align-items: stretch;
}

.HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item .board-body .tag-display .tag-list .tag-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 0.5rem;
    font-size: 1.2rem;
    white-space: normal;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item .board-body .tag-display .tag-list .tag-item {
        font-size: 1.2rem;
        padding: 0.8rem 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item {
        padding: 6rem 5rem 5.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) and (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item {
        padding: 4rem 7.7%;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item .board-head {
        padding-bottom: 2.4rem;
    }

    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item .board-body .tag-display .tag-list .tag-item {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.8rem 0.5rem;
        font-size: 1.2rem;
        white-space: normal;
    }
}

@media (min-width: 280px) and (max-width: 1023px) and (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner .board-display.design-2 .board-list .board-item .board-body .tag-display .tag-list .tag-item {
        width: 100%;
        font-size: 1.2rem;
        padding: 0.8rem 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
        margin-top: 10rem;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 {
    margin-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 {
        margin-bottom: 14rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .thumbnail-display.design-29 .thumbnail-wrap .title {
        padding-right: 0;
    }
}

.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display {
        margin-top: 2.4rem;
    }
}

.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display+.title.small-v9 {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display+.title.small-v9 {
        margin-top: 4rem;
    }

    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display+.title.small-v9 .name {
        font-size: 1.8rem;
        line-height: 3.2rem;
    }
}

.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .button-display {
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .button-display {
        margin-top: 1.6rem;
    }
}

.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        margin-top: 10rem;
    }
}

.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
        padding-top: 6rem;
    }
}

.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    background-color: rgb(248, 249, 252);
    padding-top: 14rem;
    padding-bottom: 14rem;
}

.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display {
        margin-top: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display {
        margin-top: 2.4rem;
    }
}

.HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        margin-top: 10rem;
    }

    .HTNCWED40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .thumbnail-display {
        margin-top: 4rem;
    }
}

.HTNCWED40D32W01 .popup .pc {
    display: block;
}

.HTNCWED40D32W01 .popup .pc table {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.HTNCWED40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(1) {
    width: 17%;
}

.HTNCWED40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(2) {
    width: auto;
}

.HTNCWED40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(3) {
    width: 20%;
}

.HTNCWED40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(4) {
    width: 9%;
}

.HTNCWED40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(5) {
    width: 11%;
}

.HTNCWED40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(6) {
    width: 11%;
}

.HTNCWED40D32W01 .popup .pc table.safety-task-01 th,
.HTNCWED40D32W01 .popup .pc table.safety-task-01 td {
    word-break: keep-all;
    word-wrap: break-word;
}

.HTNCWED40D32W01 .popup .pc table.safety-task-01+.order-list {
    margin-top: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .popup .pc {
        display: none;
    }
}

.HTNCWED40D32W01 .popup .mo {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D32W01 .popup .mo {
        display: block;
    }

    .HTNCWED40D32W01 .popup .mo.data-display.design-3+.data-display.design-3 {
        margin-top: 6rem;
    }

    .HTNCWED40D32W01 .popup .mo.data-display.design-3+.order-list {
        margin-top: 2.4rem;
    }

    .HTNCWED40D32W01 .popup .mo table.safety-task-02 {
        min-width: 52rem;
    }

    .HTNCWED40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(1) {
        width: auto;
    }

    .HTNCWED40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(2) {
        width: 14%;
    }

    .HTNCWED40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(3) {
        width: 23%;
    }

    .HTNCWED40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(4) {
        width: 23%;
    }

    .HTNCWED40D32W01 .popup .mo table.safety-task-03,
    .HTNCWED40D32W01 .popup .mo table.safety-task-04,
    .HTNCWED40D32W01 .popup .mo table.safety-task-05,
    .HTNCWED40D32W01 .popup .mo table.safety-task-06,
    .HTNCWED40D32W01 .popup .mo table.safety-task-07,
    .HTNCWED40D32W01 .popup .mo table.safety-task-08,
    .HTNCWED40D32W01 .popup .mo table.safety-task-09,
    .HTNCWED40D32W01 .popup .mo table.safety-task-10 {
        min-width: 50rem;
    }

    .HTNCWED40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(1),
    .HTNCWED40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(1),
    .HTNCWED40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(1),
    .HTNCWED40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(1),
    .HTNCWED40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(1),
    .HTNCWED40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(1),
    .HTNCWED40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(1),
    .HTNCWED40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(1) {
        width: auto;
    }

    .HTNCWED40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(2),
    .HTNCWED40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(2),
    .HTNCWED40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(2),
    .HTNCWED40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(2),
    .HTNCWED40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(2),
    .HTNCWED40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(2),
    .HTNCWED40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(2),
    .HTNCWED40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(2) {
        width: 14.5%;
    }

    .HTNCWED40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(3),
    .HTNCWED40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(3),
    .HTNCWED40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(3),
    .HTNCWED40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(3),
    .HTNCWED40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(3),
    .HTNCWED40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(3),
    .HTNCWED40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(3),
    .HTNCWED40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(3) {
        width: 26.8%;
    }

    .HTNCWED40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(4),
    .HTNCWED40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(4),
    .HTNCWED40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(4),
    .HTNCWED40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(4),
    .HTNCWED40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(4),
    .HTNCWED40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(4),
    .HTNCWED40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(4),
    .HTNCWED40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(4) {
        width: 26.8%;
    }
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    overflow: hidden;
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    width: 100%;
    margin: 0 auto;
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.data-display,
.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.title {
    margin-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.data-display,
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.title {
        margin-bottom: 2.4rem;
    }
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
    margin-top: 18rem;
    padding: 14rem 1.8rem;
    background-color: #191F26;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
        margin-top: 10rem;
        padding: 10rem 1.8rem;
    }
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .tab-display.design-3 .tab-area {
    max-width: 46.7rem;
    width: 36%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .tab-display.design-3 .tab-area {
        max-width: 100%;
        width: 100%;
    }
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .tab-display.design-3 .tab-list .tab.case-1 {
    max-width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .tab-display.design-3 .tab-list .tab.case-1 {
        max-width: 28.2rem;
    }
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    margin-top: 18rem;
    padding: 0 1.8rem;
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .slide-display.design-1 {
    overflow: visible;
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .slide-display.design-1 .slide-list {
    padding-bottom: 10rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        margin-top: 10rem;
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .slide-list {
        padding-bottom: 0;
    }
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        margin-top: 10rem;
    }
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display col:nth-child(1) {
    width: 22%;
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display col:nth-child(2) {
    width: 12.6%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display table {
        min-width: unset;
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display colgroup {
        display: none;
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display thead {
        display: none;
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody {
        display: flex;
        flex-direction: column;
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr {
        border: none;
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr th {
        padding-top: 1.4rem;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2.2rem;
        text-align: center;
        font-family: "Hyosung";
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td {
        text-align: left;
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(2) {
        color: rgb(9, 25, 67);
    }
}

@media (min-width: 280px) and (max-width: 1023px) and (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(2) {
        padding-top: 1.4rem;
        padding-bottom: 1rem;
        font-weight: 600;
        font-family: "Hyosung";
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(2) .mo-only {
        font-weight: 600;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(3) {
        padding-top: 0;
        padding-bottom: 3.4rem;
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody th,
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody td {
        display: block;
        width: 100%;
        border: none;
    }
}

.HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
        padding-bottom: 14rem;
    }

    .HTNCWED40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.title {
        margin-bottom: 4rem;
    }
}

.HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .contents-article-inner {
    padding: 14rem 0 18rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }
}

.HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display {
    padding: 0 1.8rem 6rem;
}

.HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display .data-list {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display .data-para {
    padding-bottom: 4rem;
}

.HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    margin-bottom: 14rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid #ddd;
}

.HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .edu_b_none {
    border-bottom: none;
    margin-bottom: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display {
        padding: 0 1.8rem 2.4rem;
    }
}

.HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .diagram-display,
.HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .table-display,
.HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .button-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .diagram-display,
    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .table-display,
    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .button-display {
        margin-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1) {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1) {
        display: block;
        width: 100%;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
        overflow: hidden;
        overflow-x: auto;
    }

    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar {
        border-radius: 1rem;
        height: 0.4rem;
    }

    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-track {
        border-radius: 1rem;
        background-color: #eee;
    }

    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1) img {
        width: 100%;
        min-width: 49.7rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .table-display col:nth-child(3) {
        width: 15%;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    margin-top: 18rem;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    width: 100%;
    background-color: rgb(25, 31, 38);
    overflow: hidden;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    width: 100%;
    padding: 10rem 0;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display .diagram-head+.diagram-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding-bottom: 8rem;
    }

    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display .diagram-head+.diagram-body {
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        margin-top: 6rem;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display .diagram-head {
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display .diagram-head {
        padding-bottom: 4rem;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-display .data-body+.data-aside,
.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display .data-body+.data-aside,
.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .data-display .data-body+.data-aside,
.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .data-display .data-body+.data-aside {
    padding-top: 8rem;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .data-body .data-display+.data-display {
    padding-top: 4rem;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    transform: none;
    opacity: 1;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item1 .data-display .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item1 .data-display .data-body+.data-aside {
        padding-top: 3rem;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item2 .data-display .data-body+.data-aside {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item2 .data-display .data-body+.data-aside {
        padding-top: 4rem;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-head,
.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-head,
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-head .accordion-button {
    padding-left: 0;
    padding-right: 0;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content {
    padding-left: 0;
    padding-right: 0;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display+.data-display {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display+.data-display {
        padding-top: 2rem;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display .data-body+.data-aside .diagram-display+.button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display .data-body+.data-aside .diagram-display+.button-display {
        padding-top: 4rem;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(1) .data-body {
    position: relative;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(1) .data-body::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 11.98%;
    height: 16rem;
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-11-pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(1) .data-body::after {
        top: unset;
        bottom: 0;
        width: 100%;
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-11-mo.jpg");
        background-position: center;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(2) .data-body {
    position: relative;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(2) .data-body::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 11.98%;
    height: 16rem;
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-10-pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(2) .data-body::after {
        top: unset;
        bottom: 0;
        width: 100%;
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-10-mo.jpg");
        background-position: center;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(3) .data-body {
    position: relative;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(3) .data-body::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 11.98%;
    height: 16rem;
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-09-pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(3) .data-body::after {
        top: unset;
        bottom: 0;
        width: 100%;
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-09-mo.jpg");
        background-position: center;
    }
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body {
    background-repeat: no-repeat;
    background-position-y: 1.2rem;
    background-position-x: right;
}

.HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body .data-para {
    width: 83.08%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body .data-para {
        width: 100%;
        padding-bottom: 19rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body {
        background-position: bottom;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display+.data-display {
        padding-top: 3rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content {
        padding-right: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
        margin-top: 10rem;
    }

    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-display .data-body+.data-aside,
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display .data-body+.data-aside {
        padding-top: 6rem;
    }

    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .data-display .data-body+.data-aside,
    .HTNCWED40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .data-display .data-body+.data-aside {
        padding-top: 4rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    overflow: hidden;
    padding-top: 14rem;
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        padding-top: 6rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .wide-area {
    position: relative;
    display: block;
    width: 100%;
    height: 48rem;
    margin: 0 auto;
    overflow: hidden;
    transform: translateY(10rem);
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1), border-radius 1s cubic-bezier(0.4, 0, 0.2, 1), width 1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1), border-radius 1s cubic-bezier(0.4, 0, 0.2, 1), width 1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1), border-radius 1s cubic-bezier(0.4, 0, 0.2, 1), width 1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .wide-area {
        height: 20rem;
        width: calc(100% + 3.6rem);
        margin: 0 -1.8rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .wide-area img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1.active {
    padding-left: 2%;
    padding-right: 2%;
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1.active .wide-area {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 3.2rem;
    overflow: hidden;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1.active .wide-area {
        border-radius: 0;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-top: 8rem;
    text-align: center;
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    background-color: #F8F9FC;
    border-radius: 3.2rem;
    padding: 7rem 6.75rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 5rem 1.5rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-body {
    padding-bottom: 4rem;
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area {
        gap: 0.6rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area .tag {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem;
    padding: 1.2rem 2.4rem;
    border-radius: 1.2rem;
    background: #FFC633;
    box-shadow: 1px 3px 4px 0px rgba(234, 168, 0, 0.2);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area .tag {
        font-size: 1.4rem;
        line-height: 2.2rem;
        border-radius: 0.6rem;
        padding: 0.8rem 1.2rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        padding-top: 10rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5,
.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5,
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
        padding-top: 10rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-body {
    padding-bottom: 8rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-body {
        padding-bottom: 6rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside {
    margin-left: -1.8rem;
    margin-right: -1.8rem;
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0;
    padding-bottom: 20.95%;
    background: url("../images/common/photo/sustainability/ethical/img-ethical-photo-01-pc.png") center center no-repeat;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap {
        flex-direction: column;
        height: 100%;
        padding-top: 15.8rem;
        padding-bottom: 4rem;
        background: url("../images/common/photo/sustainability/ethical/img-ethical-photo-01-mo.jpg") center center no-repeat;
        background-size: cover;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn {
    width: 50%;
    height: 100%;
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button-wrap {
    width: 100%;
    height: 100%;
    margin-top: 26%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button-wrap {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-bottom: 1rem;
        margin-top: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn {
        width: 100%;
    }

    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button {
        background-color: rgb(255, 255, 255);
        border-color: rgb(83, 83, 83);
        border-radius: 1.2rem;
    }

    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button .button-text-core {
        color: rgb(0, 0, 0) !important;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .data-body .email {
    font-weight: 700;
    color: #000000;
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .data-body .email .line {
    font-weight: inherit;
    text-decoration: underline;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .data-body .email .line {
        color: #4B84F0;
        text-decoration: none;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 25.59%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap {
        flex-direction: column;
        row-gap: 1.6rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-head .name {
    white-space: nowrap;
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body {
    width: 66%;
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body {
        width: 100%;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body .button-wrap.form-1 {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body .button-wrap.form-1 {
        margin-top: 4rem;
    }

    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body .button-wrap.form-1 .button-text-core {
        justify-content: space-between;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap .data-display.ethical-6 .data-item~.data-item {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap .data-display.ethical-6 .data-item~.data-item {
        padding-top: 1.6rem;
    }
}

.HTNCWED40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap .data-display.ethical-6 .data-body {
    padding-top: 1.2rem;
}

.HTNCWED40D41W02.sub .contents-section2 .contents-section-inner {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W02.sub .contents-section2 .contents-section-inner {
        padding-top: 5rem;
    }
}

.HTNCWED40D41W02 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W02 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-head {
        padding-bottom: 6rem;
    }

    .HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-head .title {
        text-align: left;
    }

    .HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-head .name {
        line-height: 4.6rem;
    }
}

.HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 8rem;
}

.HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(5) {
    padding-top: 12rem;
}

.HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(6) {
    padding-top: 12rem;
}

.HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(7) {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(1) {
        padding-top: 0;
    }

    .HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
        padding-top: 10rem;
    }

    .HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(3) {
        padding-top: 0;
    }

    .HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(4) {
        padding-top: 0;
    }

    .HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(5) {
        padding-top: 10rem;
    }

    .HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(6) {
        padding-top: 10rem;
    }

    .HTNCWED40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(7) {
        padding-top: 10rem;
    }
}

.HTNCWED40D41W03.sub .contents-section2 .contents-section-inner {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W03.sub .contents-section2 .contents-section-inner {
        padding-top: 5rem;
    }
}

.HTNCWED40D41W03 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W03 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D41W03 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
    padding-bottom: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W03 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 .name {
        line-height: 4.6rem;
    }
}

.HTNCWED40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(1) .submit-display .form-list .form-item .form-btn {
    width: 20.4rem;
    min-width: 20.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(1) .submit-display .form-list .form-item .form-btn {
        width: 17rem;
        min-width: 17rem;
    }
}

.HTNCWED40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 12rem;
}

.HTNCWED40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(3) {
    padding-top: 12rem;
}

.HTNCWED40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(4) {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2),
    .HTNCWED40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(3),
    .HTNCWED40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(4) {
        padding-top: 10rem;
    }
}

.HTNCWED40D41W04 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W04 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D41W04 .contents-section2 .contents-section-inner {
    padding-top: 34.2rem !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W04 .contents-section2 .contents-section-inner {
        padding-top: 6rem;
        padding-top: 11rem !important;
    }
}

.HTNCWED40D41W04 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
    padding-bottom: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W04 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
        padding-bottom: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W04 .contents-section2 .contents-section-inner .contents-section-head .data-display.case-7 {
        text-align: center;
    }
}

.HTNCWED40D41W04 .contents-section2 .contents-section-inner .contents-section-head .button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W04 .contents-section2 .contents-section-inner .contents-section-head .button-display {
        padding-top: 4rem;
    }
}

.HTNCWED40D41W05 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W05 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D41W05 .contents-section2 .contents-section-inner {
    padding-top: 34.2rem !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W05 .contents-section2 .contents-section-inner {
        padding-top: 11rem !important;
    }
}

.HTNCWED40D41W05 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
    padding-bottom: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W05 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
        padding-bottom: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W05 .contents-section2 .contents-section-inner .contents-section-head .data-display.case-7 {
        text-align: center;
    }
}

.HTNCWED40D41W05 .contents-section2 .contents-section-inner .contents-section-head .button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D41W05 .contents-section2 .contents-section-inner .contents-section-head .button-display {
        padding-top: 4rem;
    }
}

.HTNCWED40D42W01 .contents-section2 {
    padding-bottom: 20rem;
}

.HTNCWED40D42W01 .contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D42W01 .contents-section2 .contents-section-inner .contents-section-head {
        padding-bottom: 6rem;
    }
}

.HTNCWED40D42W01 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
    padding-bottom: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D42W01 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
        text-align: left;
    }
}

.HTNCWED40D42W01 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D42W01 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
        padding-top: 4rem;
    }
}

.HTNCWED40D42W02 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D42W02 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D42W02 .contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D42W02 .contents-section2 .contents-section-inner .contents-section-head {
        padding-bottom: 6rem;
    }
}

.HTNCWED40D42W02 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
    padding-bottom: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D42W02 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
        text-align: left;
    }
}

.HTNCWED40D42W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D42W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item {
        padding-top: 10;
    }
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-head .data-display {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    width: 100%;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .para,
.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .data-para {
    color: rgb(40, 40, 40);
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    padding-top: 14rem;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    padding-bottom: 12rem;
    border-bottom: 0.1rem solid #E1E6EF;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body {
    display: flex;
    gap: 4.04%;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-para {
    flex-basis: 67.8rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-para {
        flex-basis: unset;
    }
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-part {
    display: block;
    flex-basis: 60.4rem;
    width: 100%;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-part img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-part {
        flex-basis: unset;
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body {
        flex-direction: column;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding-bottom: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        padding-top: 10rem;
    }
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-top: 12rem;
    overflow: hidden;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-body+.data-aside {
    margin-top: 8rem;
    padding: 8rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-body+.data-aside {
        margin-top: 6rem;
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside {
    position: relative;
    background-color: #F8F9FC;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside {
        background-color: transparent;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 100%;
        background-color: #F8F9FC;
        z-index: -1;
    }
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1) {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1) {
        position: absolute;
        top: 24.5%;
        left: 2%;
        display: block;
        width: calc(98% + 3.6rem);
        margin-left: -1.8rem;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-bottom: 1rem;
        overflow: hidden;
        overflow-x: auto;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar {
        border-radius: 1rem;
        height: 0.4rem;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-track {
        margin-left: 1.8rem;
        margin-right: 1.8rem;
        background-color: #eee;
        border-radius: 1rem;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1) img {
        width: 180vw;
        display: none;
    }
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .order-list {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .order-list {
        padding-top: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        padding-top: 6rem;
    }
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    padding-top: 18rem;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display .diagram-head+.diagram-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display .diagram-body picture {
        min-width: 130rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        padding-top: 10rem;
    }
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    padding-top: 18rem;
    padding-bottom: 20rem;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 {
    padding-top: 4rem;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item .title .name .small {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(115, 115, 115);
    padding-left: 0.4rem;
    vertical-align: bottom;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item+.data-item {
    padding-top: 14rem;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display .table-body .para.type-1 {
    font-size: 1.8rem;
    line-height: 3.2rem;
    min-height: 19rem;
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display .table-body .para.type-1.case-2 {
    min-height: 22.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display .table-body .para.type-1 {
        min-height: initial;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display .table-body .para.type-1.case-2 {
        min-height: initial;
    }
}

.HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display+.table-display {
    padding-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 {
        padding-top: 2.4rem;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item .title .name .small {
        font-family: "Hyosung";
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2.2rem;
        padding-left: 0.8rem;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item+.data-item {
        padding-top: 6rem;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display .table-body .para.type-1 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display.design-2 .table-list .table-item~.table-item {
        padding-top: 0.8rem;
    }

    .HTNCWED40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display+.table-display {
        padding-top: 0.8rem;
    }
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(1),
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(2),
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(5),
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(6) {
        width: 17%;
    }

    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(3),
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(4) {
        width: 15%;
    }
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display th,
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display td {
    word-wrap: break-word;
    word-break: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display~.button-display {
        padding-top: 1rem;
    }
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-2 {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-2 {
        position: relative;
    }
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article~.contents-article {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article~.contents-article {
        padding-top: 10rem;
    }
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(1),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(2),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(3),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(4),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(5),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(6),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(7),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th,
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th,
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(1),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(1),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(1) {
    width: 21%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(2),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(2),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(2) {
    width: 21%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(3),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(3),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(3) {
    width: 14.5%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(4),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(4),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(4) {
    width: 14.5%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(5),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(5),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(5) {
    width: 14.5%;
}

.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(6),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(6),
.HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(6) {
    width: 14.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th,
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th,
    .HTNCWED40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
    padding-top: 25.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    padding: 0 1.8rem;
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(1),
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(2),
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(5),
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(6) {
        width: 17%;
    }

    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(3),
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(4) {
        width: 15%;
    }
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display th,
.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display td {
    word-wrap: break-word;
    word-break: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWED40D51W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.HTNCWED40D51W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article.active {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWED40D51W01 .container-inner .contents-section.active .contents-section-inner .contents-section-head {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
    padding-top: 25.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    padding: 0 1.8rem;
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(1),
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(2),
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(5),
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(6) {
        width: 17%;
    }

    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(3),
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(4) {
        width: 15%;
    }
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display th,
.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display td {
    word-wrap: break-word;
    word-break: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWED40D52W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.HTNCWED40D52W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article.active {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWED40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article~.contents-article {
    padding-top: 18rem;
}

.HTNCWED40D52W01 .container-inner .contents-section.active .contents-section-inner .contents-section-head {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
    padding-top: 25.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    padding: 0 1.8rem;
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(1),
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(2),
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(5),
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(6) {
        width: 17%;
    }

    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(3),
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display col:nth-child(4) {
        width: 15%;
    }
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display th,
.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display td {
    word-wrap: break-word;
    word-break: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWED40D53W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.HTNCWED40D53W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article.active {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWED40D53W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article~.contents-article {
    padding-top: 18rem;
}

.HTNCWED40D53W01 .container-inner .contents-section.active .contents-section-inner .contents-section-head {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWED03D10W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED03D10W01 .contents-section1 {
    padding-bottom: 5.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D10W01 .contents-section1 {
        padding-bottom: 10rem;
    }
}

.HTNCWED03D10W01 .contents-section2 {
    padding-top: 10rem;
    padding-bottom: 20rem;
}

.HTNCWED03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(1) {
    width: 17rem;
}

.HTNCWED03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(2),
.HTNCWED03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(3) {
    width: calc(50% - 8.5rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D10W01 .contents-section2 {
        padding-top: 6rem;
        padding-bottom: 14rem;
    }

    .HTNCWED03D10W01 .contents-section2 .table-infographic>table {
        min-width: 50.4rem;
    }

    .HTNCWED03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(1) {
        width: 10.6rem;
    }

    .HTNCWED03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(2),
    .HTNCWED03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(3) {
        width: calc(50% - 5.3rem);
    }

    .HTNCWED03D10W01 .contents-section2 .thumbnail-display.design-52 {
        padding-top: 2rem;
    }
}

.HTNCWED03D11W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED03D11W01 .contents-section1 {
    padding-bottom: 5.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D11W01 .contents-section1 {
        padding-bottom: 10rem;
    }
}

.HTNCWED03D11W01 .contents-section2 {
    padding-top: 10rem;
    padding-bottom: 20rem;
}

.HTNCWED03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    position: relative;
    padding-right: 28rem;
}

.HTNCWED03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body .accordion-select {
    width: 26.7rem;
    position: absolute;
    right: 0;
    top: 4rem;
}

.HTNCWED03D11W01 .contents-section2 .contents-article1 .terms-list {
    padding: 6rem 9.582%;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWED03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item {
    margin-bottom: 1rem;
}

.HTNCWED03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item:last-child {
    margin-bottom: 0;
}

.HTNCWED03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap {
    display: inline-flex;
}

.HTNCWED03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap>p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    transition: 0.3s;
}

.HTNCWED03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap .terms-article {
    width: 9.3rem;
    font-weight: 600;
}

.HTNCWED03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap .terms-name {
    width: calc(100% - 9.3rem);
    font-weight: 500;
}

.HTNCWED03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap:hover>p {
    color: rgb(75, 132, 240);
}

.HTNCWED03D11W01 .contents-section2 .contents-article2 {
    padding-top: 14rem;
}

.HTNCWED03D11W01 .contents-section2 .contents-article2 .select-display.design-1 .select-wrap {
    max-width: 26.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D11W01 .contents-section2 {
        padding-top: 6rem;
        padding-bottom: 14rem;
    }

    .HTNCWED03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        padding-right: 0;
        padding-bottom: 8.8rem;
    }

    .HTNCWED03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body .accordion-select {
        position: absolute;
        width: 28.3rem;
        height: 4.6rem;
        max-width: 100%;
        top: auto;
        bottom: 0;
    }

    .HTNCWED03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body+.data-aside {
        padding-top: 2.4rem;
    }

    .HTNCWED03D11W01 .contents-section2 .contents-article1 .terms-list {
        padding: 3rem 2.2rem;
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .HTNCWED03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap>p {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .HTNCWED03D11W01 .contents-section2 .contents-article2 {
        padding-top: 4rem;
    }

    .HTNCWED03D11W01 .contents-section2 .contents-article2 .select-display.design-1 .select-wrap {
        max-width: initial;
    }
}

.tnc-site {
    background-color: rgb(244, 248, 255);

}

.HTNCWED03D20W01 {
    background-color: rgb(244, 248, 255);

}

.HTNCWED03D20W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED03D20W01 .contents-section1 {
    padding-bottom: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D20W01 .contents-section1 {
        padding-bottom: 6rem;
    }
}

.HTNCWED03D20W01 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D20W01 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED03D21W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED03D21W01 .contents-section1 {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D21W01 .contents-section1 {
        padding-bottom: 6rem;
    }
}

.HTNCWED03D21W01 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D21W01 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWED03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 8rem;
}

.HTNCWED03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(5) {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(2) {
        padding-top: 10rem;
    }

    .HTNCWED03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(5) {
        padding-top: 10rem;
    }
}

.HTNCWED03D22W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED03D22W01 .contents-section2 {
    padding-top: 32.6rem;
    padding-bottom: 24.6rem;
}

.HTNCWED03D22W01 .contents-section2 .contents-section-head .title.small-v18 {
    padding-bottom: 3rem;
}

.HTNCWED03D22W01 .contents-section2 .contents-section-head .button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D22W01 .contents-section2 {
        padding-top: 15.4rem;
        padding-bottom: 14rem;
    }

    .HTNCWED03D22W01 .contents-section2 .contents-section-head .title.small-v18 {
        padding-bottom: 2.4rem;
    }

    .HTNCWED03D22W01 .contents-section2 .contents-section-head .button-display {
        padding-top: 4rem;
    }
}

.HTNCWED03D30W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED03D30W01 .contents-section1 {
    padding-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D30W01 .contents-section1 {
        padding-bottom: 6rem;
    }
}

.HTNCWED03D30W01 .contents-section2 {
    padding-bottom: 20rem;
}

.HTNCWED03D30W01 .contents-section2 .data-display.case-2 .data-item+.data-item {
    margin-top: 10rem;
}

.HTNCWED03D30W01 .contents-section2 .data-display.case-2 .data-foot {
    margin-top: 10rem;
}

.HTNCWED03D30W01 .contents-section2 .data-display.case-2 .data-foot .data-para {
    font-weight: 600;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D30W01 .contents-section2 {
        padding-bottom: 14rem;
    }

    .HTNCWED03D30W01 .contents-section2 .data-display.case-2 .data-item+.data-item {
        margin-top: 8rem;
    }

    .HTNCWED03D30W01 .contents-section2 .data-display.case-2 .data-foot {
        margin-top: 6rem;
    }
}

.HTNCWED03D40W01 .contents-section1 .contents-section-body {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 6rem 1.8rem;
}

.HTNCWED03D40W01 .contents-section1 .contents-section-body .data-display.case-31 {
    max-width: 106.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D40W01 .contents-section1 .contents-section-body {
        padding-bottom: 14rem;
    }
}

.HTNCWED03D41W01 .contents-section1 .contents-section-body {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 6rem 1.8rem;
}

.HTNCWED03D41W01 .contents-section1 .contents-section-body .data-display.case-31 {
    max-width: 106.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D41W01 .contents-section1 .contents-section-body {
        padding-bottom: 14rem;
    }
}

.HTNCWED03D42W01 .contents-section1 .contents-section-body {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 6rem 1.8rem;
}

.HTNCWED03D42W01 .contents-section1 .contents-section-body .data-display.case-31 {
    max-width: 106.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D42W01 .contents-section1 .contents-section-body {
        padding-bottom: 14rem;
    }
}

.HTNCWED03D60W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWED03D60W01 .contents-section2 {
    padding-top: 3rem;
    padding-bottom: 20rem;
}

.HTNCWED03D60W01 .contents-section2 .search-tab-swiper {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWED03D60W01 .contents-section2 {
        padding-top: 0;
        padding-bottom: 14rem;
    }

    .HTNCWED03D60W01 .contents-section2 .search-tab-swiper {
        padding-bottom: 6rem;
    }
}

/* 효성티엔씨 중문(CN) */
.HTNCWCD00D00W00 {
    width: 100%;
}

.HTNCWCD00D00W00 .main-contents {
    position: relative;
}

.HTNCWCD00D00W00 .main-contents.contents-01 {
    z-index: 1;
    background-color: #fff;
}

.HTNCWCD00D00W00 .main-contents.contents-02 {
    top: -100vh;
}

.HTNCWCD00D00W00 .section {
    position: relative;
    width: 100%;
    height: 100%;
}

.HTNCWCD00D00W00 .section.story-01 {
    width: 100%;
    position: relative;
    background-color: rgb(255, 255, 255);
    height: 400vh;
    min-height: 432rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 {
        height: auto;
        min-height: unset;
    }
}

.HTNCWCD00D00W00 .section.story-01.act-main {
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01.act-main {
        padding: unset;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap {
        position: relative;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 {
    height: 250vh;
    min-height: 270rem;
    background: #475C65;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 {
        height: 200vh;
        min-height: unset;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .data-wrap {
    position: sticky;
    top: 0;
    height: 100vh;
    min-height: 108rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .data-wrap {
        min-height: unset;
        position: sticky;
        top: 0;
        overflow: hidden;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap {
    position: absolute;
    left: 50%;
    top: 70.277%;
    transform: translate(-50%, 20rem);
    width: 100%;
    text-align: center;
    opacity: 0;
    z-index: 10;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap {
        width: 100%;
        transform: translate(-50%, 20rem);
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .tit {
    display: block;
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 600;
    font-size: 6rem;
    line-height: 7.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .tit {
        font-weight: 700;
        font-size: 3.4rem;
        line-height: 5.6rem;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .desc {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 3.6rem;
    margin-top: 3.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .title-wrap .desc {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 1.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box {
    width: 21.7rem;
    height: 40rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    position: absolute;
    transform-origin: 0 100%;
    transition-duration: 0.2s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box {
        width: 11.7rem;
        height: 21.4rem;
        aspect-ratio: 117/214;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box~.box {
    top: 24%;
    opacity: 0;
    border-radius: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box~.box {
        max-width: 31rem;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-timing-function: cubic-bezier(0.37, 0.72, 0.92, 0.95);
    transition-duration: 0.6s;
    overflow: hidden;
    z-index: 5;
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 1;
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap img,
.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: middle;
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap .scroll-mark {
    opacity: 0;
    transform: translate(-50%, 10rem);
    width: 14.8rem;
    height: 4.1rem;
    position: absolute;
    left: 50%;
    bottom: 4rem;
    transition-duration: 1s;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01 .video-wrap .scroll-mark {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 {
    width: calc(100% - 13rem);
    height: calc(100% - 20rem);
    border-radius: 3.2rem;
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 .video-wrap {
    border-radius: 3.2rem;
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 .video-wrap .scroll-mark {
    transform: translate(-50%, 0);
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-01.act-1 {
        width: calc(100% - 6.4rem);
        height: 80%;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-02 {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #24F3D9 0%, #05D0B8 100%);
    z-index: 4;
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-03 {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #4C2FFE 0%, #3E16DF 100%);
    z-index: 3;
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-04 {
    background: radial-gradient(50% 50% at 50% 50%, #CE8FFF 0%, #BA6AF9 100%);
    z-index: 2;
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-05 {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
    z-index: 1;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-01 .box-wrap .box.style-05 {
        display: none;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    min-height: 108rem;
    max-width: 158.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 {
        position: relative;
        height: 100vh;
        min-height: unset;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .data-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .data-wrap {
        height: auto;
        overflow: visible;
        min-height: unset;
        left: unset;
        transform: unset;
        position: relative;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap {
    opacity: 0;
    transform: translate(0, 40rem);
    text-align: center;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap {
        position: relative;
        top: unset;
        left: unset;
        margin-bottom: 12rem;
        padding-top: 30%;
        transform: translateY(20rem);
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .tit {
    display: block;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .tit {
        font-size: 1.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .desc {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    margin-top: 1.851%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .title-wrap .desc {
        font-size: 3.2rem;
        line-height: 4.6rem;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap {
    width: 100%;
    position: relative;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap {
        padding: 0 1.8rem 3rem;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 2.133%;
        overflow-y: hidden;
        overflow-x: auto;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translateX(-50%);
        background-color: rgb(255, 198, 51);
        opacity: 0;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .card-box {
    width: calc(33.3333333333% - 1rem);
    max-width: 51.4rem;
    min-height: 66rem;
    padding: 5rem 1.76%;
    border-radius: 1.6rem;
    background: #FFF6DF;
    overflow: hidden;
    position: absolute;
    top: 0;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .card-box {
        position: relative;
        width: 84%;
        min-width: 31.5rem;
        min-height: unset;
        height: auto;
        padding: 2rem 2rem 3rem;
        background: #FFFFFF;
        border-radius: 1.8rem;
        box-shadow: 0px 13px 10px 0px rgba(0, 0, 0, 0.09);
        opacity: 1;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 3.6rem;
    line-height: 5rem;
    color: #302800;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit {
        font-size: 2.2rem;
        line-height: 4rem;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit-desc {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: normal;
    color: #000;
    text-align: justify;
    opacity: 0.7;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .tit-desc {
        font-size: 1.2rem;
        line-height: 2.4rem;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit {
    display: block;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit {
        font-size: 1.5rem;
        line-height: 2.8rem;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit-desc {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #000;
    text-align: justify;
    opacity: 0.7;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    width: 98%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .sub-tit-desc {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-top: 0.8rem;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .img-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 42.794%;
    margin: 3.8rem 0 4rem;
    border-radius: 1.2rem;
    overflow: hidden;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .img-wrap {
        margin: 1.4rem 0 2rem;
    }
}

.HTNCWCD00D00W00 .section.story-01 .design-wrap.part-02 .card-box-wrap .img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap {
    height: 600vh;
    background: #0E0E1A;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap {
        height: 400vh;
        background-image: linear-gradient(180deg, rgba(45, 32, 76, 0.5) 0%, transparent 100%);
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-head {
    position: absolute;
    left: 0;
    top: 0;
    padding: 18rem 0 0 15rem;
    z-index: 1;
    transform: translateY(10rem);
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-head {
        width: 100%;
        padding: 16.4rem 0 0 0;
        text-align: center;
        transform: translateY(50rem);
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #E2E2E2;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption+.section-title {
    margin-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-caption+.section-title {
        margin-top: 0.6rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.pc {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.pc {
        display: none;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.pc .svg_line {
    width: 20%;
    height: 100%;
    stroke-width: 2;
    stroke: #82FFE1;
    opacity: 0;
    transition-duration: 0.5s;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.mo {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .history_line_wrapper.mo {
        display: block;
        position: absolute;
        left: 50%;
        top: 35rem;
        width: 1px;
        height: 63.8%;
        transform: translate(-7.5rem, 50rem);
        background-image: linear-gradient(180deg, #82FFE1 0%, #FF08E5 31.77%, #FC489E 65.1%, #FF8523 84.9%);
        opacity: 0;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper {
    position: relative;
    height: 100%;
    opacity: 0;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #000;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(1) {
    left: 20%;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(2) {
    left: 40%;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(3) {
    left: 60%;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .bg_line_wrapper .bg-line:nth-child(4) {
    left: 80%;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list {
        width: calc(50% + 7.5rem);
        height: unset;
        flex-direction: column;
        left: 50%;
        top: 35rem;
        height: 63.8%;
        transform: translate(-7.5rem, 0);
        gap: 6rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item {
    position: absolute;
    top: 50%;
    width: 20%;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item {
        position: relative;
        top: unset !important;
        left: unset !important;
        width: calc(100% - 3.8rem);
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(1) {
    left: 20%;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(1) .dot {
    background-color: #75E1CA;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(1) .data-body .txt1 {
    color: #75E1CA;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(2) {
    left: 40%;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(2) .dot {
    background-color: #FF08E5;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(2) .data-body .txt1 {
    color: #FF08E5;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(3) {
    left: 60%;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(3) .dot {
    background-color: #FD38B0;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(3) .data-body .txt1 {
    color: #FD38B0;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(4) {
    left: 80%;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(4) .dot {
    background-color: #FE626B;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item:nth-child(4) .data-body .txt1 {
    color: #FE626B;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .dot {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .dot {
        width: 0.8rem;
        height: 0.8rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head {
    position: absolute;
    left: 0;
    top: -5.4rem;
    transform: translate(-50%, 0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head {
        position: static;
        transform: translate(0, -50%);
        padding-left: 3.5rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title {
    display: flex;
    align-items: flex-end;
    gap: 0.2rem;
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-name {
    color: #87779D;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-name {
        font-size: 2rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-unit {
    color: #594F72;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-head .data-title .data-unit {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body {
    padding: 2rem 0 0 3.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body {
        padding: 0 0 0 3.5rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt1 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt1 {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt2 {
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
    color: #fff;
    margin-top: 0.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-body .data-display.world-market-share .data-list .data-item .data-body .txt2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-aside {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #00B2FF 0%, rgba(0, 178, 255, 0) 116.75%);
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-02 .section-wrap .section-inner .section-aside {
        display: none;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner {
    position: relative;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-head {
    position: relative;
    width: 100%;
    height: 200vh;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-head {
        height: 200vh;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-head-inner {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-head-inner .section-head-text {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translate(0, -20rem);
    opacity: 0;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-head-inner .section-head-text.active {
    transform: translate(0, -50%);
    opacity: 1;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-caption {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #D9F4FF;
    margin-bottom: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-caption {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    color: #FBFBFB;
    word-break: keep-all;
    word-wrap: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat {
    position: fixed;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translate(0, -20rem);
    opacity: 0;
    z-index: -1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat {
        top: 65%;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat img {
    position: absolute;
    left: 50%;
    top: 15rem;
    transform: translate(-50%, 0);
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .obj-boat img {
        top: 6.4rem;
        width: 6rem;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .obj-line {
    position: absolute;
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .obj-line {
        width: 1px;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network {
    max-width: 192rem;
    margin: 0 auto;
    padding: 0 4.271vw 16.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network {
        padding: 0 4rem 23.2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list {
        max-width: 29rem;
        margin: 0 auto;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item {
    display: flex;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:not(:first-child) {
    margin-top: 14.5rem;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd):not(:first-child) {
    margin-top: -12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd):not(:first-child) {
        margin-top: 0;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd) .data-wrap {
    padding-right: 13.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd) .data-wrap {
        padding-right: 0;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(odd) .picture {
    transform-origin: 100% 100%;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) {
    justify-content: flex-end;
    margin-top: -20%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) {
        justify-content: center;
        margin-top: 0;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) .data-wrap {
    padding-left: 13.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) .data-wrap {
        padding-left: 0;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item:nth-child(even) .picture {
    transform-origin: 0 100%;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .data-inner {
    transform: translateY(-11rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .data-inner {
        transform: translateY(0) scale(1);
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .picture {
    transform: scale(0.85);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active .picture {
        transform: scale(1);
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(odd) .data-title {
    padding-left: 15.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(odd) .data-title {
        padding-left: 0;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(even) .data-title {
    padding-right: 15.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item.active:nth-child(even) .data-title {
        padding-right: 0;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-wrap {
    position: relative;
    width: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-wrap {
        width: 100%;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner {
    display: block;
    transition: 0.5s ease-in-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner {
        transform: scale(0.4);
        transform-origin: 50% 50%;
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture img {
    filter: brightness(0.6);
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture .hover-text {
    opacity: 1;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture .hover-text .hover-text-inner {
    transform: translateX(0);
    animation: marquee var(--duration) linear infinite;
    animation-play-state: running;
    animation-delay: 0.4s;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-inner:hover .picture .hover-text .hover-text-inner span::after {
    opacity: 1;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(var(--interval) * -1));
    }
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture {
    position: relative;
    display: block;
    border-radius: 1.6rem;
    overflow: hidden;
    transition: 0.5s ease-in-out;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 0.5s;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture .hover-text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #FFF;
    font-family: "Poppins";
    font-size: 10rem;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.5s;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture .hover-text .hover-text-inner {
    display: block;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .picture .hover-text .hover-text-inner span::after {
    content: attr(data-text);
    position: absolute;
    display: inline-block;
    width: 100%;
    left: var(--interval);
    opacity: 0;
}

.HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-title {
    width: 100%;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 6rem;
    color: #fff;
    padding: 1rem 0 0 1rem;
    transition: 0.5s ease-in-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-03 .section-wrap .section-inner .section-body .data-display.global-network .data-list .data-item .data-title {
        font-size: 3rem;
        line-height: 4.5rem;
        padding: 1.2rem 0 0 0;
    }
}

.HTNCWCD00D00W00 .section.story-04 {
    z-index: -1;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap {
    position: relative;
    padding-top: 100vh;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-head {
    position: absolute;
    top: -100vh;
    left: 0;
    width: 100%;
    height: 300vh;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-head-inner {
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-head-text {
    transition: none;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-caption {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: #000;
    margin-bottom: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-caption {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 7.2rem;
    color: #000;
    word-break: keep-all;
    word-wrap: break-word;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body {
    position: relative;
    z-index: 2;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material {
    position: relative;
    z-index: 1;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .keyword-inner {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #449AD9 0%, #0071C3 100%);
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .bg-wrapper {
    background-image: url("../images/common/main/main-contents04-bg01-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .bg-wrapper {
        background-image: url("../images/common/main/main-contents04-bg01-mo.jpg");
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .caption-layer {
    background: radial-gradient(50% 50% at 50% 50%, #00509A 0%, #143484 100%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(1) .data-caption {
        background: radial-gradient(62.46% 62.46% at 50% 50%, #449AD9 0%, #0071C3 100%);
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .keyword-inner {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #22CD74 0%, #09A36B 100%);
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .bg-wrapper {
    background-image: url("../images/common/main/main-contents04-bg02-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .bg-wrapper {
        background-image: url("../images/common/main/main-contents04-bg02-mo.jpg");
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .caption-layer {
    background: radial-gradient(50% 50% at 50% 50%, #006D46 0%, #004236 100%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(2) .data-caption {
        background: radial-gradient(62.46% 62.46% at 50% 50%, #22CD74 0%, #09A36B 100%);
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .keyword-inner {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .bg-wrapper {
    background-image: url("../images/common/main/main-contents04-bg03-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .bg-wrapper {
        background-image: url("../images/common/main/main-contents04-bg03-mo.jpg");
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .caption-layer {
    background: radial-gradient(50% 50% at 50% 50%, #FFB800 0%, #E59700 100%);
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-caption {
    color: rgba(52, 34, 0, 0.7);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-caption {
        background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
        color: #fff;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-title {
    color: #342200;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .data-desc {
    color: #342200;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-item:nth-child(3) .para {
    color: #8F5F00;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-wrap {
    position: relative;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper {
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    padding: 0 30px;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper {
        display: none;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper .keyword-inner {
    width: 100%;
    border-radius: 6.4rem 6.4rem 0 0;
    padding: 19rem 8rem 0;
    overflow: hidden;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper .keyword-inner .marquee_txt {
    display: block;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 26.042vw;
    line-height: 20.833vw;
    letter-spacing: -15px;
    color: #FFF;
    white-space: nowrap;
    will-change: transform;
}

@media screen and (min-width: 1921px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .keyword-wrapper .keyword-inner .marquee_txt {
        font-size: 50rem;
        line-height: 40rem;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .bg-wrapper {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 80vh;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .bg-wrapper {
        background-attachment: unset;
        padding-bottom: 30.6rem;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer {
    width: 100%;
    border-radius: 16px;
    padding: 16rem 7.813vw 11rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer {
        border-radius: 0;
        padding: 6rem 2.4rem 9rem;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner {
    display: flex;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner {
        display: block;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner>div {
    flex: 0 0 auto;
    width: 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .caption-layer .caption-inner>div {
        width: 100%;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-text-inner {
    max-width: 55rem;
    margin-right: 5.208vw;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-text-inner {
        max-width: 100%;
        margin-right: 0;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-caption {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 3rem;
    color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-caption {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 4px 14px;
        text-align: center;
        font-size: 1.4rem;
        line-height: 3.1rem;
        color: #fff;
        border-radius: 8px;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-title {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 700;
    font-size: 4rem;
    line-height: 6rem;
    color: #fff;
    margin: 2.4rem 0 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-title {
        font-size: 2.4rem;
        line-height: 3.6rem;
        margin: 2.4rem 0 3rem;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #EFEFEF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc.desc1 {
    font-weight: 600;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-text .data-desc+.data-desc {
    margin-top: 0.8rem;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right {
    display: flex;
    gap: 4.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right {
        display: none;
    }
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .data-images {
    flex: 1 1 auto;
    width: calc(100% - 17.5rem);
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .data-images .img-area {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: calc((300 * 100) / 588 * 1%);
    border-radius: 1rem;
    overflow: hidden;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .data-images .img-area .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.HTNCWCD00D00W00 .section.story-04 .section-wrap .section-inner .section-body .data-display.eco-material .data-right .para {
    flex: 0 0 auto;
    width: 17.5rem;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #75BEB4;
}

.HTNCWCD00D00W00 .section.story-05 {
    z-index: 10;
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap {
    height: 100vh;
    overflow: hidden;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner {
    width: 100%;
    max-width: 132.2rem;
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-head {
    margin-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-head {
        margin-bottom: 3.8rem;
    }
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-head .section-title {
    text-align: center;
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-head .section-title .section-name {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 700;
    font-size: 4.4rem;
    line-height: 5.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-head .section-title .section-name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-list {
    display: flex;
    gap: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-list {
        flex-direction: column;
        gap: 0.8rem;
    }
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item {
    flex: 0 0 auto;
    width: calc((100% - 3.2rem) / 3);
    border-radius: 6.4rem;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item {
        width: 100%;
        border-radius: 1.6rem;
        text-align: left;
    }
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item:nth-child(1) {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #449AD9 0%, #0071C3 100%);
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item:nth-child(2) {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #22CD74 0%, #09A36B 100%);
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-item:nth-child(3) {
    background: radial-gradient(62.46% 62.46% at 50% 50%, #FFD600 0%, #FFAE24 100%);
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35rem;
    color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap {
        justify-content: space-between;
        height: auto;
        padding: 2rem 2rem 2rem 3rem;
    }

    .HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap::after {
        content: "";
        display: inline-block;
        width: 2.8rem;
        height: 2.8rem;
        background: url("../images/common/main/main-contents05-arrow-01.svg") no-repeat center;
        background-size: contain;
    }
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption .text-en {
    font-family: "Poppins";
    font-weight: 500;
    font-size: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-caption .text-en {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
}

.HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-title {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 4.4rem;
    margin: 1rem 0 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .data-title {
        font-size: 2.2rem;
        line-height: 3.4rem;
        margin: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD00D00W00 .section.story-05 .section-wrap .section-inner .section-body .data-display.hs-story .data-wrap .button {
        display: none;
    }
}

.HTNCWCD10D10W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWCD10D10W01 .contents-section2 .contents-article .data-display.case-9 {
    max-width: 88.2rem;
    margin: 0 auto;
}

.HTNCWCD10D10W01 .contents-section2 .contents-article .data-display.case-9 .thumbnail-figure {
    display: block;
    margin-top: 8rem;
}

.HTNCWCD10D10W01 .contents-section2 .contents-article .data-display.case-9 .thumbnail-figure img {
    width: 100%;
}

.HTNCWCD10D10W01 .contents-section2 .contents-article1 .data-display.case-1 .title1 {
    max-width: 137.2rem;
    margin: 0 auto;
    padding: 0 1.8rem;
}

.HTNCWCD10D10W01 .contents-section2 .contents-article1 .data-body-inner {
    padding: 12rem 1.8rem 0;
    background: linear-gradient(to bottom, #191F26 0%, #191F26 calc(100% - 14rem), transparent calc(100% - 14rem), transparent 100%);
}

.HTNCWCD10D10W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D10W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD10D10W01 .contents-section2 .contents-article .data-display.case-9 {
        max-width: initial;
    }

    .HTNCWCD10D10W01 .contents-section2 .contents-article .data-display.case-9 .title2 {
        max-width: 42.6rem;
        margin: 0 auto;
    }

    .HTNCWCD10D10W01 .contents-section2 .contents-article .data-display.case-9 .thumbnail-figure {
        margin-top: 6rem;
    }

    .HTNCWCD10D10W01 .contents-section2 .contents-article1 .data-body-inner {
        margin-top: 2rem;
        padding-top: 10rem;
        background: linear-gradient(to bottom, #191F26 0%, #191F26 calc(100% - 7rem), transparent calc(100% - 7rem), transparent 100%);
    }

    .HTNCWCD10D10W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD10D11W01 .contents-section2 .contents-article {
    transition: none;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article1 {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .sub-title {
    color: rgb(27, 75, 102);
    font-weight: 700;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article2 {
    padding-top: 22rem;
    overflow-x: hidden;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article2 .slide-image {
    display: block;
    position: relative;
    padding-bottom: 14.1885%;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article2 .slide-image+.slide-image {
    margin-top: 1.2rem;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article2 .slide-image .img {
    position: absolute;
    top: 0;
    height: 100%;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article2 .slide-image-1 .img {
    left: 0%;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article2 .slide-image-2 .img {
    right: 0;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article3 {
    padding-top: 22rem;
    padding-bottom: 20rem;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform {
    margin-top: 9rem;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 3.4rem;
    color: rgb(217, 217, 217);
    vertical-align: middle;
}

.HTNCWCD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span.name {
    padding-left: 3rem;
    font-weight: 600;
    font-size: 2.8rem;
    line-height: 6rem;
    letter-spacing: 2.352rem;
    color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .title.medium .name {
        line-height: 5rem;
    }

    .HTNCWCD10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .sub-title {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWCD10D11W01 .contents-section2 .contents-article1 .data-display.case-26 .data-body {
        margin-top: 6rem;
    }

    .HTNCWCD10D11W01 .contents-section2 .contents-article2 {
        padding-top: 8rem;
    }

    .HTNCWCD10D11W01 .contents-section2 .contents-article2 .slide-image {
        padding-bottom: 36%;
    }

    .HTNCWCD10D11W01 .contents-section2 .contents-article2 .slide-image+.slide-image {
        margin-top: 0.6rem;
    }

    .HTNCWCD10D11W01 .contents-section2 .contents-article3 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform {
        margin-top: 8rem;
    }

    .HTNCWCD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWCD10D11W01 .contents-section2 .contents-article3 .data-display.case-1 .sign-inform span.name {
        padding-left: 1.8rem;
        font-size: 2rem;
        line-height: 3.4rem;
        letter-spacing: 0.84rem;
    }
}

.HTNCWCD10D12W01 .contents-section2 .contents-section-head+.contents-section-body {
    padding-top: 10rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article.case-1 .data-display .data-item {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article.case-1 .data-display .data-wrap {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article1 .data-item .data-head {
    padding-top: 6rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article1 .data-item .data-body .data-para {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 4rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article2 {
    background-image: url(../images/common/photo/company/introduction/img-hyosungway-01-new-pc.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article2 .contents-article-inner {
    padding-top: 65rem;
    padding-bottom: 11rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article2 .data-item .data-para {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 4rem;
    color: #ffffff;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article2 .data-item1 .data-body-inner {
    margin: 0 auto;
    padding: 6rem 8% 6rem 7.486%;
    max-width: 115rem;
    border-radius: 2rem;
    background-color: #111820;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article2 .data-item2 {
    width: calc(100% - 3.6rem);
    max-width: 184rem;
    margin: 0 auto;
    border-radius: 3.2rem;
    background-color: #0F151C;
    padding-left: 7% !important;
    padding-right: 7% !important;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article2 .data-item3 .diagram-note {
    margin-top: 8rem;
    padding: 3.2rem;
    border-radius: 1.6rem;
    background-color: #111821;
    text-align: center;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article2 .data-item3 .diagram-para {
    font-family: "hyosung";
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 {
    background-image: url(../images/common/photo/company/introduction/img-hyosungway-02-new-pc.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .contents-article-inner {
    padding-top: 20rem;
    padding-bottom: 24rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head {
    display: flex;
    gap: 13.3rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title {
    min-width: 24%;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title+.summary {
    width: 66%;
    max-width: 88.4rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para {
    color: #F4F8FF;
    display: block;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1+.type2 {
    padding-top: 3rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type2 {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item+.data-item {
    padding-top: 18rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .board-display .board-item {
    opacity: 0;
    transform: translateY(10rem);
    transition-duration: 0.7s;
    transition-delay: 0.4s;
    transition-property: transform, opacity;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .board-display .board-item:nth-child(2) {
    transition-delay: 0.5s;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .board-display .board-item:nth-child(3) {
    transition-delay: 0.6s;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .board-display .board-item:nth-child(4) {
    transition-delay: 0.7s;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item2 {
    background-color: rgb(244, 248, 255);
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item2 .value-wrap {
    margin-top: 8rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item2 .value-wrap .order-list {
    margin-top: 6rem;
}

.HTNCWCD10D12W01 .contents-section2 .contents-article3.active .board-display .board-item {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D12W01 .contents-section2 .contents-section-head+.contents-section-body {
        padding-top: 4rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article .data-item+.data-item {
        padding-top: 10rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article .data-item .data-body-inner .title+.text-box {
        margin-top: 1.6rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article .data-item .data-diagram {
        padding-top: 6rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article1 .data-item .data-body {
        padding-right: 1.8rem;
        padding-left: 1.8rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article1 .data-item .data-body .data-para {
        font-size: 1.8rem;
        font-weight: 500;
        line-height: 3.2rem;
        text-align: center;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article2 {
        background-image: url(../images/common/photo/company/introduction/img-hyosungway-01-new-mo.jpg);
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article2 .contents-article-inner {
        padding-top: 39rem;
        padding-bottom: 8rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article2 .data-item .data-para {
        font-size: 1.8rem;
        line-height: 3.2rem;
        max-width: 80%;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article3 {
        background-image: url(../images/common/photo/company/introduction/img-hyosungway-02-new-mo.jpg);
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article3 .contents-article-inner {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head {
        flex-direction: column;
        gap: 4rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title {
        width: 100%;
        max-width: unset;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title .name {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .title+.summary {
        width: 100%;
        max-width: unset;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1 {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type1+.type2 {
        padding-top: 1.6rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item .data-wrap .data-head .summary .para.type2 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWCD10D12W01 .contents-section2 .contents-article3 .data-item+.data-item {
        padding-top: 10rem;
    }
}

.HTNCWCD10D12W01 .title.small-v11 .name,
.HTNCWCD10D12W01 .board-display.design-13 .board-head .board-title {
    font-family: "Pretendard", "Roboto", "NotoSansKR", sans-serif;
}

.HTNCWCD10D13W01 .history-section-height {
    position: relative;
    height: 300vh;
}

.HTNCWCD10D13W01 .history-section-height .sticky-element {
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 2;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWCD10D13W01 .history-section-height .track {
    position: relative;
    height: 100%;
    flex: 0 0 auto;
    transform: translate(0%, 0px);
}

.HTNCWCD10D13W01 .history-section-height .track .track-flex {
    display: flex;
    height: 100%;
    margin-right: -100vw;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWCD10D13W01 .intro-panel {
    position: relative;
    display: flex;
    padding-left: 15.208vw;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin-right: -20vw;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_contain {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_title {
    font-family: "Poppins";
    font-weight: 800;
    font-size: 31.771vw;
    line-height: 27.083vw;
    letter-spacing: -18.3px;
    transform-origin: left center;
    color: #0D3C84;
}

.HTNCWCD10D13W01 .intro-panel .intro-float-wrap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.HTNCWCD10D13W01 .intro-panel .intro-float-wrap .zone {
    flex: 0 0 auto;
    width: 33.3333333333%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.HTNCWCD10D13W01 .intro-panel .intro-float-wrap .zone:nth-child(3) {
    margin-left: -15rem;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_text {
    flex: 0 0 auto;
    align-self: flex-start;
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 700;
    font-size: 5.3rem;
    line-height: 7.2rem;
    letter-spacing: -1.04px;
    color: #000;
    z-index: 1;
    opacity: 0;
    transform: scale(0.8);
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_img {
    position: absolute;
    width: 13.5rem;
    border-radius: 1.8rem;
    overflow: hidden;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_img .intro-panel_img-height {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-1 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #A9167A;
    margin-top: -37rem;
    margin-left: 0rem;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-2 {
    width: 24rem;
    border-radius: 2.25rem;
    background-color: #F48328;
    margin-top: 40rem;
    margin-left: 54rem;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-3 {
    width: 17.25rem;
    border-radius: 2.25rem;
    background-color: #7AC78C;
    margin-top: -55rem;
    margin-left: 96rem;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-4 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #FE5C53;
    margin-top: -40rem;
    margin-left: -50rem;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-5 {
    width: 23rem;
    border-radius: 3rem;
    background-color: #159EA2;
    margin-top: 25rem;
    margin-left: -10rem;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-6 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #FFC548;
    margin-top: -25rem;
    margin-left: 60rem;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-7 {
    width: 17.25rem;
    border-radius: 2.25rem;
    background-color: #281E5F;
    margin-top: 45rem;
    margin-left: -40rem;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-8 {
    width: 25.5rem;
    border-radius: 2.25rem;
    background-color: #1A5E58;
    margin-top: -36rem;
    margin-left: 15rem;
}

.HTNCWCD10D13W01 .intro-panel .intro-panel_photo {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
}

.HTNCWCD10D13W01 .history-panel {
    position: relative;
    flex: 0 0 auto;
}

.HTNCWCD10D13W01 .history-panel .history-navi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 5rem;
    z-index: 1;
    text-align: center;
}

.HTNCWCD10D13W01 .history-panel .history-navi .history-navi-inner {
    display: inline-flex;
    gap: 5rem;
}

.HTNCWCD10D13W01 .history-panel .history-navi .navi-anchor {
    color: rgba(255, 255, 255, 0.5);
    font-feature-settings: "clig" off, "liga" off;
    font-family: "Poppins";
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem;
}

.HTNCWCD10D13W01 .history-panel .history-navi .navi-anchor.active {
    color: #fff;
}

.HTNCWCD10D13W01 .history-panel .history-data-list {
    display: flex;
    position: relative;
    height: 100vh;
    overflow: hidden;
    border-radius: 8rem 0 0 0;
}

.HTNCWCD10D13W01 .history-panel .history-data-list .historyListTrigger {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
}

.HTNCWCD10D13W01 .history-panel .data-list {
    position: relative;
    height: 100vh;
    padding: 0 30rem 0 26rem;
    display: inline-flex;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-head {
    position: relative;
    display: flex;
    align-items: center;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .title {
    font-size: 32rem;
    font-weight: 800;
    font-family: "Poppins";
    color: rgb(255, 255, 255);
    letter-spacing: -9.6px;
    z-index: 1;
    order: 1;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .subject {
    font-size: 11rem;
    font-weight: 700;
    font-family: "PretendardJP", "Noto Sans SC";
    color: #FFF;
    letter-spacing: -2.2px;
    line-height: 13rem;
    margin-left: 27rem;
    order: 3;
    transform: translateY(50%);
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .data-head-img {
    position: absolute;
    left: 164rem;
    top: 50%;
    transform: translateY(-50%);
    order: 2;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body {
    position: relative;
    display: flex;
    padding-left: 17rem;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .data-body-img {
    position: absolute;
    left: 267.4rem;
    top: 50%;
    transform: translateY(-50%);
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 1;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .history-item~.history-item {
    margin-left: 4rem;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .year {
    font-size: 80px;
    font-weight: 800;
    font-family: "Poppins";
    line-height: 125%;
    color: rgba(255, 255, 255, 0.5);
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item~.detail-item {
    margin-left: 0.4rem;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail {
    width: 60rem;
    border-radius: 4rem;
    overflow: hidden;
    background-color: #ffffff;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1.6rem 3.2rem;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child {
    padding: 3rem 3.2rem 1.6rem;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:last-child {
    padding: 1.6rem 3.2rem 3rem;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child:last-child {
    padding: 3rem 3.2rem;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:nth-child(even) {
    background-color: #F0F0F0;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month {
    flex: 0 0 auto;
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    width: 5rem;
    color: #0A2B5C;
    padding-left: 0.8rem;
    transform: translateY(-0.4rem);
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .num {
    flex-grow: 1;
    display: inline-block;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .sm {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: normal;
    color: #0A2B5C;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap {
    display: flex;
    gap: 1.2rem;
    margin-left: 2.4rem;
    width: calc(100% - 7.4rem);
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag {
    flex: 0 0 auto;
    display: inline-block;
    width: 2rem;
    height: 1.8rem;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 100;
    color: #ffffff;
    line-height: 1.9rem;
    border-radius: 0.5rem;
    transform: translateY(0.4rem);
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag.type-1 {
    background-color: #8185D7;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag.type-2 {
    background-color: #FF9742;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    color: #000;
    white-space: normal;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt.bold {
    font-weight: 600;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item {
    position: relative;
    display: flex;
    gap: 1.2rem;
}

.HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item~.txt-item {
    margin-top: 0.8rem;
}

.HTNCWCD10D13W01 .history-panel .data-list.is-1 {
    background-color: #0D3C84;
}

.HTNCWCD10D13W01 .history-panel .data-list.is-2 {
    background-color: #12A474;
}

.HTNCWCD10D13W01 .history-panel .data-list.is-3 {
    background-color: #E09E3A;
}

.HTNCWCD10D13W01 .history-panel .data-list.is-4 {
    background-color: #621D4C;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D13W01 .history-section-height {
        position: relative;
        height: unset;
    }

    .HTNCWCD10D13W01 .history-section-height .sticky-element {
        position: static;
        display: block;
        overflow: hidden;
        width: 100%;
        height: unset;
    }

    .HTNCWCD10D13W01 .history-section-height .track {
        position: relative;
        height: unset;
        transform: unset;
    }

    .HTNCWCD10D13W01 .history-section-height .track .track-flex {
        display: block;
        height: unset;
        margin-right: 0;
    }

    .HTNCWCD10D13W01 .intro-panel {
        position: relative;
        display: block;
        padding-left: 0;
        margin-right: 0;
        padding: 6rem 0 0;
        background-color: #F1F2F4;
        margin-bottom: -10rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_contain {
        position: relative;
        display: block;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-title-wrap {
        position: absolute;
        right: 1rem;
        top: 0;
        width: 1px;
        height: 1px;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_title {
        font-size: 12rem;
        line-height: 9rem;
        letter-spacing: -3.6px;
        transform-origin: unset;
        white-space: nowrap;
        transform: rotate(90deg) translateY(50%);
        position: relative;
        top: -11rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-float-wrap {
        position: static;
        width: 100%;
        height: unset;
        display: block;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-float-wrap .zone {
        width: 100%;
        display: block;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-float-wrap .zone:nth-child(3) {
        margin-left: 0;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_text {
        font-size: 3.2rem;
        line-height: 4rem;
        letter-spacing: normal;
        padding-left: 3rem;
        opacity: 0;
        transform: scale(0.8);
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_text.is-1 {
        margin-top: 5rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_text.is-2 {
        margin-top: 4rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_img {
        position: static;
        width: 13.5rem;
        border-radius: 1.8rem;
        overflow: hidden;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-1 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 6rem;
        margin-left: 17.8rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-2 {
        width: 12rem;
        border-radius: 1rem;
        margin-top: 3rem;
        margin-left: 1.8rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-3 {
        width: 10rem;
        border-radius: 0.8rem;
        margin-top: -5rem;
        margin-left: 15.8rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-4 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 5rem;
        margin-left: 13.8rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-5 {
        width: 10rem;
        border-radius: 0.6rem;
        margin-top: -1rem;
        margin-left: 1.8rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-6 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 0rem;
        margin-left: 16.8rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-7 {
        width: 10rem;
        border-radius: 0.6rem;
        margin-top: 6rem;
        margin-left: 1.8rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_img.is-8 {
        width: 12rem;
        border-radius: 1rem;
        margin-top: -5rem;
        margin-left: 13.8rem;
    }

    .HTNCWCD10D13W01 .intro-panel .intro-panel_photo {
        left: -3%;
        top: -3%;
        width: 106%;
        height: 106%;
    }

    .HTNCWCD10D13W01 .history-panel {
        position: relative;
        flex: 0 0 auto;
    }

    .HTNCWCD10D13W01 .history-panel .history-navi {
        position: absolute;
        bottom: unset;
        top: 0;
        left: 0;
        width: 100%;
        height: 5rem;
        z-index: 1;
        text-align: center;
    }

    .HTNCWCD10D13W01 .history-panel .history-navi.fixed {
        position: fixed;
        top: 5rem;
        background-color: #0D3C84;
        transition: top 0.3s;
    }

    .navi-depth3-action .HTNCWCD10D13W01 .history-panel .history-navi.fixed {
        top: 14.4rem;
    }

    .HTNCWCD10D13W01 .history-panel .history-navi .history-navi-inner {
        display: flex;
        justify-content: space-evenly;
        gap: 0;
    }

    .HTNCWCD10D13W01 .history-panel .history-navi .navi-anchor {
        color: rgba(255, 255, 255, 0.4);
        font-family: "Poppins";
        font-size: 2rem;
        font-weight: 800;
        line-height: 5rem;
        letter-spacing: -0.6px;
    }

    .HTNCWCD10D13W01 .history-panel .history-data-list {
        display: block;
        position: relative;
        height: auto;
        border-radius: 0;
    }

    .HTNCWCD10D13W01 .history-panel .data-list {
        position: relative;
        height: auto;
        padding: 18rem 0 0 0;
        display: block;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner {
        display: block;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-head {
        position: relative;
        display: block;
        text-align: center;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .title {
        font-size: 4.8rem;
        font-weight: 800;
        font-family: "Poppins";
        color: #ffffff;
        letter-spacing: 0;
        line-height: normal;
        order: 1;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .subject {
        font-size: 3.2rem;
        font-weight: 700;
        font-family: "PretendardJP", "Noto Sans SC";
        color: #FFF;
        letter-spacing: 0;
        line-height: 4rem;
        margin-left: 0;
        order: 2;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .data-head-img {
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(0);
        order: 3;
        margin-top: 8rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-head .data-head-img img {
        width: 100%;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body {
        display: block;
        padding: 8rem 1.8rem 14rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap {
        display: block;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .history-item~.history-item {
        margin-left: 0;
        margin-top: 4rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .year {
        font-size: 4.8rem;
        line-height: 6rem;
        margin-left: 2rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list {
        display: block;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item~.detail-item {
        margin-left: 0;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item:first-child .detail {
        border-radius: 2rem 2rem 0 0;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail-list .detail-item:not(:first-child) .detail {
        border-radius: 0 0 2rem 2rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail {
        width: 100%;
        border-radius: 2rem;
        overflow: hidden;
        background-color: #ffffff;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 1.6rem 1.6rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child {
        padding: 2rem 1.6rem 1.6rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:last-child {
        padding: 1.6rem 1.6rem 2rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child:last-child {
        padding: 2rem 1.6rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month {
        flex: 0 0 auto;
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        width: 3.8rem;
        color: #0A2B5C;
        padding-left: 0;
        transform: translateY(-0.2rem);
        gap: 0.2rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .num {
        flex-grow: 1;
        display: inline-block;
        font-size: 2rem;
        font-weight: 700;
        line-height: normal;
        text-align: right;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .sm {
        display: inline-block;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: normal;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap {
        display: flex;
        gap: 0.8rem;
        margin-left: 1.2rem;
        width: calc(100% - 5rem);
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag {
        flex: 0 0 auto;
        display: inline-block;
        width: 1.8rem;
        height: 1.6rem;
        text-align: center;
        font-size: 1rem;
        font-weight: 100;
        color: #ffffff;
        line-height: 1.6rem;
        border-radius: 0.4rem;
        transform: translateY(0.2rem);
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt {
        display: block;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 2.2rem;
        color: #000;
        white-space: normal;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt.bold {
        font-weight: 600;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item {
        position: relative;
        display: flex;
        gap: 1.2rem;
    }

    .HTNCWCD10D13W01 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item~.txt-item {
        margin-top: 0.8rem;
    }
}

.HTNCWCD10D14W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: translateY(0rem);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para.bold-1 {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.6rem;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para+.data-para {
    padding-top: 2.4rem;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner {
    margin: 12rem calc(50% - 50vw + 4rem) 0;
    width: calc(100vw - 8rem);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap {
    position: relative;
    width: 100%;
    padding-bottom: 20.979%;
    border-radius: 1.6rem;
    overflow: hidden;
    opacity: 0;
    transform: scale(1.05) translateY(5rem);
    transition: transform 0.6s, opacity 0.6s;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap .thumbnail-figure {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap .img {
    width: 100%;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .contents-article-inner {
    padding-bottom: 20rem;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .title-wrap {
    position: relative;
    padding-top: 18rem;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .title-wrap .title {
    opacity: 0;
    transform: translateY(3rem);
    transition: transform 0.6s, opacity 0.6s;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap {
    position: relative;
    margin-top: 8.8rem;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area {
    position: relative;
    display: flex;
    gap: 2rem;
    z-index: 2;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item {
    display: flex;
    flex: 1 1 50%;
    max-width: calc(50% - 1rem);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item1 {
    --bg-color: #191F26;
    --card-name-color: rgb(255, 255, 255);
    --foot-info-color: rgb(115, 115, 115);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item2 {
    --bg-color: #FFF6DF;
    --card-name-color: rgb(40, 40, 40);
    --foot-list-color: rgb(0, 0, 0);
    --foot-info-color: rgb(40, 40, 40);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item2 .card-item-inner {
    margin-left: auto;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 71%;
    max-width: 43.2rem;
    padding: 6.3rem 3.2rem 2.8rem;
    border-radius: 1.6rem;
    background-color: var(--bg-color);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon {
    display: block;
    width: 4.2rem;
    height: 4.2rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon1 {
    background-image: url(../images/common/photo/company/introduction/icon-research-card1.svg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon2 {
    background-image: url(../images/common/photo/company/introduction/icon-research-card2.svg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-name {
    margin-top: 2.1rem;
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
    color: var(--card-name-color);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot {
    margin-top: 59.785%;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 9.786%;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list .list-item {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: var(--foot-list-color);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list+.foot-info {
    margin-top: 1.2rem;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-info {
    padding-top: 1.2rem;
    border-top: 0.1rem solid #646464;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: var(--foot-info-color);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .float-text-area {
    position: absolute;
    width: 29%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .float-text-area .text {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(40, 40, 40);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 {
    --transition-duration-sec: 1s;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner {
    position: relative;
    overflow: hidden;
    padding: 10rem 1.8rem 18rem;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity var(--transition-duration-sec), transform 9s;
    transform: scale(1.25);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2022 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2022.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2019 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2019.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2017 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2017.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2016 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2016.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2015 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2015.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2014 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2014.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2013 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2013.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2012 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2012.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2011 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2011.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2010 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2010.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2009 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2009.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2008 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2008.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2007 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2007.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2006 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2006.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2005 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2005.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2004 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2004.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2003 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2003.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2002 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2002.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2001 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2001.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-2000 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-2000.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1999 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1999.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1998 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1998.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1993 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1993.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1992 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1992.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1989 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1989.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1987 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1987.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1986 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1986.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1983 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1983.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg-1980 {
    background-image: url(../images/common/photo/company/introduction/img-rnd-slide-bg-1980.jpg);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner .year-bg-wrap .bg.active {
    opacity: 1;
    transform: scale(1);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .data-display.case-9 .data-head {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide {
    position: relative;
    width: auto;
    border-radius: 1.2rem;
    overflow: hidden;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    border: 0.2rem solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    transition: opacity var(--transition-duration-sec);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-duplicate-active::before,
.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-active::before {
    opacity: 0;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-duplicate-active .slide-img,
.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-active .slide-img {
    opacity: 1;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-duplicate-active .slide-year,
.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .swiper-slide-active .slide-year {
    opacity: 0;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .slide-img {
    opacity: 0;
    transition: opacity var(--transition-duration-sec);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyImgSwiper .slide-year {
    position: absolute;
    width: 100%;
    padding: 3rem;
    left: 0;
    bottom: 0;
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
    transition: opacity var(--transition-duration-sec);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper {
    max-width: 133.6rem;
    margin: 0 auto;
    padding-top: 4rem;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-year {
    font-weight: 700;
    font-size: 7.8rem;
    line-height: 9.3rem;
    color: rgba(255, 255, 255, 0.6);
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-inform {
    margin-top: 1.2rem;
}

.HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-inform .order-item {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-head .title .name {
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para.bold-1 {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-para+.data-para {
        padding-top: 1.6rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner {
        margin: 6rem 0 0;
        width: 100%;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap {
        padding-bottom: 0;
        opacity: 1;
        transform: scale(1) translateY(0);
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article1 .data-display.case-9 .data-aside-inner .thumbnail-wrap .thumbnail-figure {
        position: static;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .contents-article-inner {
        padding-bottom: 0;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .title-wrap {
        padding-top: 9.5rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap {
        margin-top: 6rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area {
        display: block;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item {
        position: relative;
        display: block;
        max-width: inherit;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item+.card-item {
        margin-top: 2rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-item-inner {
        flex: 1 1 100%;
        max-width: initial;
        padding: 3rem 2.4rem 2rem;
        min-height: 39.8rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-icon {
        width: 3.2rem;
        height: 3.2rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-body .card-name {
        margin-top: 2rem;
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot {
        margin-top: 18.9rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list {
        gap: 0.5rem 2.8rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-list .list-item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article2 .research-field-wrap .card-area .card-foot .foot-info {
        padding-top: 1.4rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article3 {
        margin-top: -12rem;
        background: rgb(25, 31, 38);
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article3 .contents-article-inner {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper {
        padding-top: 0;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .swiper-wrapper {
        display: block;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .swiper-slide {
        display: flex;
        padding: 3.2rem 0;
        border-bottom: 0.1rem solid rgba(83, 83, 83, 0.4);
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .swiper-slide:nth-child(1) {
        padding-top: 0;
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-year {
        width: 6.8rem;
        font-size: 2rem;
        line-height: 3.2rem;
        color: rgb(255, 141, 36);
    }

    .HTNCWCD10D14W01 .contents-section2 .contents-article3 .historyTextSwiper .slide-inform {
        width: calc(100% - 6.8rem);
        margin-top: 0;
    }
}

.HTNCWCD10D15W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: translateY(0rem);
}

.HTNCWCD10D15W01.sub.company-case-1 .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD10D15W01 .contents-article1 .country-map {
    padding: 10rem 1.3rem 10.6rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWCD10D15W01 .contents-article1 .country-map .map-inner {
    position: relative;
    max-width: 143.4rem;
    margin: 2rem auto 0;
}

.HTNCWCD10D15W01 .contents-article1 .country-map .map-figure .img {
    width: 100%;
}

.HTNCWCD10D15W01 .contents-article1 .country-map .map-pin .pin-item {
    position: absolute;
}

.HTNCWCD10D15W01 .contents-article1 .country-map .map-pin .pin-item-asia {
    left: 36.8%;
    top: 35.7%;
}

.HTNCWCD10D15W01 .contents-article1 .country-map .map-pin .pin-item-europe {
    left: 16.6%;
    top: 28.5%;
}

.HTNCWCD10D15W01 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
    right: 5.65%;
    bottom: 23%;
}

.HTNCWCD10D15W01 .contents-article1 .country-map .title,
.HTNCWCD10D15W01 .contents-article1 .country-map .pin-item {
    opacity: 0;
    transition-duration: 0.7s;
    transition-delay: 0.3s;
    transform: translateY(5rem);
}

.HTNCWCD10D15W01 .contents-article1 .country-inform {
    max-width: 137.2rem;
    margin: 0 auto;
    padding: 14rem 1.8rem 20rem;
}

.HTNCWCD10D15W01 .contents-article1.active .country-map .title,
.HTNCWCD10D15W01 .contents-article1.active .country-map .pin-item {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D15W01 .contents-article1 .country-map {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .HTNCWCD10D15W01 .contents-article1 .country-map .map-inner {
        max-width: initial;
        margin: 0;
    }

    .HTNCWCD10D15W01 .contents-article1 .country-map .map-pin .pin-item {
        width: 8.05%;
        height: 19%;
        min-width: 2.8rem;
        min-height: 3.4rem;
        align-items: center;
        justify-content: center;
    }

    .HTNCWCD10D15W01 .contents-article1 .country-map .map-pin .pin-item-asia {
        left: 36%;
        top: 29%;
    }

    .HTNCWCD10D15W01 .contents-article1 .country-map .map-pin .pin-item-europe {
        left: 19%;
        top: 25%;
    }

    .HTNCWCD10D15W01 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
        right: 5.9%;
        bottom: 14.8%;
    }

    .HTNCWCD10D15W01 .contents-article1 .country-inform {
        max-width: initial;
        padding: 6rem 1.8rem 14rem;
    }
}

.HTNCWCD10D15W02.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: translateY(0rem);
}

.HTNCWCD10D15W02.sub.company-case-1 .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD10D15W02 .contents-article1 .country-map {
    padding: 10rem 1.3rem 10.6rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWCD10D15W02 .contents-article1 .country-map .map-inner {
    position: relative;
    max-width: 143.4rem;
    margin: 2rem auto 0;
}

.HTNCWCD10D15W02 .contents-article1 .country-map .map-figure .img {
    width: 100%;
}

.HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item {
    position: absolute;
}

.HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-asia {
    left: 36.8%;
    top: 35.7%;
}

.HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-europe {
    left: 16.6%;
    top: 28.5%;
}

.HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-middleEastAfrica {
    left: 9.6%;
    bottom: 36.5%;
}

.HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-northAmerica {
    right: 20.7%;
    top: 29.5%;
}

.HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
    right: 5.65%;
    bottom: 23%;
}

.HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-oceania {
    bottom: 16.5%;
    left: 38.6%;
}

.HTNCWCD10D15W02 .contents-article1 .country-map .title,
.HTNCWCD10D15W02 .contents-article1 .country-map .pin-item {
    opacity: 0;
    transition-duration: 0.7s;
    transition-delay: 0.3s;
    transform: translateY(5rem);
}

.HTNCWCD10D15W02 .contents-article1 .country-inform {
    max-width: 137.2rem;
    margin: 0 auto;
    padding: 14rem 1.8rem 20rem;
}

.HTNCWCD10D15W02 .contents-article1.active .country-map .title,
.HTNCWCD10D15W02 .contents-article1.active .country-map .pin-item {
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D15W02 .contents-article1 .country-map {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .HTNCWCD10D15W02 .contents-article1 .country-map .map-inner {
        max-width: initial;
        margin: 0;
    }

    .HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item {
        width: 8.05%;
        height: 19%;
        min-width: 2.8rem;
        min-height: 3.4rem;
        align-items: center;
        justify-content: center;
    }

    .HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-asia {
        left: 36%;
        top: 29%;
    }

    .HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-europe {
        left: 19%;
        top: 25%;
    }

    .HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-middleEastAfrica {
        left: 8%;
        bottom: 29%;
    }

    .HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-northAmerica {
        right: 19.1%;
        top: 26%;
    }

    .HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-latinAmerica {
        right: 5.9%;
        bottom: 14.8%;
    }

    .HTNCWCD10D15W02 .contents-article1 .country-map .map-pin .pin-item-oceania {
        bottom: 12%;
        left: 39.3%;
    }

    .HTNCWCD10D15W02 .contents-article1 .country-inform {
        max-width: initial;
        padding: 6rem 1.8rem 14rem;
    }
}

.HTNCWCD10D20W01 .contents-section2 .contents-article1 .data-display.case-27 .mo-btn {
    display: none;
}

.HTNCWCD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-body {
    padding: 0;
}

.HTNCWCD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
    margin-top: 4rem;
}

.HTNCWCD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
    margin-top: 1.2rem;
}

.HTNCWCD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .order-list>li {
    padding-left: 1.15em;
    text-indent: -1.15em;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D20W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D20W01 .contents-section2 .contents-article1 .data-display.case-27 .pc-btn {
        display: none;
    }

    .HTNCWCD10D20W01 .contents-section2 .contents-article1 .data-display.case-27 .mo-btn {
        display: block;
        margin-top: 4rem;
    }

    .HTNCWCD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
        margin-top: 2rem;
    }

    .HTNCWCD10D20W01 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
        margin-top: 1rem;
    }
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 {
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
    margin-top: 12rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-aside>.data-note {
    margin-top: 2rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li {
    position: relative;
    padding-left: 3.2rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li+li {
    margin-top: 2rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li>.data-para::before {
    content: "·";
    position: absolute;
    left: 0.8rem;
    top: 0;
    font-weight: inherit;
    font-size: 2.2em;
    line-height: inherit;
    color: inherit;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .order-list {
    margin-top: 1.6rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .order-list>li {
    list-style: decimal;
    margin-left: 1.25em;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 {
    margin-top: 2.4rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .thumbnail-head .thumbnail-name {
    font-weight: 500;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list .inform-title {
    max-width: 24.5rem;
    width: 43%;
    padding-right: 5%;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list .history-list {
    width: 57%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list .inform-title {
        max-width: 8.9rem;
        width: 8.9rem;
        padding-right: 1rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43 .inform-list .history-list {
        width: calc(100% - 8.9rem);
    }
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-44 {
    margin-top: 3rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .button-display.form-1 {
    margin-top: 2.7rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .table-display.case-4 {
    margin-top: 3rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .accordion-display.design-1 {
    margin-top: 12rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(1) {
    width: 7.9rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(2) {
    width: 11.6rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(4) {
    width: 9.4rem;
}

.HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status colgroup col:nth-child(5) {
    width: 9.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D20W02 .contents-section2 .contents-article2 {
        padding-top: 6rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
        margin-top: 6rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .data-aside>.data-note {
        margin-top: 0.4rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li {
        padding-left: 2.1rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li+li {
        margin-top: 1rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .circle-list>li>.data-para::before {
        font-size: 1.7em;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .order-list {
        margin-top: 0.4rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-43,
    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .thumbnail-display.design-44 {
        margin-top: 4rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .button-display.form-1 {
        margin-top: 1.6rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .data-display.case-28 .table-display.case-4 {
        margin-top: 2.4rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .accordion-display.design-1 {
        margin-top: 6rem;
        padding: 0;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status-1 table {
        min-width: 75.1rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(1) {
        width: 6.1rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(2),
    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(4) {
        width: 8.2rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status-1 colgroup col:nth-child(5) {
        width: 12.6rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status-2 table {
        min-width: 71.9rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(1) {
        width: 6.1rem;
    }

    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(2),
    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(4),
    .HTNCWCD10D20W02 .contents-section2 .contents-article2 .table-year-status-2 colgroup col:nth-child(5) {
        width: 8.2rem;
    }
}

.HTNCWCD10D20W03 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWCD10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    display: none;
}

.HTNCWCD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(1) {
    width: 13.5rem;
}

.HTNCWCD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(2) {
    width: 21rem;
}

.HTNCWCD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(4) {
    width: 13.7rem;
}

.HTNCWCD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
    margin-top: 8rem;
}

.HTNCWCD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list>li {
    font-size: 1.8rem;
    padding-left: 1.15em;
    text-indent: -1.15em;
}

.HTNCWCD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-para {
    font-weight: 500;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    font-size: inherit;
}

.HTNCWCD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-note {
    padding: 0.4rem 0 2rem;
    text-indent: 0;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(115, 115, 115);
}

.HTNCWCD10D20W03 .contents-section2 .contents-article3 {
    padding-bottom: 20rem;
}

.HTNCWCD10D20W03 .contents-section2 .contents-article3 .button-display.form-1 {
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D20W03 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        display: block;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-aside {
        display: none;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article1 .data-display.case-27 .data-body-inner+.data-body-inner {
        margin-top: 6rem;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status {
        margin-top: 2.4rem;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status table {
        min-width: 63rem;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(1) {
        width: 16.6rem;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(2) {
        width: auto;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(3) {
        width: 12.5rem;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article1 .table-affiliated-status colgroup col:nth-child(4) {
        width: auto;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .data-item+.data-item {
        margin-top: 6rem;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list>li {
        font-size: 1.4rem;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-para {
        line-height: 2.4rem;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article2 .data-display.case-28 .cc-num-list .list-note {
        padding: 0.2rem 0 1rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWCD10D20W03 .contents-section2 .contents-article3 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD10D20W04 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWCD10D20W04 .contents-section2 .contents-article1 .thumbnail-display.design-44 {
    margin-top: 3rem;
}

.HTNCWCD10D20W04 .contents-section2 .contents-article1 .thumbnail-display.design-44 .inform-list>li {
    display: block;
    max-width: 22rem;
}

.HTNCWCD10D20W04 .contents-section2 .contents-article1 .thumbnail-display.design-44 .inform-list .inform-title,
.HTNCWCD10D20W04 .contents-section2 .contents-article1 .thumbnail-display.design-44 .inform-list .history-list {
    width: 100%;
}

.HTNCWCD10D20W04 .contents-section2 .contents-article3+.contents-article4 {
    margin-top: 14rem;
}

.HTNCWCD10D20W04 .contents-section2 .contents-article3 .table-active-status-1 {
    margin-top: 3rem;
}

.HTNCWCD10D20W04 .contents-section2 .table-external-status table>tbody>tr>th {
    font-weight: 500;
}

.HTNCWCD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(1) {
    width: 11.9rem;
}

.HTNCWCD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(2) {
    width: 20.7rem;
}

.HTNCWCD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(4) {
    width: 16.4rem;
}

.HTNCWCD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(5) {
    width: 13.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D20W04 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .contents-article1 .thumbnail-display.design-44 {
        margin-top: 6rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .contents-article3+.contents-article4 {
        margin-top: 6rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .contents-article3 .table-active-status-1 {
        margin-top: 2.4rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .contents-article4 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .table-external-status table {
        min-width: 47.4rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .table-external-status colgroup col:nth-child(1),
    .HTNCWCD10D20W04 .contents-section2 .table-external-status colgroup col:nth-child(3) {
        width: 10.3rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .table-external-status colgroup col:nth-child(4) {
        width: 9.5rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .table-active-status table {
        min-width: 68.1rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(1) {
        width: 6.9rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(2) {
        width: 10.5rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(4) {
        width: 10.3rem;
    }

    .HTNCWCD10D20W04 .contents-section2 .table-active-status colgroup col:nth-child(5) {
        width: 8.2rem;
    }
}

.HTNCWCD10D20W05 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWCD10D20W05 .contents-section2 .contents-article2+.contents-article3 {
    margin-top: 14.4rem;
}

.HTNCWCD10D20W05 .contents-section2 .contents-article3+.contents-article4 {
    margin-top: 14rem;
}

.HTNCWCD10D20W05 .contents-section2 .contents-article3 .data-info .order-list+.order-list {
    margin-top: 1.6rem;
}

.HTNCWCD10D20W05 .contents-section2 .contents-article4 {
    padding-bottom: 20rem;
}

.HTNCWCD10D20W05 .contents-section2 .contents-article4 .button-display.form-1 {
    margin-top: 4rem;
}

.HTNCWCD10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(1) {
    width: 13.3rem;
}

.HTNCWCD10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(2) {
    width: 19.7rem;
}

.HTNCWCD10D20W05 .contents-section2 .table-whether-result colgroup col:nth-child(1) {
    width: 33rem;
}

.HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(1),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(1) {
    width: 16.468%;
}

.HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(2),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(4),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(2),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(4) {
    width: 10rem;
}

.HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(5),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(5) {
    width: 12.5%;
}

.HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(6),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(6) {
    width: 10.629%;
}

.HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(7),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(7) {
    width: 20.51%;
}

.HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(1),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(2),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(1),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(2) {
    width: 8.234%;
}

.HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(3),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(5),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(3),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(5) {
    width: 10rem;
}

.HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(6),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(6) {
    width: 12.5%;
}

.HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(7),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(7) {
    width: 10.629%;
}

.HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(8),
.HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(8) {
    width: 20.51%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D20W05 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .contents-article2+.contents-article3 {
        margin-top: 6rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .contents-article3+.contents-article4 {
        margin-top: 10rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .contents-article3 .data-info .order-list+.order-list {
        margin-top: 2rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .contents-article3 .data-info .order-list.case-6 .order-item {
        text-indent: -1.3rem;
        padding-left: 1.3rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .contents-article3 .data-info .order-list .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
        color: rgb(115, 115, 115);
    }

    .HTNCWCD10D20W05 .contents-section2 .contents-article4 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-event-status table {
        min-width: 76.6rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(1) {
        width: 8.2rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-event-status colgroup col:nth-child(2) {
        width: 17.4rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-whether-result table {
        min-width: 52.5rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-whether-result colgroup col:nth-child(1) {
        width: 17.1rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 table,
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 table {
        min-width: 91.1rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(1),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(1) {
        width: 9.3rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(2),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(4),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(2),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(4) {
        width: 8.2rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(5),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(5) {
        width: 13rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(6),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(6) {
        width: 11.6rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-1 colgroup col:nth-child(7),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-3 colgroup col:nth-child(7) {
        width: 21.9rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 table,
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 table {
        min-width: 102.8rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(1),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(2),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(1),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(2) {
        width: 9.3rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(3),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(5),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(3),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(5) {
        width: 8.2rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(6),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(6) {
        width: 13rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(7),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(7) {
        width: 11.6rem;
    }

    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-2 colgroup col:nth-child(8),
    .HTNCWCD10D20W05 .contents-section2 .table-nth-result-4 colgroup col:nth-child(8) {
        width: 21.9rem;
    }
}

.HTNCWCD10D20W06 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWCD10D20W06 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

.HTNCWCD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
}

.HTNCWCD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner .data-para {
    flex: 1 1 auto;
}

.HTNCWCD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner .button-display {
    flex: 0 0 auto;
}

.HTNCWCD10D20W06 .contents-section2 .table-credit-rating colgroup col:nth-child(1) {
    width: 16.1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D20W06 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD10D20W06 .contents-section2 .contents-article1 .data-info .order-list .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWCD10D20W06 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body {
        padding-top: 2.4rem;
    }

    .HTNCWCD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner {
        display: block;
    }

    .HTNCWCD10D20W06 .contents-section2 .contents-article2 .data-display.case-28 .data-body-inner .button-display {
        margin-top: 4rem;
    }

    .HTNCWCD10D20W06 .contents-section2 .table-credit-rating table {
        min-width: 34rem;
    }

    .HTNCWCD10D20W06 .contents-section2 .table-credit-rating colgroup col {
        width: 25%;
    }

    .HTNCWCD10D20W06 .contents-section2 .table-credit-rating colgroup col:nth-child(1) {
        width: inherit;
    }
}

.HTNCWCD10D21W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWCD10D21W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    padding-top: 14rem;
}

.HTNCWCD10D21W01 .contents-section2 .table-financial-position {
    margin-top: 6rem;
}

.HTNCWCD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(1) {
    width: 24rem;
}

.HTNCWCD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(2),
.HTNCWCD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(3) {
    width: calc(50% - 12rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D21W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D21W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        padding-top: 4rem;
    }

    .HTNCWCD10D21W01 .contents-section2 .table-financial-position table {
        min-width: 34rem;
    }

    .HTNCWCD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(1),
    .HTNCWCD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(2),
    .HTNCWCD10D21W01 .contents-section2 .table-financial-position colgroup col:nth-child(3) {
        width: 33.3333333333%;
    }
}

.HTNCWCD10D21W02 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWCD10D21W02 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    padding-top: 14rem;
}

.HTNCWCD10D21W02 .contents-section2 .table-income-statement {
    margin-top: 6rem;
}

.HTNCWCD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(1) {
    width: 24rem;
}

.HTNCWCD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(2),
.HTNCWCD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(3) {
    width: calc(50% - 12rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D21W02 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D21W02 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        padding-top: 4rem;
    }

    .HTNCWCD10D21W02 .contents-section2 .table-income-statement table {
        min-width: 34rem;
    }

    .HTNCWCD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(1),
    .HTNCWCD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(2),
    .HTNCWCD10D21W02 .contents-section2 .table-income-statement colgroup col:nth-child(3) {
        width: 33.3333333333%;
    }
}

.HTNCWCD10D21W03 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWCD10D21W03 .contents-section2 .contents-article3 {
    padding-bottom: 20rem;
}

.HTNCWCD10D21W03 .contents-section2 .table-financial-info colgroup col:nth-child(1),
.HTNCWCD10D21W03 .contents-section2 .table-financial-info colgroup col:nth-child(2),
.HTNCWCD10D21W03 .contents-section2 .table-financial-info colgroup col:nth-child(3) {
    width: 33.3333333333%;
}

.HTNCWCD10D21W03 .contents-section2 .table-financial-info td .color-1 {
    color: rgb(255, 17, 17);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D21W03 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD10D21W03 .contents-section2 .contents-article3 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D21W03 .contents-section2 .table-financial-info table {
        min-width: 32rem;
    }

    .HTNCWCD10D21W03 .contents-section2 .table-financial-info tbody td:nth-child(1) {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

.HTNCWCD10D22W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWCD10D22W01 .contents-section2 .contents-article4 .data-display.case-27 .data-aside {
    display: none;
}

.HTNCWCD10D22W01 .contents-section2 .contents-article5 {
    padding-bottom: 20rem;
}

.HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry {
    display: flex;
    border: 0.1rem solid rgb(196, 196, 196);
}

.HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    padding: 1.8rem 1rem;
    text-align: center;
    border-right: 0.1rem solid rgb(196, 196, 196);
}

.HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li.name {
    background-color: rgb(244, 248, 255);
}

.HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li.name .para {
    font-weight: 600;
    color: rgb(9, 25, 67);
}

.HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li:last-child {
    border-right: none;
}

.HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para {
    width: 100%;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(83, 83, 83);
}

.HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para .info {
    max-width: 100%;
    display: inline-block;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    word-wrap: break-word;
    word-break: keep-all;
}

.HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para .info.point-1 {
    padding-right: 0.6rem;
}

.HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li .para .point-1 {
    font-weight: 600;
    font-size: inherit;
    line-height: inherit;
    color: rgb(9, 25, 67);
}

.HTNCWCD10D22W01 .contents-section2 .table-display tbody th,
.HTNCWCD10D22W01 .contents-section2 .table-display tbody td {
    word-break: keep-all;
    word-wrap: break-word;
}

.HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-1 colgroup col {
    width: 25%;
}

.HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col {
    width: 8.72%;
}

.HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col:nth-child(1) {
    width: 12.8%;
}

.HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col {
    width: 17.44%;
}

.HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col:nth-child(1) {
    width: 12.8%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D22W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD10D22W01 .contents-section2 .contents-article4 .data-display.case-27 .pc-btn {
        display: none;
    }

    .HTNCWCD10D22W01 .contents-section2 .contents-article4 .data-display.case-27 .data-aside {
        display: block;
    }

    .HTNCWCD10D22W01 .contents-section2 .contents-article5 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry {
        display: block;
    }

    .HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li {
        display: block;
        width: initial;
        padding: 0.9rem 2rem 0;
        text-align: left;
        border: none;
    }

    .HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li.name {
        border-bottom: 0.1rem solid rgb(196, 196, 196);
        text-align: center;
        padding: 1.8rem 2rem;
    }

    .HTNCWCD10D22W01 .contents-section2 .contents-article5 .list-ir-inquiry li:last-child {
        padding-bottom: 0.9rem;
    }

    .HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-1 table {
        min-width: 38.7rem;
    }

    .HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-1 colgroup col {
        width: calc((100% - 12.2rem) / 3);
    }

    .HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-1 colgroup col:nth-child(1) {
        width: 12.2rem;
    }

    .HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-2 table {
        min-width: 96rem;
    }

    .HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col {
        width: calc((100% - 14rem) / 10);
    }

    .HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-2 colgroup col:nth-child(1) {
        width: 14rem;
    }

    .HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-3 table {
        min-width: 76.3rem;
    }

    .HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col {
        width: 16.6666666667%;
    }

    .HTNCWCD10D22W01 .contents-section2 .table-display.table-ir-info-3 colgroup col:nth-child(1) {
        width: 16.6666666667%;
    }

    .HTNCWCD10D22W01 .contents-section2 .table-display+.data-info.case-1 .order-list .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.HTNCWCD10D23W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWCD10D23W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside {
    padding-top: 0;
}

.HTNCWCD10D23W01 .contents-section2 .contents-article1 .submit-display+.table-display {
    margin-top: 1.6rem;
}

.HTNCWCD10D23W01 .contents-section2 .table-board colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWCD10D23W01 .contents-section2 .table-board colgroup col:nth-child(3),
.HTNCWCD10D23W01 .contents-section2 .table-board colgroup col:nth-child(4) {
    width: 21.4rem;
}

.HTNCWCD10D23W01 .contents-section2 .table-board+.data-info.case-1 .link {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
}

.HTNCWCD10D23W01 .contents-section2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D23W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D23W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside {
        padding-top: 4rem;
    }

    .HTNCWCD10D23W01 .contents-section2 .contents-article1 .submit-display+.table-display {
        margin-top: 4rem;
    }

    .HTNCWCD10D23W01 .contents-section2 .table-board table {
        min-width: 54.6rem;
    }

    .HTNCWCD10D23W01 .contents-section2 .table-board colgroup col:nth-child(1) {
        width: 6.2rem;
    }

    .HTNCWCD10D23W01 .contents-section2 .table-board colgroup col:nth-child(3),
    .HTNCWCD10D23W01 .contents-section2 .table-board colgroup col:nth-child(4) {
        width: 10.5rem;
    }

    .HTNCWCD10D23W01 .contents-section2 .table-board+.data-info.case-1 .order-item {
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .HTNCWCD10D23W01 .contents-section2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWCD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-body {
    padding: 0;
}

.HTNCWCD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
    margin-top: 4rem;
}

.HTNCWCD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
    margin-top: 1.2rem;
}

.HTNCWCD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .order-list>li {
    padding-left: 1.15em;
    text-indent: -1.15em;
}

.HTNCWCD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .order-list2>li {
    padding-left: 2.25em;
    text-indent: -1.1em;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D23W02 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-item+.data-item {
        margin-top: 2rem;
    }

    .HTNCWCD10D23W02 .contents-section2 .contents-article1 .data-display.case-17 .data-title+.order-list {
        margin-top: 1rem;
    }
}

.HTNCWCD10D24W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWCD10D24W01 .contents-section2 .table-board colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWCD10D24W01 .contents-section2 .table-board colgroup col:nth-child(3),
.HTNCWCD10D24W01 .contents-section2 .table-board colgroup col:nth-child(4) {
    width: 21.4rem;
}

.HTNCWCD10D24W01 .contents-section2 .table-board+.pagination-display {
    margin-top: 5.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D24W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D24W01 .contents-section2 .table-board table {
        min-width: 52.1rem;
    }

    .HTNCWCD10D24W01 .contents-section2 .table-board colgroup col:nth-child(1) {
        width: 6.1rem;
    }

    .HTNCWCD10D24W01 .contents-section2 .table-board colgroup col:nth-child(3) {
        width: 10.5rem;
    }

    .HTNCWCD10D24W01 .contents-section2 .table-board colgroup col:nth-child(4) {
        width: 8.2rem;
    }

    .HTNCWCD10D24W01 .contents-section2 .table-board+.pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWCD10D25W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
    padding: 8rem 1.8rem 7.2rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWCD10D25W01 .contents-section2 .contents-article2 {
    padding-top: 14rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D25W01 {
        padding-top: 6rem;
        background-color: rgb(244, 248, 255);
    }

    .HTNCWCD10D25W01 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
        padding-top: 0;
        padding-bottom: 8rem;
    }

    .HTNCWCD10D25W01 .contents-section2 .contents-article2 {
        background-color: #fff;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWCD10D25W02 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWCD10D25W02 .contents-section2 .table-report colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWCD10D25W02 .contents-section2 .table-report colgroup col:nth-child(3),
.HTNCWCD10D25W02 .contents-section2 .table-report colgroup col:nth-child(4) {
    width: 21.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D25W02 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D25W02 .contents-section2 .table-report table {
        min-width: 43rem;
    }

    .HTNCWCD10D25W02 .contents-section2 .table-report colgroup col:nth-child(1) {
        width: 7rem;
    }

    .HTNCWCD10D25W02 .contents-section2 .table-report colgroup col:nth-child(3) {
        width: 11rem;
    }

    .HTNCWCD10D25W02 .contents-section2 .table-report colgroup col:nth-child(4) {
        width: 8.2rem;
    }
}

.HTNCWCD10D25W03 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWCD10D25W03 .contents-section2 .table-report colgroup col:nth-child(1) {
    width: 12.8rem;
}

.HTNCWCD10D25W03 .contents-section2 .table-report colgroup col:nth-child(3),
.HTNCWCD10D25W03 .contents-section2 .table-report colgroup col:nth-child(4) {
    width: 21.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D25W03 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWCD10D25W03 .contents-section2 .table-report table {
        min-width: 43rem;
    }

    .HTNCWCD10D25W03 .contents-section2 .table-report colgroup col:nth-child(1) {
        width: 7rem;
    }

    .HTNCWCD10D25W03 .contents-section2 .table-report colgroup col:nth-child(3) {
        width: 11rem;
    }

    .HTNCWCD10D25W03 .contents-section2 .table-report colgroup col:nth-child(4) {
        width: 8.2rem;
    }
}

.HTNCWCD10D25W04 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
    padding: 8rem 1.8rem 7.2rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWCD10D25W04 .contents-section2 .contents-article2 {
    padding-top: 14rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D25W04 {
        padding-top: 6rem;
        background-color: rgb(244, 248, 255);
    }

    .HTNCWCD10D25W04 .contents-section2 .contents-article1 .data-display.case-27 .data-aside-inner {
        padding-top: 0;
        padding-bottom: 8rem;
    }

    .HTNCWCD10D25W04 .contents-section2 .contents-article2 {
        background-color: #fff;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWCD10D30W01 #talentAniWrap {
    max-width: 133.6rem;
    margin: 9rem auto 28rem;
}

.HTNCWCD10D30W01 #talentAniWrap .data-wrap {
    display: flex;
    align-items: center;
}

.HTNCWCD10D30W01 #talentAniWrap .data-wrap .img-area {
    flex: 0 0 auto;
    width: 50%;
    display: flex;
    justify-content: flex-end;
    padding-right: 1rem;
}

.HTNCWCD10D30W01 #talentAniWrap .data-wrap .img-area .box-wrap {
    position: relative;
}

.HTNCWCD10D30W01 #talentAniWrap .data-wrap .img-area .box2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.HTNCWCD10D30W01 #talentAniWrap .data-wrap .text-area {
    padding-left: 10rem;
}

.HTNCWCD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title {
    font-family: "PretendardJP", "Noto Sans SC";
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 4.8rem;
}

.HTNCWCD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title .name {
    font-weight: inherit;
}

.HTNCWCD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title .c_blue {
    font-weight: inherit;
    color: #1B4B66;
}

.HTNCWCD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc1 {
    color: #282828;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
}

.HTNCWCD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc2 {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-top: 3rem;
}

.HTNCWCD10D30W01 #talentArticle {
    background: url("../images/common/photo/company/recruitment/img-talent-bg-01-pc.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 12rem 1.8rem 20rem;
}

.HTNCWCD10D30W01 #talentArticle .title {
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.HTNCWCD10D30W01 #talentArticle .title .name {
    font-weight: inherit;
}

.HTNCWCD10D30W01 #talentArticle .talentSwiper {
    width: 100%;
    margin-top: 8rem;
}

.HTNCWCD10D30W01 #talentArticle .talentSwiper .swiper-wrapper {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

.HTNCWCD10D30W01 #talentArticle .talentSwiper .swiper-slide {
    width: calc((100% - 6rem) / 4);
    height: 100%;
    min-height: 42.6rem;
    padding: 2.994% 3.743%;
    border-radius: 2.4rem;
    background: #191F26;
}

.HTNCWCD10D30W01 #talentArticle .talentSwiper .keyword {
    color: #737373;
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    text-align: right;
}

.HTNCWCD10D30W01 #talentArticle .talentSwiper .keyword-eng {
    color: #FF8D24;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem;
    margin-top: 2.8rem;
}

.HTNCWCD10D30W01 #talentArticle .talentSwiper .desc1 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-top: 4rem;
}

.HTNCWCD10D30W01 #talentArticle .talentSwiper .desc2 {
    color: #E1E6EF;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
    margin-top: 1.6rem;
}

.HTNCWCD10D30W01 #talentArticle .comment {
    color: #999;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.8rem;
    margin-top: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D30W01 #talentAniWrap {
        margin: 7rem auto 10rem;
    }

    .HTNCWCD10D30W01 #talentAniWrap .data-wrap {
        flex-direction: column;
    }

    .HTNCWCD10D30W01 #talentAniWrap .data-wrap .img-area {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-right: 0;
    }

    .HTNCWCD10D30W01 #talentAniWrap .data-wrap .img-area .box-wrap {
        position: relative;
    }

    .HTNCWCD10D30W01 #talentAniWrap .data-wrap .img-area .box {
        width: 41.6vw;
        max-width: 15.6rem;
    }

    .HTNCWCD10D30W01 #talentAniWrap .data-wrap .img-area .box img {
        width: 100%;
    }

    .HTNCWCD10D30W01 #talentAniWrap .data-wrap .text-area {
        padding: 0 3rem;
        margin-top: 8rem;
    }

    .HTNCWCD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .title {
        font-size: 2.8rem;
        line-height: 4.2rem;
    }

    .HTNCWCD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc1 {
        font-size: 1.4rem;
        line-height: 2.2rem;
        margin-bottom: 1.4rem;
    }

    .HTNCWCD10D30W01 #talentAniWrap .data-wrap .text-area .text-wrap .desc2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: 2.4rem;
    }

    .HTNCWCD10D30W01 #talentArticle {
        background-image: url("../images/common/photo/company/recruitment/img-talent-bg-01-mo.jpg");
        padding: 10rem 1.8rem 14rem;
        overflow: hidden;
    }

    .HTNCWCD10D30W01 #talentArticle .title {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWCD10D30W01 #talentArticle .talentSwiper {
        margin-top: 4rem;
    }

    .HTNCWCD10D30W01 #talentArticle .talentSwiper .swiper {
        overflow: visible;
    }

    .HTNCWCD10D30W01 #talentArticle .talentSwiper .swiper-wrapper {
        gap: 0;
    }

    .HTNCWCD10D30W01 #talentArticle .talentSwiper .swiper-slide {
        width: 100%;
        min-height: 39rem;
        padding: 4rem;
    }

    .HTNCWCD10D30W01 #talentArticle .talentSwiper .keyword {
        color: #737373;
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.6rem;
        text-align: right;
    }

    .HTNCWCD10D30W01 #talentArticle .talentSwiper .keyword-eng {
        color: #FF8D24;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 3.2rem;
        margin-top: 2.8rem;
    }

    .HTNCWCD10D30W01 #talentArticle .talentSwiper .desc1 {
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 3.2rem;
        margin-top: 4rem;
    }

    .HTNCWCD10D30W01 #talentArticle .talentSwiper .desc2 {
        color: #E1E6EF;
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2.2rem;
        margin-top: 1.6rem;
    }

    .HTNCWCD10D30W01 #talentArticle .comment {
        color: #999;
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 2.8rem;
        margin-top: 2.4rem;
    }
}

.HTNCWCD10D31W01 .pmc {
    margin-top: 8rem;
}

.HTNCWCD10D31W01 .thumbnail-display {
    margin-top: 10rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D31W01 .thumbnail-display {
        margin-top: 0rem;
    }
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item {
    padding-bottom: 18rem;
    border-top: 1px solid #E1E6EF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item {
        padding-bottom: 6rem;
    }
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item:first-child {
    border-top: 0;
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap {
    align-items: flex-start;
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body {
    padding-top: 8rem;
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body h4.title {
    margin-bottom: 3rem;
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 {
    display: flex;
    gap: 11rem;
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 li {
    flex: 0 0 calc((100% - 11rem) / 2);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-head {
        text-align: left;
        margin-top: 10rem;
    }

    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body {
        padding-top: 4rem;
    }

    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body h4.title {
        margin-bottom: 1.6rem;
    }

    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 {
        display: block;
    }

    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 li {
        flex: none;
        width: 100%;
        margin-top: 6rem;
    }

    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item .thumbnail-wrap .thumbnail-body ul.col-2 li:first-child {
        margin-top: 0;
    }
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.evaluation picture {
    display: block;
    margin-top: 6rem;
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.evaluation picture img {
    width: 100%;
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition {
    margin-top: 14rem;
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list {
    display: flex;
    gap: 2rem;
    margin-top: 3rem;
}

.HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display {
    flex: 0 0 calc((100% - 4rem) / 3);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition {
        margin-top: 6rem;
    }

    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list {
        display: block;
        margin-top: 2.4rem;
    }

    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display {
        flex: none;
        display: block;
        margin-top: 1.2rem;
    }

    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display:first-child {
        margin-top: 0rem;
    }

    .HTNCWCD10D31W01 .thumbnail-display .thumbnail-list .thumbnail-item.reward .reward-composition .reward-list .card-box-display .card-box-inner {
        min-height: 20rem;
    }
}

.HTNCWCD10D31W01 .welfare .tab-accordion-display {
    margin-top: 8rem;
}

.HTNCWCD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title .em1 {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #fff;
    margin-left: 0.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-title .em1 {
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2.2rem;
        color: #000;
        margin-left: 0;
    }
}

.HTNCWCD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul>li .sub-content-box .sub-text .em1 {
    font-weight: 600;
    font-size: 1.8rem;
}

.HTNCWCD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2 {
    width: 47.2rem;
    -moz-column-count: 2;
    column-count: 2;
}

.HTNCWCD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2>li {
    flex: 0 0 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2 {
        width: 100%;
        display: block;
        -moz-column-count: 1;
        column-count: 1;
    }

    .HTNCWCD10D31W01 .welfare .tab-accordion-display .tab-accordion-inner .tab-accordion-body ul.tab-list>li.accordion-item .tab-sub-list>ul.col-2>li {
        flex: none;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D31W01 .welfare {
        padding-top: 4rem;
    }
}

.HTNCWCD10D32W01 .container-inner .contents-section-inner .local-head:after {
    transition: 0.7s !important;
}

.HTNCWCD10D32W01 .container-inner .contents-section-inner .local-head.active:after {
    background: #191F26 !important;
    transition: 0.7s !important;
}

.HTNCWCD10D32W01 .container-inner .contents-article1 {
    margin-top: 10rem;
}

.HTNCWCD10D32W01 .container-inner .job-item {
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D32W01 .container-inner .job-item {
        padding-bottom: 10rem;
    }
}

.HTNCWCD10D32W01 .container-inner .job-title {
    width: 100%;
    height: auto;
    margin-top: 4rem;
}

.HTNCWCD10D32W01 .container-inner .job-title .swiper {
    width: 100%;
}

.HTNCWCD10D32W01 .container-inner .job-title .swiper .swiper-wrapper {
    flex-direction: row;
}

.HTNCWCD10D32W01 .container-inner .job-title .swiper .swiper-slide {
    width: auto;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(225, 230, 239);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 4rem;
}

.HTNCWCD10D32W01 .container-inner .job-title .swiper .swiper-slide:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.HTNCWCD10D32W01 .container-inner .job-title .swiper .swiper-slide.swiper-slide-thumb-active {
    color: #FF8D24;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D32W01 .container-inner .job-title .swiper .swiper-slide {
        font-size: 1.8rem;
        line-height: 3rem;
        margin-right: 2rem;
    }
}

.HTNCWCD10D32W01 .container-inner .job-content {
    width: 100%;
    height: auto;
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D32W01 .container-inner .job-content {
        margin-top: 2.4rem;
    }
}

.HTNCWCD10D32W01 .container-inner .job-content .swiper {
    width: 100%;
}

.HTNCWCD10D32W01 .container-inner .job-content .swiper .swiper-wrapper {
    flex-direction: row;
}

.HTNCWCD10D32W01 .container-inner .job-content .swiper .swiper-slide .box {
    width: 100%;
    height: 22rem;
    background-color: #0F151C;
    box-shadow: inset 0px 7px 20px rgba(0, 0, 0, 0.15);
    border-radius: 1.6rem;
    padding: 0 8rem;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: #fff;
    display: flex;
    justify-content: left;
    align-items: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D32W01 .container-inner .job-content .swiper .swiper-slide .box {
        height: auto;
        padding: 5rem 3rem;
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.HTNCWCD10D33W01 .contents-section-head .data-body .data-para {
    text-align: center;
}

.HTNCWCD10D33W01 .contents-section-head .data-body .diagram-display {
    margin-top: 8rem;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-head .data-body .diagram-display {
        margin-top: 6rem;
        margin-left: -1.8rem;
        margin-right: -1.8rem;
    }
}

.HTNCWCD10D33W01 .contents-section-head .data-body .diagram-display picture {
    width: 100%;
}

.HTNCWCD10D33W01 .contents-section-head .data-body .diagram-display picture img {
    width: 100%;
    max-width: 1840px;
}

.HTNCWCD10D33W01 .contents-section-body .contents-article {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .contents-article {
        margin-top: 10rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .contents-article .data-head .title.small-v2 em {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .contents-article .data-body .data-para {
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .contents-article .data-body .data-para {
        text-align: left;
    }
}

.HTNCWCD10D33W01 .contents-section-body .philosophy .data-display {
    width: 100%;
    max-width: 111rem;
    margin: 0 auto;
}

.HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents {
    margin-top: 6rem;
}

.HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li {
    margin-top: 1.2rem;
}

.HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box {
    background-color: rgb(244, 248, 255);
    border: 2px solid #e1e9f0;
    border-radius: 1.6rem;
    padding: 4rem 0rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box {
        padding: 3rem 0rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner {
    display: flex;
    align-items: center;
}

.HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .title {
    flex: 0 0 30%;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: #1B4B66;
    padding-left: 6rem;
}

.HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .title:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .desc {
    flex: 0 0 70%;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #282828;
    padding-right: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner {
        display: block;
    }

    .HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .title {
        flex: none;
        padding-left: 2.4rem;
    }

    .HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .box-inner .desc {
        flex: none;
        font-size: 1.4rem;
        padding-left: 2.4rem;
        padding-top: 1.6rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list {
    display: flex;
    flex-wrap: wrap;
}

.HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list .order-item {
    flex: 0 0 50%;
    margin-top: 0.5rem;
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list {
        display: block;
    }

    .HTNCWCD10D33W01 .contents-section-body .philosophy .box-contents>ul>li .box .attitude .order-list .order-item {
        flex: none;
    }
}

.HTNCWCD10D33W01 .contents-section-body .leader .data-body .data-para {
    text-align: left;
}

.HTNCWCD10D33W01 .contents-section-body .leader .table-display {
    margin-top: 8rem;
}

.HTNCWCD10D33W01 .contents-section-body .global {
    padding: 18rem 0;
    background-image: url("../images/common/photo/company/recruitment/img-dev-01-pc.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .global {
        padding: 10rem 0;
        background-image: url("../images/common/photo/company/recruitment/img-dev-01-mo.jpg");
    }
}

.HTNCWCD10D33W01 .contents-section-body .global .data-body .data-para {
    text-align: left;
}

.HTNCWCD10D33W01 .contents-section-body .global .data-display {
    display: flex;
    gap: 4rem;
    align-items: center;
    justify-content: space-between;
}

.HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul {
    display: flex;
    gap: 2rem;
}

.HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box {
    width: 32rem;
    height: 100%;
    min-height: 28.5rem;
    padding: 4rem 2rem 4rem 4rem;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 1.6rem;
}

.HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .name {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    color: #1B4B66;
}

.HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list {
    margin-top: 2.5rem;
}

.HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list li {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 0.5rem;
}

.HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list li:first-child {
    margin-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .global .data-display {
        display: block;
        gap: 0;
    }

    .HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul {
        display: block;
        gap: 0;
        margin-top: 6rem;
    }

    .HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li {
        margin-top: 1rem;
    }

    .HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box {
        width: 74.045%;
        height: auto;
        min-height: auto;
        padding: 2.5rem;
        border-radius: 1.2rem;
        margin-left: auto;
    }

    .HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }

    .HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list {
        margin-top: 1.2rem;
    }

    .HTNCWCD10D33W01 .contents-section-body .global .data-display .box_contents>ul>li .box .list li {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 0rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .professional .data-body .data-para {
    text-align: left;
}

.HTNCWCD10D33W01 .contents-section-body .professional .box_contents>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 4rem;
}

.HTNCWCD10D33W01 .contents-section-body .professional .box_contents>ul>li {
    flex: 0 0 calc((100% - 1rem) / 2);
}

.HTNCWCD10D33W01 .contents-section-body .professional .box_contents>ul>li .box {
    width: 100%;
    height: 100%;
    min-height: 18.5rem;
    padding: 5rem;
    border-radius: 1rem;
    border: 1px solid #e1e6ef;
}

.HTNCWCD10D33W01 .contents-section-body .professional .box_contents>ul>li .box .order-item,
.HTNCWCD10D33W01 .contents-section-body .professional .box_contents>ul>li .box .order-item:before {
    color: #091943;
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .professional .box_contents>ul {
        display: block;
    }

    .HTNCWCD10D33W01 .contents-section-body .professional .box_contents>ul>li {
        flex: none;
        width: 100%;
        margin-top: 1rem;
    }

    .HTNCWCD10D33W01 .contents-section-body .professional .box_contents>ul>li:first-child {
        margin-top: 0;
    }

    .HTNCWCD10D33W01 .contents-section-body .professional .box_contents>ul>li .box {
        height: auto;
        min-height: auto;
        padding: 1.8rem 1.8rem 1.8rem 1.2rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .job-edu .data-body {
    padding-top: 1.2rem !important;
}

.HTNCWCD10D33W01 .contents-section-body .job-edu .data-body .data-para {
    text-align: left;
    color: #091943;
}

.HTNCWCD10D33W01 .contents-section-body .job-edu .table-display {
    margin-top: 3rem;
}

.HTNCWCD10D33W01 .contents-section-body .biz-edu .data-body {
    padding-top: 1.2rem !important;
}

.HTNCWCD10D33W01 .contents-section-body .biz-edu .data-body .data-para {
    text-align: left;
    color: #091943;
}

.HTNCWCD10D33W01 .contents-section-body .biz-edu .table-display {
    margin-top: 3rem;
}

.HTNCWCD10D33W01 .contents-section-body .core-value {
    padding: 14rem 0;
    background-color: #191F26;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .core-value {
        padding: 10rem 0 8rem 0;
    }

    .HTNCWCD10D33W01 .contents-section-body .core-value .data-display.case-2 .data-body .data-para {
        text-align: center;
    }
}

.HTNCWCD10D33W01 .contents-section-body .core-value .slide-img-wrapper {
    overflow-x: hidden;
    padding: 6rem 0 10rem 0;
    margin: 0 -1.8rem;
}

.HTNCWCD10D33W01 .contents-section-body .core-value .slide-img-wrapper .slide-img {
    padding-bottom: 11.784%;
    position: relative;
}

.HTNCWCD10D33W01 .contents-section-body .core-value .slide-img-wrapper .slide-img .img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .core-value .slide-img-wrapper {
        padding: 6rem 0 4rem 0;
    }

    .HTNCWCD10D33W01 .contents-section-body .core-value .slide-img-wrapper .slide-img {
        padding-bottom: 10rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul {
    border-top: 1px solid transparent;
    -o-border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image-slice: 1;
}

.HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li {
    display: flex;
    padding: 6rem 11rem;
    border-bottom: 1px solid transparent;
    -o-border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image: linear-gradient(to right, transparent, #777 50%, transparent);
    border-image-slice: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li {
        display: block;
        padding: 3rem 2rem 3rem 3rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li h5.title {
    flex: 0 0 50%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li h5.title {
        flex: none;
        width: 100%;
        margin-bottom: 1.8rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc {
    flex: 0 0 50%;
}

.HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1 {
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 2rem;
    line-height: 3.2rem;
    color: #FF8D24;
}

.HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1:lang(zh-CN) {
    font-family: "PretendardJP", "Noto Sans SC";
}

.HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1+.txt2 {
    margin-top: 2rem;
}

.HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt2 {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #E1E6EF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc {
        flex: none;
        width: 100%;
    }

    .HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1 {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }

    .HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt1+.txt2 {
        margin-top: 1rem;
    }

    .HTNCWCD10D33W01 .contents-section-body .core-value .list-contents>ul>li .desc .txt2 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .adaptation {
    margin-top: 0;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .bg-container-wrap {
    display: flex;
    align-items: flex-start;
    max-width: 162.9rem;
    margin: 0 -1.8rem;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .bg-container-wrap .bg {
    position: sticky;
    top: 0;
    height: 100vh;
    flex: 0 0 calc(100% - 88.5rem);
    background-image: url("../images/common/photo/company/recruitment/img-adaptation-01-pc.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .bg-container-wrap .con {
    flex: 0 0 88.5rem;
    padding-top: 18rem;
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .adaptation .bg-container-wrap {
        display: block;
        max-width: 100%;
        margin: inherit;
    }

    .HTNCWCD10D33W01 .contents-section-body .adaptation .bg-container-wrap .bg {
        position: static;
        top: 0;
        height: auto;
        flex: none;
        background-image: none;
    }

    .HTNCWCD10D33W01 .contents-section-body .adaptation .bg-container-wrap .con {
        flex: none;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .data-display {
    max-width: 88.5rem;
    padding-left: 11rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .adaptation .data-display {
        max-width: initial;
        padding-left: 0rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .data-display .data-body .data-para {
    text-align: left;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper {
    padding: 12rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper {
        padding: 8rem 1.8rem;
        margin: 6rem -1.8rem 0 -1.8rem;
        background-image: url("../images/common/photo/company/recruitment/img-adaptation-01-mo.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper {
    position: relative;
    z-index: 3;
    width: 62.5rem;
    height: 40rem;
    border: 1px solid #E1E6EF;
    border-radius: 1.6rem;
    background-color: #fff;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper {
        width: 100%;
        height: auto;
        min-height: 35rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-wrapper {
    flex-direction: row;
    height: 200px;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide {
    padding: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide {
        padding: 3rem 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .title {
        text-align: center;
    }
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .title .name {
    color: #1B4B66;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .order-list {
    margin-top: 3rem;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .order-list .order-item {
    font-weight: 600;
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-slide .order-list {
        margin-top: 2.4rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev,
.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next {
    width: 2.2rem;
    height: 2.2rem;
    top: initial;
    bottom: 5.4rem;
    z-index: 2;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev,
    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next {
        bottom: 3.4rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev:after,
.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next:after {
    display: none;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev .button.design-1.case-6,
.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next .button.design-1.case-6 {
    width: 2.4rem;
    height: 2.4rem;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-prev {
    left: 50%;
    margin-left: -6.5rem;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-button-next {
    right: 50%;
    margin-right: -6.5rem;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-pagination {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #282828;
    bottom: 5rem;
    z-index: 1;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-pagination>* {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .adaptationSwiper .swiper-pagination {
        bottom: 3rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg {
    position: relative;
    height: 3rem;
    border-radius: 1.6rem;
    margin: -1.5rem auto 0 auto;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg1 {
    width: 76%;
    border: 1px solid #d8eef8;
    background-color: #e0f6ff;
    z-index: 2;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg2 {
    width: 72%;
    border: 1px solid #d8e9f1;
    background-color: #cce2ed;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg {
        height: 3rem;
        margin: -1.7rem auto 0 auto;
    }

    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg1 {
        width: 95%;
    }

    .HTNCWCD10D33W01 .contents-section-body .adaptation .slide-box-wrapper .slide-box-bg.bg2 {
        width: 90%;
    }
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .ojt {
    width: 62.5rem;
    padding-left: 6rem;
    margin: 0 auto;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .ojt>ul>li {
    margin-top: 3rem;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .ojt>ul>li .title .name {
    color: #1B4B66;
}

.HTNCWCD10D33W01 .contents-section-body .adaptation .ojt>ul>li>ul.order-list {
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .adaptation .ojt {
        width: 100%;
        padding-left: 0rem;
        padding-top: 6rem;
    }

    .HTNCWCD10D33W01 .contents-section-body .adaptation .ojt>ul>li {
        margin-top: 1.5rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program {
    margin-top: 0;
    padding: 18rem 0 20rem 0;
    background-image: url("../images/common/photo/company/recruitment/img-edu-bg-pc.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program {
        padding: 10rem 0 14rem 0;
        background-image: url("../images/common/photo/company/recruitment/img-edu-bg-mo.jpg");
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .data-body .data-para {
    text-align: left;
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents {
        margin-top: 10rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list {
    margin-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list {
        margin-top: 2.4rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li {
    flex: 0 0 calc((100% - 2rem) / 2);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li {
        flex: 0 0 100%;
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box {
    width: 100%;
    height: 100%;
    color: #fff;
    border-radius: 2rem;
    background-color: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box {
        padding: 4rem 3rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box h6.title .num {
    font-family: "Poppins";
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #FF8D24;
    vertical-align: middle;
    margin-right: 1.5rem;
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box h6.title .name {
    vertical-align: middle;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box h6.title .num {
        margin-right: 1.2rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box .order-list {
    margin-top: 1.7rem;
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box .order-list .order-item {
    font-weight: 600;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li .box .order-list .order-item {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(2) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-01-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(2) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-01-mo.png");
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(3) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-02-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(3) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-02-mo.png");
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(6) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-03-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(6) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-03-mo.png");
    }
}

.HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(7) .box {
    background-image: url("../images/common/photo/company/recruitment/img-edu-04-pc.png");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD10D33W01 .contents-section-body .edu-program .box-contents .box-list>ul>li:nth-child(7) .box {
        background-image: url("../images/common/photo/company/recruitment/img-edu-04-mo.png");
    }
}

.HTNCWCD20D10W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWCD20D10W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD20D10W01 .contents-section1 .diagram-display.design-1 .picture {
        max-width: 33.9rem;
        margin: 0 auto;
    }
}

.HTNCWCD20D10W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    background-image: url(../images/common/photo/business/textile/img-creora-bg-01.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWCD20D10W01 .contents-section2 .contents-article1 .contents-article-inner {
    min-height: 100vh;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWCD20D10W01 .contents-section2 .contents-article2 {
    padding-top: 18rem;
}

.HTNCWCD20D10W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
    margin-top: 18rem;
}

.HTNCWCD20D10W01 .contents-section2 .contents-article2 .business-content-list .detail-content-product {
    padding-top: 18rem;
    background-color: rgb(0, 0, 0);
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD20D10W01 .contents-section2 .contents-article1 {
        margin-top: 0;
    }

    .HTNCWCD20D10W01 .contents-section2 .contents-article1 .contents-article-inner {
        min-height: initial;
        padding-bottom: 8rem;
    }

    .HTNCWCD20D10W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
    }

    .HTNCWCD20D10W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
        margin-top: 10rem;
    }

    .HTNCWCD20D10W01 .contents-section2 .contents-article2 .business-content-list .detail-content-product {
        padding-top: 8rem;
        padding-bottom: 14rem;
    }
}

.HTNCWCD20D11W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWCD20D11W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD20D11W01 .contents-section1 .diagram-display.design-1 .picture {
        max-width: 33.9rem;
        margin: 0 auto;
    }
}

.HTNCWCD20D11W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    background-image: url(../images/common/photo/business/textile/img-regen-bg-01.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWCD20D11W01 .contents-section2 .contents-article1 .contents-article-inner {
    min-height: 100vh;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWCD20D11W01 .contents-section2 .contents-article2 {
    padding-top: 18rem;
    padding-bottom: 20rem;
}

.HTNCWCD20D11W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD20D11W01 .contents-section2 .contents-article1 {
        margin-top: 0;
    }

    .HTNCWCD20D11W01 .contents-section2 .contents-article1 .contents-article-inner {
        min-height: initial;
        padding-bottom: 8rem;
    }

    .HTNCWCD20D11W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD20D11W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
        margin-top: 10rem;
    }
}

.HTNCWCD20D12W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWCD20D12W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD20D12W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
}

.HTNCWCD20D12W01 .contents-section2 .contents-article1 .detail-content {
    margin-top: 18rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD20D12W01 .contents-section2 .contents-article1 {
        margin-top: 0;
    }

    .HTNCWCD20D12W01 .contents-section2 .contents-article1 .detail-content {
        margin-top: -5rem;
        padding-bottom: 14rem;
    }
}

.HTNCWCD20D20W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWCD20D20W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD20D20W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD20D20W01 .contents-section2 .contents-article1 {
        margin-top: 0;
        padding-bottom: 14rem;
    }

    .HTNCWCD20D20W01 .contents-section2 .contents-article1 .business-content-list .content-inner.detail-content {
        margin-top: -5rem;
    }
}

.HTNCWCD20D21W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWCD20D21W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    background-image: url(../images/common/photo/business/trading/img-field-bg-01.jpg);
    background-position: 50% 50%;
    background-size: cover;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .contents-article-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject {
    text-align: center;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject .subject-sup {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgb(255, 255, 255);
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject .subject-sup+.title {
    margin-top: 1.8rem;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-subject+.board-list {
    margin-top: 10rem;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list {
    display: flex;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item {
    width: 20%;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item.current .board-wrap {
    border-color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.1);
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item.current .board-button {
    opacity: 1;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item:hover .board-wrap {
    border-color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.1);
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-item:hover .board-button {
    opacity: 1;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap {
    display: block;
    position: relative;
    height: 100%;
    padding: 4.8rem 9.36% 6rem 14.975%;
    border-radius: 0.8rem;
    border: 0.1rem solid transparent;
    background-color: transparent;
    transition: 0.4s ease-in-out;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap .board-head {
    min-height: 6.4rem;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap .board-head+.board-body {
    margin-top: 1.2rem;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-wrap .board-body {
    min-height: 11rem;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-title {
    font-weight: 500;
    font-size: 2rem;
    line-height: 3.2rem;
    color: rgb(255, 255, 255);
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-para {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(255, 255, 255);
}

.HTNCWCD20D21W01 .contents-section2 .contents-article1 .board-field-list .board-list .board-button {
    position: absolute;
    left: 4rem;
    bottom: 3rem;
    opacity: 0;
    transition: 0.4s ease-in-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD20D21W01 .contents-section2 .contents-article1 {
        display: none;
    }
}

.HTNCWCD20D21W01 .contents-section2 .navi .tab-text {
    transition: 0.3s;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article2 {
    padding-top: 12.8rem;
    padding-bottom: 20rem;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article2 .business-content-list .business-content-item {
    display: none;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article2 .business-content-list .business-content-item.current {
    display: block;
}

.HTNCWCD20D21W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD20D21W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .business-content-list .content-inner+.content-inner {
        margin-top: 10rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .business-content-list .content-inner.detail-content {
        margin-top: -5rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-tpa>table {
        min-width: 52.7rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-tpa colgroup col:nth-child(1) {
        width: 12.5rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-tpa colgroup col:nth-child(2) {
        width: 9.6rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-tpa colgroup col:nth-child(3) {
        width: 13.1rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip>table {
        min-width: 71.7rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(1) {
        width: 8.7rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(2) {
        width: 13.2rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(3) {
        width: 9.4rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(4) {
        width: 12.8rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-petChip colgroup col:nth-child(5) {
        width: 11rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-psf>table {
        min-width: 71.7rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(1) {
        width: 9.3rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(2) {
        width: 11.5rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(3) {
        width: 12.1rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(4) {
        width: 11.5rem;
    }

    .HTNCWCD20D21W01 .contents-section2 .contents-article2 .table-spec-psf colgroup col:nth-child(5) {
        width: 9.9rem;
    }
}

.HTNCWCD20D22W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWCD20D22W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD20D22W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    padding-top: 18rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD20D22W01 .contents-section2 .contents-article1 {
        margin-top: 0;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWCD20D23W01.sub .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition-duration: 0s;
    transform: translateY(0);
}

.HTNCWCD20D23W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD20D23W01 .contents-section2 .contents-article1 {
    margin-top: -7.2rem;
    padding-top: 18rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD20D23W01 .contents-section2 .contents-article1 {
        margin-top: 0;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWCD30D10W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D10W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD30D10W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
}

.HTNCWCD30D10W01 .contents-section2 .contents-article2 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWCD30D10W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D10W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWCD30D10W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD30D10W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWCD30D11W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D11W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD30D11W01 .contents-section2 .contents-article1 .thumbnail-display.design-34 {
    margin-top: 8rem;
}

.HTNCWCD30D11W01 .contents-section2 .contents-article2 {
    padding-top: 18rem;
    padding-bottom: 20rem;
}

.HTNCWCD30D11W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D11W01 .contents-section2 .contents-article1 .thumbnail-display.design-34 {
        margin-left: -1.8rem;
        margin-right: -1.8rem;
        width: auto;
    }

    .HTNCWCD30D11W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD30D11W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWCD30D12W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D12W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD30D12W01 .contents-section2 .contents-article1 {
    padding-bottom: 20rem;
}

.HTNCWCD30D12W01 .contents-section2 .contents-article1 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D12W01 .contents-section2 .contents-article1 {
        padding-bottom: 14rem;
    }

    .HTNCWCD30D12W01 .contents-section2 .contents-article1 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWCD30D13W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D13W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD30D13W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
    overflow: hidden;
}

.HTNCWCD30D13W01 .contents-section2 .contents-article2 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWCD30D13W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D13W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWCD30D13W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD30D13W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWCD30D20W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D20W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWCD30D20W01 .contents-section2 .contents-article~.contents-article {
    margin-top: 18rem;
}

.HTNCWCD30D20W01 .contents-section2 .contents-article .data-display.design-1 .data-aside {
    margin-top: 6rem;
}

.HTNCWCD30D20W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWCD30D20W01 .contents-section2 .contents-article1 .thumbnail-display.design-39 .thumbnail-figure {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.HTNCWCD30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-header {
    display: none;
}

.HTNCWCD30D20W01 .contents-section2 .contents-article3 {
    background: url(../images/common/photo/brand/esgnow/img-regen-bg-02-pc.jpg) no-repeat center center;
    background-size: cover;
    padding: 14rem 0;
}

.HTNCWCD30D20W01 .contents-section2 .contents-article5 {
    background-color: rgb(244, 248, 255);
    padding: 14rem 0 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D20W01 .contents-section2 .contents-article~.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-header {
        display: block;
        margin-bottom: 2rem;
        border-radius: 1.6rem;
        background-color: rgb(27, 75, 102);
        text-align: center;
        overflow: hidden;
    }

    .HTNCWCD30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-header .img {
        max-width: 100%;
    }

    .HTNCWCD30D20W01 .contents-section2 .contents-article2 .diagram-display.design-2 .diagram-body .picture {
        min-width: 74.9rem;
    }

    .HTNCWCD30D20W01 .contents-section2 .contents-article3 {
        background: url(../images/common/photo/brand/esgnow/img-regen-bg-02-mo.jpg) no-repeat center center;
        background-size: cover;
        padding: 10rem 0 8rem;
    }

    .HTNCWCD30D20W01 .contents-section2 .contents-article5 {
        padding: 10rem 0 14rem;
    }

    .HTNCWCD30D20W01 .contents-section2 .contents-article5 .data-display.design-1 .data-aside {
        margin-top: 4rem;
    }

    .HTNCWCD30D20W01 .contents-section2 .contents-article5 .diagram-display.design-2 .diagram-body .picture {
        min-width: 105.5rem;
    }
}

.HTNCWCD30D21W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D21W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWCD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 {
    margin-top: 8rem;
}

.HTNCWCD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-sub {
    margin-top: 6rem;
}

.HTNCWCD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-sub .para {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
}

.HTNCWCD30D21W01 .contents-section2 .contents-article2 {
    margin-top: 18rem;
}

.HTNCWCD30D21W01 .contents-section2 .contents-article3 {
    margin-top: 14rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 {
        margin-top: 6rem;
    }

    .HTNCWCD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-body .picture {
        min-width: 124.8rem;
    }

    .HTNCWCD30D21W01 .contents-section2 .contents-article1 .diagram-display.design-2 .diagram-sub .para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWCD30D21W01 .contents-section2 .contents-article2 {
        margin-top: 10rem;
    }

    .HTNCWCD30D21W01 .contents-section2 .contents-article3 {
        margin-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWCD30D22W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D22W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWCD30D22W01 .contents-section2 .contents-article~.contents-article {
    margin-top: 18rem;
}

.HTNCWCD30D22W01 .contents-section2 .contents-article1 .data-display.design-6 {
    margin-top: 6rem;
}

.HTNCWCD30D22W01 .contents-section2 .contents-article3 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D22W01 .contents-section2 .contents-article~.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD30D22W01 .contents-section2 .contents-article3 {
        padding-bottom: 14rem;
    }

    .HTNCWCD30D22W01 .contents-section2 .contents-article3 .data-display.design-7 {
        min-width: 700px;
    }
}

.HTNCWCD30D23W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D23W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner {
    display: flex;
    align-items: flex-start;
    padding-bottom: 24rem;
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display {
    position: sticky;
    width: 26%;
    max-width: 31.9rem;
    top: calc(7.6rem + 2vh);
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item {
    position: relative;
    border-radius: 0.8rem;
    height: 8rem;
    max-height: 36rem;
    overflow: hidden;
    --bs-transition-duration: 0.5s;
    transition: var(--bs-transition-duration);
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item+.thumbnail-item {
    margin-top: 0.6rem;
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item.active {
    height: 40vh;
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item.active .thumbnail-inform {
    bottom: 2rem;
    transform: translateY(0);
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-item.active .thumbnail-inform .thumbnail-para {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-figure {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-figure .img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-inform {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 1rem;
    bottom: 50%;
    transform: translateY(50%);
    transition: var(--bs-transition-duration);
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-inform .thumbnail-para {
    text-align: center;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: rgb(255, 255, 255);
    transition: var(--bs-transition-duration);
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display .thumbnail-inform .thumbnail-para .inline-block {
    display: inline-block;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 {
    flex: 1 1 74%;
    padding-left: 18.414%;
    padding-top: 4rem;
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail {
    display: none;
}

.HTNCWCD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .title .color-1 {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    color: rgb(75, 132, 240);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D23W01 .contents-section2 .contents-article-inner {
        display: block;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD30D23W01 .contents-section2 .contents-article-inner .thumbnail-display {
        display: none;
    }

    .HTNCWCD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 {
        padding-left: 0;
        padding-top: 0;
    }

    .HTNCWCD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail {
        display: block;
        position: relative;
        border-radius: 0.8rem;
        overflow: hidden;
    }

    .HTNCWCD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail .img {
        width: 100%;
    }

    .HTNCWCD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .data-thumbnail+.data-head {
        padding-top: 4rem;
    }

    .HTNCWCD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .thumbnail-inform {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 2rem;
        padding: 0 1rem;
    }

    .HTNCWCD30D23W01 .contents-section2 .contents-article-inner .data-display.case-33 .thumbnail-inform .thumbnail-para {
        font-weight: 700;
        font-size: 1.8rem;
        line-height: 3.2rem;
        text-align: center;
        color: rgb(255, 255, 255);
    }
}

.HTNCWCD30D24W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D24W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWCD30D24W01 .contents-section2 .contents-article1 {
    padding-bottom: 18rem;
}

.HTNCWCD30D24W01 .contents-section2 .contents-article2 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWCD30D24W01 .contents-section2 .contents-article2 .pagination-display {
    margin-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D24W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWCD30D24W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD30D24W01 .contents-section2 .contents-article2 .pagination-display {
        margin-top: 6rem;
    }
}

.HTNCWCD30D25W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D25W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWCD30D25W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article .data-picture .img {
    max-width: 100%;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article1 .data-display.design-1.case-23 {
    padding: 10rem 5rem 11rem;
    border-radius: 2.4rem;
    background: url(../images/common/photo/brand/esgnow/img-commu-bg-01-pc.jpg) no-repeat center center;
    background-size: cover;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article2 {
    overflow: hidden;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item1 .diagram-display.design-1 {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-top: 8rem;
    padding-bottom: 10rem;
    background-color: rgb(248, 249, 252);
}

.HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item3 .diagram-display.design-2 {
    padding-top: 2rem;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4 {
    position: relative;
    padding-top: 11rem;
    padding-bottom: 11rem;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4::after {
    content: "";
    position: absolute;
    left: calc(50% - 50vw + 6rem);
    top: 0;
    width: calc(100vw - 12rem);
    height: 100%;
    border-radius: 2.4rem;
    background: url(../images/common/photo/brand/esgnow/img-commu-bg-03-pc.jpg) no-repeat center center;
    background-size: cover;
    z-index: -1;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 {
    max-width: 69.8rem;
    margin: 0 auto;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-item+.data-item {
    margin-top: 1rem;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body {
    padding: 2.9rem 1.5rem;
    border-radius: 1.2rem;
    background-color: rgba(255, 255, 255, 0.08);
    border: 0.1rem solid rgba(255, 255, 255, 0.2);
}

.HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body .data-title {
    margin-top: 0.2rem;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article4 {
    background-color: rgb(244, 248, 255);
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWCD30D25W01 .contents-section2 .contents-article4 .data-display.case-25.align-3 .data-head {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D25W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article1 .data-display.design-1.case-23 {
        padding: 8.2rem 1rem;
        background: url(../images/common/photo/brand/esgnow/img-commu-bg-01-mo.jpg) no-repeat center center;
        background-size: cover;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-picture .img {
        width: 43.9%;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item1 .diagram-display.design-1 {
        margin-left: -1.8rem;
        margin-right: -1.8rem;
        padding: 5rem 1.8rem;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item2 .data-body {
        margin-top: -4.4rem;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item2 .thumbnail-display.design-40 {
        padding-top: 2rem;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item3 .diagram-display.design-2 .picture {
        min-width: 58.6rem;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4 {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4::after {
        left: -1.8rem;
        width: 100vw;
        border-radius: 0;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 {
        max-width: initial;
        margin-top: -1.6rem;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body {
        padding: 2.4rem 1.4rem;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article2 .data-item4 .data-display.case-17 .data-body .data-title {
        margin-top: 0.4rem;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article3 .data-picture .img {
        width: 43.9%;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article4 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD30D25W01 .contents-section2 .contents-article4 .data-display.case-25.align-3 .data-head {
        padding-top: 4rem;
    }
}

.HTNCWCD30D30W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D30W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD30D30W01 .contents-section2 .contents-article {
    text-align: center;
}

.HTNCWCD30D30W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWCD30D30W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWCD30D30W01 .contents-section2 .contents-article1 .data-aside-inner {
    position: relative;
    margin-top: 8rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.HTNCWCD30D30W01 .contents-section2 .contents-article1 .data-aside-inner::after {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    left: calc(50% - 50vw);
    top: 0;
    background-color: rgb(244, 248, 255);
    z-index: -1;
}

.HTNCWCD30D30W01 .contents-section2 .contents-article1 .thumbnail-figure {
    padding-bottom: 6rem;
}

.HTNCWCD30D30W01 .contents-section2 .contents-article1 .thumbnail-figure .img {
    max-width: 100%;
}

.HTNCWCD30D30W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

.HTNCWCD30D30W01 .contents-section2 .contents-article2 .data-aside-inner {
    margin-top: 10rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D30W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD30D30W01 .contents-section2 .contents-article1 .data-aside-inner {
        margin-top: 6rem;
        padding-bottom: 8rem;
    }

    .HTNCWCD30D30W01 .contents-section2 .contents-article1 .data-aside-inner .data-display.case-12 {
        max-width: 340px;
        margin: 0 auto;
        word-break: keep-all;
    }

    .HTNCWCD30D30W01 .contents-section2 .contents-article1 .thumbnail-figure {
        padding-bottom: 4rem;
    }

    .HTNCWCD30D30W01 .contents-section2 .contents-article1 .thumbnail-figure .img {
        width: 100%;
    }

    .HTNCWCD30D30W01 .contents-section2 .contents-article1 .title.small-v1 .name {
        font-size: 2.8rem;
    }

    .HTNCWCD30D30W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }

    .HTNCWCD30D30W01 .contents-section2 .contents-article2 .data-aside-inner {
        margin-top: 6rem;
    }
}

.HTNCWCD30D31W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D31W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD30D31W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 14rem;
}

.HTNCWCD30D31W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D31W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD30D31W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD30D32W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D32W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD30D32W01 .contents-section2 .contents-article+.contents-article {
    margin-top: 18rem;
}

.HTNCWCD30D32W01 .contents-section2 .contents-article1 {
    overflow: hidden;
}

.HTNCWCD30D32W01 .contents-section2 .contents-article1 .data-aside-inner {
    position: relative;
    margin-top: 8rem;
    padding: 14rem 0;
}

.HTNCWCD30D32W01 .contents-section2 .contents-article1 .data-aside-inner::after {
    content: "";
    position: absolute;
    left: calc(50% - 50vw);
    top: 0;
    width: 100vw;
    height: 100%;
    background: url(../images/common/photo/brand/brandstrategy/img-system-bg-01-pc.jpg) no-repeat center center;
    background-size: cover;
    z-index: -1;
}

.HTNCWCD30D32W01 .contents-section2 .contents-article2 {
    padding-bottom: 20rem;
}

.HTNCWCD30D32W01 .contents-section2 .contents-article2 .data-aside-inner {
    margin-top: 6.8rem;
}

.HTNCWCD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type .brand-figure {
    padding-top: 0;
    padding-bottom: 0;
}

.HTNCWCD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type .brand-figure .logo {
    width: 28.2rem;
}

.HTNCWCD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:nth-of-type(3) .brand-figure {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D32W01 .contents-section2 .contents-article+.contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD30D32W01 .contents-section2 .contents-article1 .data-aside-inner {
        margin-top: 6rem;
        padding: 10rem 0 8rem;
    }

    .HTNCWCD30D32W01 .contents-section2 .contents-article1 .data-aside-inner::after {
        background: url(../images/common/photo/brand/brandstrategy/img-system-bg-01-mo.jpg) no-repeat center center;
        background-size: cover;
    }

    .HTNCWCD30D32W01 .contents-section2 .contents-article2 {
        padding-bottom: 8rem;
    }

    .HTNCWCD30D32W01 .contents-section2 .contents-article2 .data-aside-inner {
        margin-top: 7.8rem;
    }

    .HTNCWCD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type {
        padding-top: 0;
    }

    .HTNCWCD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:first-of-type .brand-figure .logo {
        width: 22.5rem;
    }

    .HTNCWCD30D32W01 .contents-section2 .contents-article2 .board-display.design-4 .board-item:nth-of-type(3) .brand-figure {
        padding: 3.9rem 2.95rem;
    }
}

.HTNCWCD30D33W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD30D33W01.container.sub .contents-section2 .contents-article {
    transition: unset;
    transform: unset !important;
}

.HTNCWCD30D33W01 .contents-section2.active2 #visualAni {
    opacity: 1;
}

.HTNCWCD30D33W01 .contents-section2 .contents-article2 {
    opacity: 1 !important;
    background-color: #fff;
    padding-top: 8rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D33W01 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWCD30D33W01 #visualAni {
    position: relative;
    transform: unset;
    padding: 0;
    transition: 0.3s;
    overflow: hidden;
}

.HTNCWCD30D33W01 #visualAni .pin-wrap {
    position: relative;
    height: 100vh;
}

.HTNCWCD30D33W01 #visualAni .bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.HTNCWCD30D33W01 #visualAni .bg-wrap .bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.HTNCWCD30D33W01 #visualAni .bg-wrap .bg.on {
    opacity: 1;
}

.HTNCWCD30D33W01 #visualAni .bg-wrap .bg.on img {
    transform: scale(1.1);
}

.HTNCWCD30D33W01 #visualAni .bg-wrap .bg.bg1 {
    opacity: 1;
}

.HTNCWCD30D33W01 #visualAni .bg-wrap .bg.bg1.on img {
    filter: brightness(2);
}

.HTNCWCD30D33W01 #visualAni .bg-wrap .bg.bg1 img {
    filter: brightness(1);
}

.HTNCWCD30D33W01 #visualAni .bg-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: 0.8s;
}

.HTNCWCD30D33W01 #visualAni .ani-wrap {
    position: relative;
    padding-top: 32vh;
}

.HTNCWCD30D33W01 #visualAni .wrap_text {
    text-align: center;
    color: #fff;
    padding: 0 1.8rem;
}

.HTNCWCD30D33W01 #visualAni .wrap_text1.pc .t_title {
    margin-bottom: 7rem;
}

.HTNCWCD30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner {
    display: inline-flex;
    gap: 1rem;
    overflow: hidden;
}

.HTNCWCD30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner.on .word {
    transform: translateY(0);
}

.HTNCWCD30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner .word {
    display: block;
    font-family: "Poppins";
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 7.2rem;
    color: #fff;
    transform: translateY(100%);
    transition: transform 0.5s;
}

.HTNCWCD30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(2) {
    transition-delay: 0.1s;
}

.HTNCWCD30D33W01 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(3) {
    transition-delay: 0.2s;
}

.HTNCWCD30D33W01 #visualAni .wrap_text1.mo {
    display: none;
}

.HTNCWCD30D33W01 #visualAni .blue-bar {
    width: 28.5rem;
    height: 6rem;
    background: #00AEEF;
    margin: 0 auto;
}

.HTNCWCD30D33W01 #visualAni .wrap_text2 {
    margin-top: 7.5rem;
}

.HTNCWCD30D33W01 #visualAni .wrap_text2,
.HTNCWCD30D33W01 #visualAni .wrap_text3 {
    opacity: 0;
    visibility: hidden;
}

.HTNCWCD30D33W01 #visualAni .t_desc1 {
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
    margin-bottom: 2rem;
}

.HTNCWCD30D33W01 #visualAni .t_desc1 .c-blue {
    font-weight: inherit;
    color: #00AEEF;
}

.HTNCWCD30D33W01 #visualAni .t_desc2 {
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.6rem;
    margin-bottom: 2rem;
}

.HTNCWCD30D33W01 #visualAni .t_desc3 {
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin-bottom: 4rem;
}

.HTNCWCD30D33W01 #visualAni .t_desc4 {
    color: rgba(255, 255, 255, 0.6);
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D33W01 #visualAni .ani-wrap {
        padding-top: 32vh;
    }

    .HTNCWCD30D33W01 #visualAni .wrap_text1.pc {
        display: none;
    }

    .HTNCWCD30D33W01 #visualAni .wrap_text1.mo {
        display: block;
    }

    .HTNCWCD30D33W01 #visualAni .wrap_text1.mo .t_title {
        margin-bottom: 4rem;
    }

    .HTNCWCD30D33W01 #visualAni .wrap_text1.mo .t_title.on .t_title_inner .word {
        transform: translateY(0);
    }

    .HTNCWCD30D33W01 #visualAni .wrap_text1.mo .t_title .t_title_inner {
        display: block;
        overflow: hidden;
    }

    .HTNCWCD30D33W01 #visualAni .wrap_text1.mo .t_title .t_title_inner:nth-child(2) .word {
        transition-delay: 0.1s;
    }

    .HTNCWCD30D33W01 #visualAni .wrap_text1.mo .t_title .t_title_inner .word {
        display: block;
        font-family: "Poppins";
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4.8rem;
        color: #fff;
        transform: translateY(100%);
        transition: transform 0.5s;
    }

    .HTNCWCD30D33W01 #visualAni .blue-bar {
        width: 21.4rem;
        height: 4.5rem;
    }

    .HTNCWCD30D33W01 #visualAni .wrap_text2 {
        margin-top: 6rem;
    }

    .HTNCWCD30D33W01 #visualAni .t_desc1 {
        font-size: 2.4rem;
        line-height: 3.6rem;
        margin-bottom: 1.6rem;
    }

    .HTNCWCD30D33W01 #visualAni .t_desc2 {
        font-size: 2rem;
        line-height: 3.2rem;
    }

    .HTNCWCD30D33W01 #visualAni .t_desc3 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWCD30D33W01 #visualAni .t_desc4 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }
}

.HTNCWCD30D33W02.container.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD30D33W02.container.sub .contents-section2 .contents-article {
    transition: unset;
    transform: unset !important;
}

.HTNCWCD30D33W02 .contents-section2.active2 #visualAni {
    opacity: 1;
}

.HTNCWCD30D33W02 .contents-section2 .contents-article2 {
    opacity: 1 !important;
    background-color: #fff;
    padding-top: 8rem;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D33W02 .contents-section2 .contents-article2 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWCD30D33W02 #visualAni {
    position: relative;
    transform: unset;
    padding: 0;
    transition: 0.3s;
    overflow: hidden;
}

.HTNCWCD30D33W02 #visualAni .pin-wrap {
    position: relative;
    height: 100vh;
}

.HTNCWCD30D33W02 #visualAni .bg-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.HTNCWCD30D33W02 #visualAni .bg-wrap .bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

.HTNCWCD30D33W02 #visualAni .bg-wrap .bg.bg1 {
    opacity: 1;
}

.HTNCWCD30D33W02 #visualAni .bg-wrap .bg.bg1.on img {
    transform: scale(1.1);
    filter: brightness(2);
}

.HTNCWCD30D33W02 #visualAni .bg-wrap .bg.bg1 img {
    filter: brightness(1);
}

.HTNCWCD30D33W02 #visualAni .bg-wrap .bg.bg2 {
    transition: unset;
}

.HTNCWCD30D33W02 #visualAni .bg-wrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: 0.8s;
}

.HTNCWCD30D33W02 #visualAni .ani-wrap {
    position: relative;
    padding-top: 32vh;
}

.HTNCWCD30D33W02 #visualAni .wrap_text {
    text-align: center;
    color: #fff;
    padding: 0 1.8rem;
}

.HTNCWCD30D33W02 #visualAni .wrap_text1.pc .t_title {
    margin-bottom: 7rem;
}

.HTNCWCD30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner {
    display: inline-flex;
    gap: 1rem;
    overflow: hidden;
}

.HTNCWCD30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner.on .word {
    transform: translateY(0);
}

.HTNCWCD30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner .word {
    display: block;
    font-family: "Poppins";
    font-size: 5.6rem;
    font-weight: 700;
    line-height: 7.2rem;
    color: #fff;
    transform: translateY(100%);
    transition: transform 0.5s;
}

.HTNCWCD30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(2) {
    transition-delay: 0.1s;
}

.HTNCWCD30D33W02 #visualAni .wrap_text1.pc .t_title .t_title_inner .word:nth-child(3) {
    transition-delay: 0.2s;
}

.HTNCWCD30D33W02 #visualAni .wrap_text1.mo {
    display: none;
}

.HTNCWCD30D33W02 #visualAni .blue-circle {
    width: 20rem;
    height: 20rem;
    border: 5.6rem solid #41aced;
    border-radius: 50%;
    margin: 0 auto;
}

.HTNCWCD30D33W02 #visualAni .green-circle {
    position: absolute;
    left: 49vw;
    top: 52vh;
    transform: translate(-50%, -50%);
    width: 61.6rem;
    height: 61.6rem;
    border: 10.8rem solid #72BF44;
    border-radius: 50%;
}

.HTNCWCD30D33W02 #visualAni .wrap_text2 {
    opacity: 0;
    visibility: hidden;
}

.HTNCWCD30D33W02 #visualAni .t_desc1 {
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.HTNCWCD30D33W02 #visualAni .t_desc2 {
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    margin: 4rem 0;
}

.HTNCWCD30D33W02 #visualAni .t_desc3 {
    color: rgba(255, 255, 255, 0.6);
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 3.2rem;
}

.HTNCWCD30D33W02 #visualAni .wrap_text3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    text-align: left;
}

.HTNCWCD30D33W02 #visualAni .wrap_text3 .group1 {
    position: absolute;
    left: 21.094vw;
    top: 22.222vh;
}

.HTNCWCD30D33W02 #visualAni .wrap_text3 .group2 {
    position: absolute;
    right: 21.875vw;
    bottom: 24.259vh;
}

.HTNCWCD30D33W02 #visualAni .t_desc4 {
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 4.8rem;
}

.HTNCWCD30D33W02 #visualAni .t_desc5 {
    color: #72BF44;
    font-family: "Hyosung";
    font-size: 6rem;
    font-weight: 700;
    line-height: 9.8rem;
    margin-top: 1.6rem;
}

.HTNCWCD30D33W02 #visualAni .t_desc6 {
    font-family: "PretendardJP", "Noto Sans SC";
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D33W02 #visualAni .ani-wrap {
        padding-top: 32vh;
    }

    .HTNCWCD30D33W02 #visualAni .wrap_text1.pc {
        display: none;
    }

    .HTNCWCD30D33W02 #visualAni .wrap_text1.mo {
        display: block;
    }

    .HTNCWCD30D33W02 #visualAni .wrap_text1.mo .t_title {
        margin-bottom: 4rem;
    }

    .HTNCWCD30D33W02 #visualAni .wrap_text1.mo .t_title.on .t_title_inner .word {
        transform: translateY(0);
    }

    .HTNCWCD30D33W02 #visualAni .wrap_text1.mo .t_title .t_title_inner {
        display: block;
        overflow: hidden;
    }

    .HTNCWCD30D33W02 #visualAni .wrap_text1.mo .t_title .t_title_inner:nth-child(2) .word {
        transition-delay: 0.1s;
    }

    .HTNCWCD30D33W02 #visualAni .wrap_text1.mo .t_title .t_title_inner .word {
        display: block;
        font-family: "Poppins";
        font-size: 3.2rem;
        font-weight: 700;
        line-height: 4.8rem;
        color: #fff;
        transform: translateY(100%);
        transition: transform 0.5s;
    }

    .HTNCWCD30D33W02 #visualAni .t_desc1 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }

    .HTNCWCD30D33W02 #visualAni .t_desc2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWCD30D33W02 #visualAni .t_desc3 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }

    .HTNCWCD30D33W02 #visualAni .green-circle {
        position: absolute;
        left: 50vw;
        top: 55vh;
        width: 88vw;
        height: 88vw;
        border: 5.8rem solid #72BF44;
    }

    .HTNCWCD30D33W02 #visualAni .wrap_text3 .group1 {
        left: 3rem;
        top: 32.02vh;
    }

    .HTNCWCD30D33W02 #visualAni .wrap_text3 .group2 {
        right: 3rem;
        bottom: 20vh;
    }

    .HTNCWCD30D33W02 #visualAni .t_desc4 {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }

    .HTNCWCD30D33W02 #visualAni .t_desc5 {
        font-size: 4rem;
        line-height: 5rem;
        margin-top: 2rem;
    }

    .HTNCWCD30D33W02 #visualAni .t_desc6 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.HTNCWCD30D34W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D34W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 0;
    }
}

.HTNCWCD30D34W01.container.sub .contents-section2 .contents-section-inner .contents-section-body .contents-article {
    opacity: 1;
    transition: none;
    transform: none;
    overflow: hidden;
}

.HTNCWCD30D34W01.container.sub .contents-section2 .contents-section-inner .contents-section-body .contents-article-inner {
    height: 100vh;
    padding-top: 26rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D34W01.container.sub .contents-section2 .contents-section-inner .contents-section-body .contents-article-inner {
        height: auto;
        padding-top: 17.6rem;
    }
}

.HTNCWCD30D34W01 .data-display {
    opacity: 0;
    transform: translateY(30rem);
}

.HTNCWCD30D34W01 .data-display .data-head {
    position: relative;
    padding-top: 9rem;
    padding-bottom: 6rem;
}

.HTNCWCD30D34W01 .data-display .data-head::before {
    content: "";
    width: 3.8rem;
    height: 2.7rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.HTNCWCD30D34W01 .data-display .data-head::after {
    content: "";
    width: 4rem;
    height: 0.4rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.HTNCWCD30D34W01 .data-display .data-head .title.large {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.HTNCWCD30D34W01 .data-display .data-head .title.large .name {
    line-height: 8rem;
}

.HTNCWCD30D34W01 .data-display .data-body .title {
    position: relative;
    padding-top: 8rem;
    z-index: 1;
}

.HTNCWCD30D34W01 .data-display .data-body .title .name {
    display: block;
}

.HTNCWCD30D34W01 .data-display .data-body .title .name .emphasis {
    font-weight: inherit;
}

.HTNCWCD30D34W01 .data-display .data-body .text-content-area {
    position: relative;
}

.HTNCWCD30D34W01 .data-display .data-body .text-content-area .picture {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    transform: translateY(100%);
}

.HTNCWCD30D34W01 .data-display .data-body .text-content-area .picture.picture2 {
    top: 65rem;
    text-align: right;
}

.HTNCWCD30D34W01 .data-display .data-body .text-content-area .picture.picture3 {
    top: 134rem;
}

.HTNCWCD30D34W01 .data-display .data-body .text-content-area .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    text-align: center;
    margin-top: 16rem;
    opacity: 0;
}

.HTNCWCD30D34W01 .data-display .data-body .text-content-area .text.color-1 {
    color: #fff;
}

.HTNCWCD30D34W01 .data-display .data-body .text-content-area .text.color-2 {
    color: #000;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D34W01 .data-display {
        transform: translateY(10rem);
    }

    .HTNCWCD30D34W01 .data-display .data-head {
        padding-top: 5rem;
        padding-bottom: 3.3rem;
    }

    .HTNCWCD30D34W01 .data-display .data-head::before {
        width: 2.8rem;
        height: 2rem;
    }

    .HTNCWCD30D34W01 .data-display .data-head::after {
        width: 3rem;
        height: 0.3rem;
    }

    .HTNCWCD30D34W01 .data-display .data-head .title.large .name {
        line-height: 5rem;
    }

    .HTNCWCD30D34W01 .data-display .data-body .title {
        padding-top: 4rem;
    }

    .HTNCWCD30D34W01 .data-display .data-body .text-content-area .picture {
        position: static;
        display: block;
        width: 100%;
        transform: none;
        text-align: center;
        margin-top: 6rem;
    }

    .HTNCWCD30D34W01 .data-display .data-body .text-content-area .picture.picture2 {
        text-align: center;
    }

    .HTNCWCD30D34W01 .data-display .data-body .text-content-area .picture img {
        width: 100%;
        max-width: 21.6rem;
    }

    .HTNCWCD30D34W01 .data-display .data-body .text-content-area .text {
        position: static;
        width: 100%;
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 6rem;
        opacity: 1;
    }
}

.HTNCWCD30D34W01 .contents-section2 {
    position: relative;
}

.HTNCWCD30D34W01 .contents-section2 .contents-article1 .contents-article-inner {
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D34W01 .contents-section2 .contents-article1 .contents-article-inner {
        padding-bottom: 8rem;
    }
}

.HTNCWCD30D34W01 .contents-section2 .contents-article1 .data-display .data-head::before {
    background: url("../images/common/photo/brand/brandstrategy/img-brandstory-quotation-mark1.svg") no-repeat center center;
    background-size: contain;
}

.HTNCWCD30D34W01 .contents-section2 .contents-article1 .data-display .data-head::after {
    background: #00AEEF;
}

.HTNCWCD30D34W01 .contents-section2 .contents-article2 {
    background-color: #fff;
}

.HTNCWCD30D34W01 .contents-section2 .contents-article2 .contents-article-inner {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D34W01 .contents-section2 .contents-article2 .contents-article-inner {
        padding-top: 10rem !important;
        padding-bottom: 14rem;
    }
}

.HTNCWCD30D34W01 .contents-section2 .contents-article2 .data-display .data-head::before {
    background: url("../images/common/photo/brand/brandstrategy/img-brandstory-quotation-mark2.svg") no-repeat center center;
    background-size: contain;
}

.HTNCWCD30D34W01 .contents-section2 .contents-article2 .data-display .data-head .title::after {
    background: #72BF44;
}

.HTNCWCD30D35W01.container.sub .contents-section2 .contents-section-inner {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D35W01.container.sub .contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD30D35W01.container.sub .contents-section2 .contents-article {
    transition: none;
}

.HTNCWCD30D35W01 .contents-section2 {
    background: url("../images/common/photo/brand/brandstrategy/img-group-bg-04-pc.jpg") no-repeat center bottom;
    background-size: 100% auto;
}

.HTNCWCD30D35W01 .contents-section2 .contents-article1 {
    padding-bottom: 27rem;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.HTNCWCD30D35W01 .contents-section2 .contents-article2 {
    overflow: hidden;
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD30D35W01 .contents-section2 {
        background: url("../images/common/photo/brand/brandstrategy/img-group-bg-04-mo.jpg") no-repeat 50% 0%;
        background-size: cover;
    }

    .HTNCWCD30D35W01 .contents-section2 .contents-article1 {
        padding-bottom: 10rem;
    }

    .HTNCWCD30D35W01 .contents-section2 .contents-article2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-head {
    width: 100%;
    height: 40rem;
    background: url("../images/common/photo/sustainability/sustainable/img-intro.jpg") center center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-head {
        height: 23rem;
    }
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-head .title.design-1.case-1.small-v2 {
    padding-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-head .title.design-1.case-1.small-v2 {
        padding-top: 1rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-head .title.small-v2 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 {
    padding: 18rem 1.8rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 {
        padding: 10rem 1.8rem 0;
    }
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .diagram-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .table-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .thumbnail-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .diagram-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .table-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .thumbnail-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .diagram-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .table-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .thumbnail-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .diagram-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .thumbnail-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .diagram-display,
.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .table-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .diagram-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .table-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .thumbnail-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .diagram-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article2 .table-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .thumbnail-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .diagram-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article3 .table-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .thumbnail-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .diagram-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .thumbnail-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .diagram-display,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .table-display {
        padding-top: 6rem;
    }
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display.design-26 .left-text {
    padding-right: 5%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article1 .thumbnail-display.design-26 .left-text {
        padding-right: 0;
    }
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 {
    background-color: #F4F8FF;
    padding: 14rem 1.8rem;
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 {
        margin-top: 10rem;
        padding: 10rem 1.8rem;
    }
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 .data-display.design-1.case-3.color-10 {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 .thumbnail-display {
    padding-top: 8rem;
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article4 .thumbnail-display .thumbnail-inform .data-body {
    padding-top: 0;
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .contents-article-inner>.data-display {
    display: block;
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display {
    margin-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article5 .table-display {
        margin-bottom: 6rem;
    }
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .data-display.design-1.case-9 .data-head+.data-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article.contents-article6 .data-display.design-1.case-9 .data-head+.data-body {
        padding-top: 2.4rem;
    }
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article .data-display.design-1.case-3 .data-para {
    word-break: auto-phrase;
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap1 {
    padding-right: 1%;
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap2 {
    padding-right: 2%;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap1,
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-article .padding-right-gap2 {
        padding-right: 0;
    }
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-foot {
    width: 100%;
    height: 60rem;
    margin-top: 18rem;
    padding: 0 1.8rem;
    background: url("../images/common/photo/sustainability/sustainable/img-outro.jpg") center center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-foot .title.design-1.case-1.small-v3 {
    text-align: center;
}

.HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-foot .title.design-1.case-1.small-v3 .name {
    line-height: 1.7;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-foot .title.design-1.case-1.small-v3 .name {
        font-size: 1.8rem;
        text-align: center;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D10W01 .contents-section.contents-section2 .contents-section-foot {
        margin-top: 10rem;
        height: 47rem;
    }
}

.HTNCWCD40D10W01 .title.small-v13 .name {
    line-height: 3.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D10W01 .title.small-v13 .name {
        line-height: 3rem;
    }
}

.HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 {
    margin-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 {
        margin-bottom: 14rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title .name {
        line-height: 4.6rem;
    }
}

.HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    width: 100%;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    overflow: hidden;
}

.HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    width: 100%;
    max-width: 133.6rem;
    margin: 0 auto;
    padding: 14rem 0 18rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }
}

.HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    background: #2F3939;
}

.HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    padding: 14rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 10rem 0 8rem 0;
    }
}

.HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        margin-top: 10rem;
    }
}

.HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .data-display {
    padding-bottom: 6rem;
}

.HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .pagination-display {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .data-display {
        padding-bottom: 4rem;
    }

    .HTNCWCD40D11W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .pagination-display {
        padding-top: 6rem;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .title+.thumbnail-display {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .title+.thumbnail-display {
        padding-top: 6rem;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .order-list .order-item {
    color: rgb(115, 115, 115);
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    opacity: 1;
    transform: none;
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-head+.data-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-head+.data-body {
        padding-top: 4rem;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 6.73%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body {
        flex-direction: column;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .thumbnail-figure {
    width: 35.55%;
    display: block;
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .thumbnail-figure .img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .thumbnail-figure {
        width: 100%;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-list {
    width: 57.7%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-list {
        width: 100%;
        margin-top: 4rem;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item {
    display: flex;
    gap: 4rem;
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-head .content-year {
    display: inline-block;
    min-width: 9.3rem;
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    color: rgb(27, 75, 102);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-head .content-year {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title {
    display: inline-block;
    font-family: "Hyosung";
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.6rem;
    color: rgb(40, 40, 40);
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title+.content-para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title+.content-para {
        padding-top: 0.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-title {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-para {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    word-break: keep-all;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part .content-para {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part+.content-part {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item .content-body .content-part+.content-part {
        padding-top: 2.4rem;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item+.content-item {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item+.content-item {
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .data-display .data-body .content-item {
        flex-direction: column;
        gap: 1.6rem;
    }
}

.HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article+.contents-article {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article+.contents-article {
        padding-top: 10rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D12W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    overflow: hidden;
}

.HTNCWCD40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    padding: 14rem 0 18rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }
}

.HTNCWCD40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    padding: 0 0 20rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D13W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 0 0 14rem 0;
    }
}

.HTNCWCD40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    overflow: hidden;
}

.HTNCWCD40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    padding: 14rem 0 14rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 10rem 0;
    }
}

.HTNCWCD40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    padding: 0 0 20rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D14W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 0 0 14rem 0;
    }
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 29.6rem;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    width: 100%;
    height: 50rem;
    position: relative;
    background: url("../images/common/photo/sustainability/green/img-photo-01-pc.jpg") center center no-repeat;
    background-size: cover;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        height: 42rem;
        background: url("../images/common/photo/sustainability/green/img-photo-01-mo.jpg") center center no-repeat;
        background-size: cover;
    }
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    position: relative;
    padding: 14rem 0 18rem 0;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .accordion-contents-wrap {
    position: absolute;
    top: -16rem;
    left: 0;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .accordion-contents-wrap .data-display {
    padding-bottom: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }

    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .accordion-contents-wrap {
        top: -18rem;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner,
.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner,
.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner {
    padding-top: 18rem;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner>.data-display>.data-list,
.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner>.data-display>.data-list,
.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-list {
    width: 100%;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .thumbnail-display,
.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .diagram-display,
.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .thumbnail-display,
.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .diagram-display,
.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .thumbnail-display,
.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .diagram-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner,
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner,
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner {
        padding-top: 10rem;
    }

    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .thumbnail-display,
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .diagram-display,
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .thumbnail-display,
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .contents-article-inner .diagram-display,
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .thumbnail-display,
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .diagram-display {
        padding-top: 6rem;
    }
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .thumbnail-display.design-7 .para {
    word-break: keep-all;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    background-color: #F4F8FF;
    padding: 14rem 1.8rem;
    margin-top: 18rem;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .diagram-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        padding: 10rem 1.8rem 8rem;
        margin-top: 10rem;
    }
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
    background-color: #1B1B29;
    padding: 14rem 0;
    margin-top: 18rem;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display .data-head,
.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display .data-body {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list {
    width: 100%;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner .diagram-display {
    max-width: 105rem;
    padding-top: 8rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner .diagram-display {
        width: calc(100% + 3.6rem);
        margin-left: -1.8rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
        margin-top: 10rem;
        padding: 10rem 1.8rem 0;
    }
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    padding-top: 18rem;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display {
    max-width: 133.6rem;
    margin: 0 auto;
    padding: 0 1.8rem;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display {
    width: 100%;
    height: 63.2rem;
    position: relative;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    margin-top: 8rem;
    background: url("../images/common/photo/sustainability/green/img-photo-02-pc.jpg") center center no-repeat;
    background-size: cover;
    z-index: 1;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display .tab-area {
    max-width: 133.6rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display {
        height: auto;
        padding-right: unset;
        padding-left: unset;
        background: url("../images/common/photo/sustainability/green/img-photo-02-mo.jpg") center center no-repeat;
        background-size: cover;
    }

    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.tab-display .tab-area {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
        padding-top: 10rem;
    }
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 {
    width: 100%;
    height: auto;
    position: relative;
    background: linear-gradient(180deg, #FFF 35.94%, rgba(255, 255, 255, 0) 100%), lightgray 0px 10.16px/100% 103.565% no-repeat;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 {
        background: linear-gradient(180deg, #FFF 72.59%, rgba(255, 255, 255, 0) 100%), lightgray -540.529px 621px/280.675% 50.636% no-repeat, #F3F3F5;
    }
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner {
    background: url("../images/common/photo/sustainability/green/img-photo-03-pc.png") no-repeat center bottom;
    background-size: cover;
    padding: 14rem 1.8rem 18rem;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .contents-article-area {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .data-display {
    padding-bottom: 8rem;
}

.HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .board-display {
    margin-left: 4%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner .board-display {
        margin-left: unset;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D20W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article8 .contents-article-inner {
        background: url("../images/common/photo/sustainability/green/img-photo-03-mo.jpg") no-repeat center bottom;
        background-size: cover;
        padding: 10rem 1.8rem 14rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-section-head+.contents-section-body {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-section-head+.contents-section-body {
        padding-top: 6rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article+.contents-aricle {
    padding-top: 14rem;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 {
    overflow: hidden;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-display+.diagram-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-display+.diagram-display {
        margin-top: 6rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-body+.data-aside {
        padding-top: 6rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside {
    position: relative;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100vw;
    height: calc(100% - 8rem);
    background-color: rgb(244, 248, 255);
    transform: translateX(-50%);
    z-index: -1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside::before {
        height: calc(100% - 6rem);
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-display {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-display .diagram-inner {
    display: block;
    max-width: 133.6rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-display {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-head+.diagram-body {
    padding-top: 2.4rem;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-body .order-list {
    padding-left: 1.5rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-aside .diagram-body .order-list {
        padding-left: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article1 .data-head {
        padding-right: 10rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 {
    padding-top: 18rem;
    padding-bottom: 18rem;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .data-display+.diagram-display {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .data-display+.diagram-display {
        padding-top: 10rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .data-body+.data-aside {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .data-body+.data-aside {
        padding-top: 10rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-head+.diagram-body {
    padding-top: 5.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-title+.diagram {
    padding-top: 5.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .diagram-title+.diagram {
        padding-top: 2.4rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .title {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display+.table-area {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display+.table-area {
        margin-top: 10rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .diagram-display .picture {
        min-width: 130rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area {
    position: relative;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-head+.table-display {
    margin-top: 2.4rem;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-title {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-title {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(1) {
    width: 8.45%;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(2) {
    width: 42.29%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(2) {
        width: 37%;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .table-display colgroup col:nth-child(3) {
    width: auto;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .button-display {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 .table-area .button-display {
        position: relative;
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article3 {
    background: url("../images/common/photo/sustainability/climate/bg-01.jpg") no-repeat center/cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article3 {
        padding-right: 0;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article4 {
    padding-top: 18rem;
    padding-bottom: 18rem;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article4 .title+.data-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article4 .title+.data-display {
        padding-top: 4rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article4 .data-display+.data-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article4 .data-display+.data-display {
        padding-top: 6rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article4 .data-footer {
    padding-top: 10rem;
    padding-bottom: 10rem;
    padding-left: 11.3rem;
    padding-right: 11.3rem;
    margin-top: 6rem;
    background-color: rgba(244, 248, 255, 0.8);
    border-radius: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article4 .data-footer {
        padding-top: 4rem;
        padding-bottom: 4rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article4 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 {
    overflow: hidden;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .data-body+.data-aside {
    padding-top: 6rem;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(1) {
    width: 15.41%;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(2),
.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(3) {
    width: auto;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(4) {
    width: 16.91%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display table {
        min-width: 75.5rem;
    }

    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .table-display colgroup col:nth-child(4) {
        width: 9.9rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .data-aside+.data-footer {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .data-aside+.data-footer {
        padding-top: 6rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer {
    display: flex;
    justify-content: end;
    position: relative;
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100vw;
    height: calc(100% - 14rem);
    background: url("../images/common/photo/sustainability/climate/bg-02-pc.jpg") no-repeat;
    background-size: 38.75% 100%;
    background-color: rgb(242, 248, 250);
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer::before {
        height: calc(100% - 6rem);
        background: url("../images/common/photo/sustainability/climate/bg-02-mo.jpg") no-repeat;
        background-color: rgb(242, 248, 250);
        background-position: bottom;
        background-size: 100% 24.6rem;
    }
}

.HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer .thumbnail-display {
    padding-top: 12rem;
    padding-bottom: 20rem;
    margin: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D21W01 .contents-section2 .contents-article.contents-article5 .data-footer .thumbnail-display {
        padding-top: 10rem;
        padding-bottom: 30.6rem;
    }
}

.HTNCWCD40D22W01 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D22W01 .contents-section2 .contents-section-head {
    overflow: hidden;
}

.HTNCWCD40D22W01 .contents-section2 .contents-section-head .data-body {
    margin: 0 auto;
}

.HTNCWCD40D22W01 .contents-section2 .contents-section-head .data-body+.data-aside {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-section-head .data-body+.data-aside {
        padding-top: 4rem;
    }
}

.HTNCWCD40D22W01 .contents-section2 .contents-section-head .data-aside {
    position: relative;
}

.HTNCWCD40D22W01 .contents-section2 .contents-section-head .data-aside::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 100vw;
    height: calc(100% - 18.8rem);
    bottom: 0;
    background: rgb(244, 248, 255);
    transform: translateX(-50%);
    z-index: -1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-section-head .data-aside::before {
        height: calc(100% - 15.6rem);
    }
}

.HTNCWCD40D22W01 .contents-section2 .contents-section-head .data-aside .button-display+.diagram-display {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-section-head .data-aside .button-display+.diagram-display {
        padding-top: 10rem;
    }
}

.HTNCWCD40D22W01 .contents-section2 .contents-section-head .data-aside .diagram-display {
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-section-head .data-aside .diagram-display .picture {
        min-width: 102.6rem;
    }
}

.HTNCWCD40D22W01 .contents-section2 .contents-article+.contents-article {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-article+.contents-article {
        padding-top: 10rem;
    }
}

.HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article1 {
    padding-top: 14rem;
}

.HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display {
    padding-left: 9.3rem;
    padding-right: 32.336%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article1 {
        padding-top: 10rem;
    }
}

.HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article2 {
    padding-left: 4rem;
    padding-right: 4rem;
}

.HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article3 .thumbnail-display {
    padding-left: 31.962%;
    padding-right: 9.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article3 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article3 {
        padding-top: 10rem;
    }
}

.HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article4 .thumbnail-display {
    padding-left: 20.6rem;
    padding-right: 49.63%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article4 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article4 {
        padding-top: 10rem;
    }
}

.HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article5 .thumbnail-display {
    padding-left: 48.878%;
    padding-right: 9.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article5 .thumbnail-display {
        padding: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article5 {
        padding-top: 10rem;
    }
}

.HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article6 .thumbnail-display {
    padding-left: 9.3rem;
    padding-right: 9.3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D22W01 .contents-section2 .contents-article.contents-article6 .thumbnail-display {
        padding: 0;
    }
}

.HTNCWCD40D23W01 .contents-section2 {
    padding-bottom: 20rem;
    background-image: url("../images/common/photo/sustainability/pollution/bg-01.jpg");
    background-position-y: bottom;
    background-repeat: no-repeat;
}

.HTNCWCD40D23W01 .contents-section2 .contents-article+.contents-article {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 .contents-article+.contents-article {
        padding-top: 10rem;
    }
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 {
    padding-top: 8rem;
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(1) {
    background-image: url("../images/common/photo/sustainability/pollution/img-thumb-01-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(1) {
        background-image: url("../images/common/photo/sustainability/pollution/img-thumb-01-mo.jpg");
    }
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(2) {
    background-image: url("../images/common/photo/sustainability/pollution/img-thumb-02-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(2) {
        background-image: url("../images/common/photo/sustainability/pollution/img-thumb-02-mo.jpg");
    }
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(3) {
    background-image: url("../images/common/photo/sustainability/pollution/img-thumb-03-pc.jpg");
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .thumbnail-display.design-7 .thumbnail-item:nth-child(3) {
        background-image: url("../images/common/photo/sustainability/pollution/img-thumb-03-mo.jpg");
    }
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .data-display {
    position: relative;
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .data-body+.data-aside {
        padding-top: 6rem;
    }
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .button-display {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 .data-display .button-display {
        position: relative;
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article1 {
        padding-top: 6rem;
    }
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article2 .data-body {
    padding-right: 7%;
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article2 .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article2 .data-body {
        padding-right: 0;
    }
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article3 .board-head+.board-body {
    padding-top: 4rem;
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article3 .board-body {
    display: flex;
    gap: 1.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article3 .board-body {
        flex-direction: column;
    }
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article3 .data-display {
    padding-top: 8rem;
    padding-bottom: 8.4rem;
    border-radius: 3.6rem;
    padding-left: 5.989%;
    padding-right: 5.989%;
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article3 .data-display.fill-584 {
    background-color: rgb(75, 132, 240);
}

.HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article3 .data-display.fill-266 {
    background-color: rgb(27, 75, 102);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 .contents-article.contents-article3 .data-display {
        padding: 4rem 2rem;
        border-radius: 2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D23W01 .contents-section2 {
        padding-bottom: 14rem;
        background-size: auto 26rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head {
    background: url("../images/common/photo/sustainability/humanrights/img-humanrights-intro-pc.jpg") no-repeat center center;
    background-size: cover;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
        opacity: 1;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2.active .contents-section-inner .contents-section-head .title.small-v4 .name {
        transform: translateY(0);
        opacity: 1;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    width: 100%;
    height: 66rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: url("../images/common/photo/sustainability/humanrights/img-humanrights-intro-pc.jpg") no-repeat top center;
    background-size: cover;
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
        height: 30rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap {
    padding-bottom: 3.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap {
        padding-bottom: 1.7rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 {
    overflow: hidden;
    width: 100%;
    height: 11rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 {
        height: 4rem;
        overflow: visible;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
    display: block;
    letter-spacing: unset;
    line-height: 10.6rem;
    color: #ffffff;
    transform: translateY(8rem);
    transition-duration: 0.6s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4 .name {
        line-height: 4rem;
        transform: translateY(5rem);
        transition-duration: 0.7s;
        opacity: 0;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4~.title.large-v4 .name {
    transition-delay: 0.1s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title-wrap .title.large-v4~.title.large-v4 .name {
        transition-delay: unset;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title.small-v4 .name {
    display: block;
    color: #FFF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .title.small-v4 .name {
        font-size: 1.8rem;
        line-height: 3rem;
        transform: translateY(5rem);
        transition-duration: 0.7s;
        opacity: 0;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article {
    position: relative;
    opacity: 1;
    overflow: hidden;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article .contents-article-inner {
    position: relative;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-head .title.large .name {
    transform: translateY(0);
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-head::before {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-body {
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1.active .contents-article-inner>.data-display .data-body {
        transform: unset;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner {
    margin-top: 14rem;
    padding-bottom: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner {
        margin-top: 10rem;
        padding-bottom: 18.8rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display {
    flex-direction: column;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head {
    position: relative;
    padding-top: 9rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head {
        padding-top: 5rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head::before {
    content: "";
    width: 3.8rem;
    height: 2.7rem;
    background: url("../images/common/photo/sustainability/humanrights/img-humanrights-dot-pc.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head::before {
        width: 2.8rem;
        height: 2rem;
        opacity: 0;
        transform: translate(-50%, 5rem);
        transition-duration: 0.6s;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large .name {
    display: block;
    transform: translateY(6rem);
    transition-duration: 0.5s;
    opacity: 0;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large~.title.large {
    padding-top: 0.8rem;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-2 .name {
    transition-delay: 0.1s;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-3 .name {
    transition-delay: 0.2s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large {
        overflow: visible;
    }

    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-2 .name {
        transition-delay: unset;
    }

    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.large.turn-3 .name {
        transition-delay: unset;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4 {
    position: relative;
    padding-top: 5.6rem;
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4 {
        padding-top: 2.4rem;
        padding-bottom: 3rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4::after {
    content: "";
    width: 4rem;
    height: 0.4rem;
    background: #7BB9C6;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4::after {
        width: 3rem;
        height: 0.3rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-head .title.small-v4 .name {
    color: #999999;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body {
    max-width: 45rem;
    margin: 0 auto;
    padding-top: 10rem;
    transform: translateY(10rem);
    transition-duration: 0.6s;
    transition-delay: 0.2s;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body {
        max-width: 25.5rem;
        padding-top: 6rem;
        transform: unset;
        transition-duration: unset;
        transition-delay: unset;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text {
    font-family: "Hyosung";
    font-size: 2.6rem;
    font-weight: 500;
    color: #000;
    line-height: 5.6rem;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text~.text {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner>.data-display .data-body .text-content-area .text~.text {
        padding-top: 2rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img {
    position: absolute;
    z-index: -1;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img .img {
    width: 100%;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-1 {
    width: 49rem;
    height: auto;
    bottom: 36rem;
    left: 0;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-2 {
    width: 38.8rem;
    height: auto;
    bottom: 12rem;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-1 {
        width: 60%;
        max-width: 30rem;
        min-width: 25rem;
        height: auto;
        bottom: 44.5rem;
        left: 0;
    }

    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article1 .contents-article-inner .human-img.turn-2 {
        width: 48%;
        max-width: 20rem;
        min-width: 18rem;
        height: auto;
        bottom: 30rem;
        right: 0;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 {
        padding-bottom: 8rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2.active .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-figure {
    transform: translate(0, 0) scale(1);
    opacity: 1;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 .contents-article-inner .thumbnail-display {
    max-width: 111rem;
    margin: 0 auto;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-figure {
    transform: translate(-20%, 10%) scale(0.7);
    transition-duration: 0.8s;
    opacity: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article2 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-figure {
        transform: translate(13%, 12%) scale(0.7);
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 {
    background-color: #1D6ECD;
    border-radius: 5.6rem;
    overflow: hidden;
    padding-top: 12rem;
    padding-bottom: 12rem;
    z-index: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 {
        border-radius: 3.2rem;
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner {
    max-width: 111rem;
    margin: 0 auto;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display {
    margin-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display {
        margin-bottom: 4rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display .diagram-head {
    padding-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner .diagram-display .diagram-head {
        padding-bottom: 4rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-para~.data-para {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-para~.data-para {
        padding-top: 1rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-mean {
    padding-top: 2.4rem;
    font-weight: 500;
    color: #E1E6EF;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-1 .data-mean {
        padding-top: 4rem;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 {
    margin-top: 6rem;
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 .button.design-1.case-1 {
    min-width: 24rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 {
        margin-top: 4rem;
    }

    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article3 .contents-article-inner>.data-display.design-2 .button.design-1.case-1 {
        min-width: unset;
    }
}

.HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 {
    background-color: #1D2329;
    padding-top: 28rem;
    padding-bottom: 14rem;
    margin-top: -14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D30W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-body .contents-article.contents-article4 {
        padding-top: 20.2rem;
        margin-top: -10.4rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    margin-top: 18rem;
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .diagram-display.design-1 .diagram-head+.diagram-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .title.small-v16 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        margin-top: 10rem;
    }

    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .diagram-display.design-1 .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
        margin-top: 10rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
        margin-top: 10rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    background-color: #191F26;
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
        margin-top: 6rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-top: 14rem;
    padding-bottom: 14rem;
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .title.small-v14 {
    margin-bottom: 4rem;
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-body .thumbnail-display {
    margin-bottom: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-body .thumbnail-display {
        margin-bottom: 8rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-body .diagram-display .diagram-head {
    margin-bottom: 4rem;
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-footer {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-footer {
        margin-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-aside {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-aside {
        margin-top: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display.design-1 .diagram-head .title.small-v16 .name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display.design-1 .diagram-head+.diagram-body {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display.design-1 .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-body {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-body {
        margin-top: 2.4rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-aside .button-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .diagram-display .diagram-aside .button-display {
        margin-top: 4rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display {
    flex-direction: column;
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-body {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-body {
        margin-top: 4rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-aside {
    margin-top: 14rem;
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-aside .diagram-head {
    margin-bottom: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.data-display>.data-aside .diagram-head {
        margin-bottom: 2.4rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .diagram-display {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .diagram-display .diagram-body .picture {
        min-width: 101.8rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    margin-top: 14rem;
    padding-top: 14rem;
    padding-bottom: 20rem;
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-aside {
    max-width: 111rem;
    margin-top: 11rem;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-aside {
        margin-top: 6rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-foot {
    max-width: 111rem;
    margin: 0 auto;
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-foot {
        padding-top: 2.4rem;
    }
}

.HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-note {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #999999;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .contents-article-inner>.data-display .data-note {
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D31W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
        margin-top: 10rem;
        padding-top: 10rem;
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 {
    margin-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 {
        margin-bottom: 14rem;
    }
}

.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display {
        margin-top: 2.4rem;
    }
}

.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display+.title.small-v9 {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display+.title.small-v9 {
        margin-top: 4rem;
    }

    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .thumbnail-display+.title.small-v9 .name {
        font-size: 1.8rem;
        line-height: 3.2rem;
    }
}

.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .button-display {
    margin-top: 1rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .button-display {
        margin-top: 1.6rem;
    }
}

.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    margin-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2,
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        margin-top: 10rem;
    }
}

.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .data-aside {
        padding-top: 6rem;
    }
}

.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    background-color: rgb(248, 249, 252);
    padding-top: 14rem;
    padding-bottom: 14rem;
}

.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display {
        margin-top: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}

.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display {
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display {
        margin-top: 2.4rem;
    }
}

.HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        margin-top: 10rem;
    }

    .HTNCWCD40D32W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .thumbnail-display {
        margin-top: 4rem;
    }
}

.HTNCWCD40D32W01 .popup .pc {
    display: block;
}

.HTNCWCD40D32W01 .popup .pc table {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.HTNCWCD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(1) {
    width: 13%;
}

.HTNCWCD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(2) {
    width: auto;
}

.HTNCWCD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(3) {
    width: 20%;
}

.HTNCWCD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(4) {
    width: 7%;
}

.HTNCWCD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(5) {
    width: 11%;
}

.HTNCWCD40D32W01 .popup .pc table.safety-task-01 colgroup col:nth-child(6) {
    width: 11%;
}

.HTNCWCD40D32W01 .popup .pc table.safety-task-01+.order-list {
    margin-top: 2.4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .popup .pc {
        display: none;
    }
}

.HTNCWCD40D32W01 .popup .mo {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D32W01 .popup .mo {
        display: block;
    }

    .HTNCWCD40D32W01 .popup .mo.data-display.design-3+.data-display.design-3 {
        margin-top: 6rem;
    }

    .HTNCWCD40D32W01 .popup .mo.data-display.design-3+.order-list {
        margin-top: 2.4rem;
    }

    .HTNCWCD40D32W01 .popup .mo table.safety-task-02 {
        min-width: 47rem;
    }

    .HTNCWCD40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(1) {
        width: auto;
    }

    .HTNCWCD40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(2) {
        width: 14%;
    }

    .HTNCWCD40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(3) {
        width: 23%;
    }

    .HTNCWCD40D32W01 .popup .mo table.safety-task-02 colgroup col:nth-child(4) {
        width: 23%;
    }

    .HTNCWCD40D32W01 .popup .mo table.safety-task-03,
    .HTNCWCD40D32W01 .popup .mo table.safety-task-04,
    .HTNCWCD40D32W01 .popup .mo table.safety-task-05,
    .HTNCWCD40D32W01 .popup .mo table.safety-task-06,
    .HTNCWCD40D32W01 .popup .mo table.safety-task-07,
    .HTNCWCD40D32W01 .popup .mo table.safety-task-08,
    .HTNCWCD40D32W01 .popup .mo table.safety-task-09,
    .HTNCWCD40D32W01 .popup .mo table.safety-task-10 {
        min-width: 44rem;
    }

    .HTNCWCD40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(1),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(1),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(1),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(1),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(1),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(1),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(1),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(1) {
        width: auto;
    }

    .HTNCWCD40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(2),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(2),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(2),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(2),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(2),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(2),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(2),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(2) {
        width: 14.5%;
    }

    .HTNCWCD40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(3),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(3),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(3),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(3),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(3),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(3),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(3),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(3) {
        width: 26.8%;
    }

    .HTNCWCD40D32W01 .popup .mo table.safety-task-03 colgroup col:nth-child(4),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-04 colgroup col:nth-child(4),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-05 colgroup col:nth-child(4),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-06 colgroup col:nth-child(4),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-07 colgroup col:nth-child(4),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-08 colgroup col:nth-child(4),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-09 colgroup col:nth-child(4),
    .HTNCWCD40D32W01 .popup .mo table.safety-task-10 colgroup col:nth-child(4) {
        width: 26.8%;
    }
}

.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    overflow: hidden;
}

.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    width: 100%;
    margin: 0 auto;
}

.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.data-display,
.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.title {
    margin-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.data-display,
    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.title {
        margin-bottom: 2.4rem;
    }
}

.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
    margin-top: 18rem;
    padding: 14rem 1.8rem;
    background-color: #191F26;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1,
    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
        margin-top: 10rem;
        padding: 10rem 1.8rem;
    }
}

.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    margin-top: 18rem;
    padding: 0 1.8rem;
}

.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .slide-display.design-1 {
    overflow: visible;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        margin-top: 10rem;
    }
}

.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    margin-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3,
    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        margin-top: 10rem;
    }
}

.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display col:nth-child(1) {
    width: 20.13%;
}

.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display col:nth-child(2) {
    width: 12.6%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display table {
        min-width: unset;
    }

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display colgroup {
        display: none;
    }

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display thead {
        display: none;
    }

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody {
        display: flex;
        flex-direction: column;
    }

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr {
        border: none;
    }

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr th {
        padding-top: 1.4rem;
        font-size: 1.4rem;
        font-weight: 700;
        line-height: 2.2rem;
        text-align: center;
        font-family: "Hyosung";
    }

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td {
        text-align: left;
    }

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(2) {
        color: rgb(9, 25, 67);
    }
}

@media (min-width: 280px) and (max-width: 1023px) and (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(2) {
        padding-top: 1.4rem;
        padding-bottom: 1rem;
        font-weight: 600;
        font-family: "Hyosung";
    }

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(2) .mo-only {
        font-weight: 600;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody tr td:nth-child(3) {
        padding-top: 0;
        padding-bottom: 3.4rem;
    }

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody th,
    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .contents-article-inner .table-display tbody td {
        display: block;
        width: 100%;
        border: none;
    }
}

.HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 {
        padding-bottom: 14rem;
    }

    .HTNCWCD40D33W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner>.title {
        margin-bottom: 4rem;
    }
}

.HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .contents-article-inner {
    padding: 14rem 0 18rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head .contents-article-inner {
        padding: 6rem 0 10rem 0;
    }
}

.HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display {
    padding: 0 1.8rem 6rem;
}

.HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display .data-list {
    max-width: 133.6rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.data-display {
        padding: 0 1.8rem 2.4rem;
    }
}

.HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .diagram-display,
.HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .table-display,
.HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .button-display {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .diagram-display,
    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .table-display,
    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner>.accordion-display .accordion-body .button-display {
        margin-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1) {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1) {
        display: block;
        width: 100%;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
        overflow: hidden;
        overflow-x: auto;
    }

    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar {
        border-radius: 1rem;
        height: 0.4rem;
    }

    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-track {
        border-radius: 1rem;
        background-color: #eee;
    }

    .HTNCWCD40D34W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display.policy-process .diagram-wrap .diagram-body .picture:nth-child(1) img {
        width: 100%;
        min-width: 49.7rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    margin-top: 18rem;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    width: 100%;
    background-color: rgb(25, 31, 38);
    overflow: hidden;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    width: 100%;
    padding: 10rem 0;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display .diagram-head+.diagram-body {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding-bottom: 8rem;
    }

    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .diagram-display .diagram-head+.diagram-body {
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        margin-top: 6rem;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display .diagram-head {
    padding-bottom: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .diagram-display .diagram-head {
        padding-bottom: 4rem;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-display .data-body+.data-aside,
.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display .data-body+.data-aside,
.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .data-display .data-body+.data-aside,
.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .data-display .data-body+.data-aside {
    padding-top: 8rem;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 {
    transform: none;
    opacity: 1;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item1 .data-display .data-body+.data-aside {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item1 .data-display .data-body+.data-aside {
        padding-top: 3rem;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item2 .data-display .data-body+.data-aside {
    padding-top: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item.accordion-item2 .data-display .data-body+.data-aside {
        padding-top: 4rem;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-head,
.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-head,
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-head .accordion-button {
    padding-left: 0;
    padding-right: 0;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content {
    padding-left: 0;
    padding-right: 0;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display+.data-display {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display+.data-display {
        padding-top: 2rem;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display .data-body+.data-aside .diagram-display+.button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item .accordion-body .accordion-content .data-display .data-body+.data-aside .diagram-display+.button-display {
        padding-top: 4rem;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(1) .data-body {
    position: relative;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(1) .data-body::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 11.98%;
    height: 16rem;
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-11-pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(1) .data-body::after {
        top: unset;
        bottom: 0;
        width: 100%;
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-11-mo.jpg");
        background-position: center;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(2) .data-body {
    position: relative;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(2) .data-body::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 11.98%;
    height: 16rem;
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-10-pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(2) .data-body::after {
        top: unset;
        bottom: 0;
        width: 100%;
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-10-mo.jpg");
        background-position: center;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(3) .data-body {
    position: relative;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(3) .data-body::after {
    content: "";
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 11.98%;
    height: 16rem;
    background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-09-pc.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display:nth-child(3) .data-body::after {
        top: unset;
        bottom: 0;
        width: 100%;
        background-image: url("../images/common/photo/sustainability/ethical/img-thumb-ethical-09-mo.jpg");
        background-position: center;
    }
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body {
    background-repeat: no-repeat;
    background-position-y: 1.2rem;
    background-position-x: right;
}

.HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body .data-para {
    width: 83.08%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body .data-para {
        width: 100%;
        padding-bottom: 19rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display .data-body {
        background-position: bottom;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content .data-display+.data-display {
        padding-top: 3rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article7 .accordion-display .accordion-item:nth-child(2) .accordion-body .accordion-content {
        padding-right: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
        margin-top: 10rem;
    }

    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .data-display .data-body+.data-aside,
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display .data-body+.data-aside {
        padding-top: 6rem;
    }

    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .data-display .data-body+.data-aside,
    .HTNCWCD40D40W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .data-display .data-body+.data-aside {
        padding-top: 4rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 6rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-section-head {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    overflow: hidden;
    padding-top: 14rem;
    opacity: 1;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        padding-top: 6rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .wide-area {
    position: relative;
    display: block;
    width: 100%;
    height: 48rem;
    margin: 0 auto;
    overflow: hidden;
    transform: translateY(10rem);
    transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1), border-radius 1s cubic-bezier(0.4, 0, 0.2, 1), width 1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1), border-radius 1s cubic-bezier(0.4, 0, 0.2, 1), width 1s cubic-bezier(0.4, 0, 0.2, 1);
    transition: clip-path 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1), border-radius 1s cubic-bezier(0.4, 0, 0.2, 1), width 1s cubic-bezier(0.4, 0, 0.2, 1), -webkit-clip-path 1s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .wide-area {
        height: 20rem;
        width: calc(100% + 3.6rem);
        margin: 0 -1.8rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .wide-area img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1.active {
    padding-left: 2%;
    padding-right: 2%;
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1.active .wide-area {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    border-radius: 3.2rem;
    overflow: hidden;
    transform: translateY(0);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1.active .wide-area {
        border-radius: 0;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-top: 8rem;
    text-align: center;
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
    background-color: #F8F9FC;
    border-radius: 3.2rem;
    padding: 7rem 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner {
        padding: 5rem 1.5rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-body {
    padding-bottom: 4rem;
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem 1.2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area {
        gap: 0.6rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area .tag {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    padding: 1.2rem 2.4rem;
    border-radius: 1.2rem;
    background: #FFC633;
    box-shadow: 1px 3px 4px 0px rgba(234, 168, 0, 0.2);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-aside .tag-area .tag {
        font-size: 1.4rem;
        line-height: 2.2rem;
        border-radius: 0.6rem;
        padding: 0.8rem 1.2rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    padding-top: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        padding-top: 10rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5,
.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4,
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5,
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 {
        padding-top: 10rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-body {
    padding-bottom: 8rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-body {
        padding-bottom: 6rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside {
    margin-left: -1.8rem;
    margin-right: -1.8rem;
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0;
    padding-bottom: 20.95%;
    background: url("../images/common/photo/sustainability/ethical/img-ethical-photo-01-pc.png") center center no-repeat;
    background-size: cover;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap {
        flex-direction: column;
        height: 100%;
        padding-top: 15.8rem;
        padding-bottom: 4rem;
        background: url("../images/common/photo/sustainability/ethical/img-ethical-photo-01-mo.jpg") center center no-repeat;
        background-size: cover;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn {
    width: 50%;
    height: 100%;
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button-wrap {
    width: 100%;
    height: 100%;
    margin-top: 26%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button-wrap {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-bottom: 1rem;
        margin-top: 0;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn {
        width: 100%;
    }

    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button {
        background-color: rgb(255, 255, 255);
        border-color: rgb(83, 83, 83);
        border-radius: 1.2rem;
    }

    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-aside .ethical-wrap .ethical-btn .button .button-text-core {
        color: rgb(0, 0, 0) !important;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .data-body .email {
    font-weight: 700;
    color: #000000;
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .data-body .email .line {
    font-weight: inherit;
    text-decoration: underline;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .contents-article-inner .data-body .email .line {
        color: #4B84F0;
        text-decoration: none;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 25.59%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap {
        flex-direction: column;
        row-gap: 1.6rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-head .name {
    white-space: nowrap;
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body {
    width: 66%;
    padding-top: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body {
        width: 100%;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body .button-wrap.form-1 {
    margin-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body .button-wrap.form-1 {
        margin-top: 4rem;
    }

    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap>.data-body .button-wrap.form-1 .button-text-core {
        justify-content: space-between;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap .data-display.ethical-6 .data-item~.data-item {
    padding-top: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap .data-display.ethical-6 .data-item~.data-item {
        padding-top: 1.6rem;
    }
}

.HTNCWCD40D41W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .contents-article-inner>.data-display>.data-list>.data-item>.data-wrap .data-display.ethical-6 .data-body {
    padding-top: 1.2rem;
}

.HTNCWCD40D41W02.sub .contents-section2 .contents-section-inner {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W02.sub .contents-section2 .contents-section-inner {
        padding-top: 5rem;
    }
}

.HTNCWCD40D41W02 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W02 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-head {
        padding-bottom: 6rem;
    }

    .HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-head .name {
        line-height: 4.6rem;
    }
}

.HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 8rem;
}

.HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(5) {
    padding-top: 12rem;
}

.HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(6) {
    padding-top: 12rem;
}

.HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(7) {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(1) {
        padding-top: 0;
    }

    .HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
        padding-top: 10rem;
    }

    .HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(3) {
        padding-top: 0;
    }

    .HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(4) {
        padding-top: 0;
    }

    .HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(5) {
        padding-top: 10rem;
    }

    .HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(6) {
        padding-top: 10rem;
    }

    .HTNCWCD40D41W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(7) {
        padding-top: 10rem;
    }
}

.HTNCWCD40D41W03.sub .contents-section2 .contents-section-inner {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W03.sub .contents-section2 .contents-section-inner {
        padding-top: 5rem;
    }
}

.HTNCWCD40D41W03 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W03 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D41W03 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
    padding-bottom: 4rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W03 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 .name {
        line-height: 4.6rem;
    }
}

.HTNCWCD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 12rem;
}

.HTNCWCD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(3) {
    padding-top: 12rem;
}

.HTNCWCD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(4) {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2),
    .HTNCWCD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(3),
    .HTNCWCD40D41W03 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(4) {
        padding-top: 10rem;
    }
}

.HTNCWCD40D41W04 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W04 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D41W04 .contents-section2 .contents-section-inner {
    padding-top: 34.2rem !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W04 .contents-section2 .contents-section-inner {
        padding-top: 6rem;
        padding-top: 11rem !important;
    }
}

.HTNCWCD40D41W04 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
    padding-bottom: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W04 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
        padding-bottom: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W04 .contents-section2 .contents-section-inner .contents-section-head .data-display.case-7 {
        text-align: center;
    }
}

.HTNCWCD40D41W04 .contents-section2 .contents-section-inner .contents-section-head .button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W04 .contents-section2 .contents-section-inner .contents-section-head .button-display {
        padding-top: 4rem;
    }
}

.HTNCWCD40D41W05 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W05 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D41W05 .contents-section2 .contents-section-inner {
    padding-top: 34.2rem !important;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W05 .contents-section2 .contents-section-inner {
        padding-top: 11rem !important;
    }
}

.HTNCWCD40D41W05 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
    padding-bottom: 3rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W05 .contents-section2 .contents-section-inner .contents-section-head .title.small-v18 {
        padding-bottom: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W05 .contents-section2 .contents-section-inner .contents-section-head .data-display.case-7 {
        text-align: center;
    }
}

.HTNCWCD40D41W05 .contents-section2 .contents-section-inner .contents-section-head .button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D41W05 .contents-section2 .contents-section-inner .contents-section-head .button-display {
        padding-top: 4rem;
    }
}

.HTNCWCD40D42W01 .contents-section2 {
    padding-bottom: 20rem;
}

.HTNCWCD40D42W01 .contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D42W01 .contents-section2 .contents-section-inner .contents-section-head {
        padding-bottom: 6rem;
    }
}

.HTNCWCD40D42W01 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
    padding-bottom: 4rem;
}

.HTNCWCD40D42W01 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D42W01 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item:nth-child(2) {
        padding-top: 4rem;
    }
}

.HTNCWCD40D42W02 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D42W02 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D42W02 .contents-section2 .contents-section-inner .contents-section-head {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D42W02 .contents-section2 .contents-section-inner .contents-section-head {
        padding-bottom: 6rem;
    }
}

.HTNCWCD40D42W02 .contents-section2 .contents-section-inner .contents-section-head .title.small-v10 {
    padding-bottom: 4rem;
}

.HTNCWCD40D42W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D42W02 .contents-section2 .contents-section-inner .contents-section-body .contents-article .data-display.design-4>.data-list>.data-item {
        padding-top: 10;
    }
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-head .data-display {
    max-width: 133.6rem;
    margin: 0 auto;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    width: 100%;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .para,
.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .data-para {
    color: rgb(40, 40, 40);
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
    padding-top: 14rem;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
    padding-bottom: 12rem;
    border-bottom: 0.1rem solid #E1E6EF;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body {
    display: flex;
    gap: 4.04%;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-para {
    flex-basis: 67.8rem;
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-para {
        flex-basis: unset;
    }
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-part {
    display: block;
    flex-basis: 60.4rem;
    width: 100%;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-part img {
    width: 100%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body .thumbnail-part {
        flex-basis: unset;
        padding-top: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner .thumbnail-display .thumbnail-body {
        flex-direction: column;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .contents-article-inner {
        padding-bottom: 6rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 {
        padding-top: 10rem;
    }
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
    padding-top: 12rem;
    overflow: hidden;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-body+.data-aside {
    margin-top: 8rem;
    padding: 8rem 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-body+.data-aside {
        margin-top: 6rem;
        padding-top: 4rem;
        padding-bottom: 6rem;
    }
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside {
    position: relative;
    background-color: #F8F9FC;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside {
        background-color: transparent;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 100%;
        background-color: #F8F9FC;
        z-index: -1;
    }
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1) {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1) {
        position: absolute;
        top: 26%;
        left: 4%;
        display: block;
        width: calc(96% + 3.6rem);
        margin-left: -1.8rem;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
        padding-bottom: 1rem;
        overflow: hidden;
        overflow-x: auto;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar {
        border-radius: 1rem;
        height: 0.4rem;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-thumb {
        background-color: #2f3542;
        border-radius: 1rem;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1)::-webkit-scrollbar-track {
        margin-left: 1.8rem;
        margin-right: 1.8rem;
        background-color: #eee;
        border-radius: 1rem;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .data-list .data-item .data-wrap .data-aside .diagram-display .diagram-wrap .diagram-body .picture:nth-child(1) img {
        width: 180vw;
    }
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .order-list {
    padding-top: 1.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .contents-article-inner .data-display .order-list {
        padding-top: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 {
        padding-top: 6rem;
    }
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
    padding-top: 18rem;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display .diagram-head+.diagram-body {
    padding-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display .diagram-head+.diagram-body {
        padding-top: 2.4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .diagram-display .diagram-body picture {
        min-width: 130rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 {
        padding-top: 10rem;
    }
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
    padding-top: 18rem;
    padding-bottom: 20rem;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 {
    padding-top: 4rem;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item .title .name .small {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: rgb(115, 115, 115);
    padding-left: 0.4rem;
    vertical-align: bottom;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item+.data-item {
    padding-top: 14rem;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display .table-body .para.type-1 {
    font-size: 1.8rem;
    line-height: 3.2rem;
}

.HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display+.table-display {
    padding-top: 2rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 {
        padding-top: 10rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 {
        padding-top: 2.4rem;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item .title .name .small {
        font-family: "Hyosung";
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2.2rem;
        padding-left: 0.8rem;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .data-display.case-5 .data-item+.data-item {
        padding-top: 6rem;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display .table-body .para.type-1 {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display.design-2 .table-list .table-item~.table-item {
        padding-top: 0.8rem;
    }

    .HTNCWCD40D43W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display+.table-display {
        padding-top: 0.8rem;
    }
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display~.button-display {
        padding-top: 1rem;
    }
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-2 {
    position: absolute;
    top: 0;
    right: 0;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-2 {
        position: relative;
    }
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article~.contents-article {
    padding-top: 18rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article~.contents-article {
        padding-top: 10rem;
    }
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(1),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(2),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(3),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(4),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(5),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(6),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th:nth-child(7),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th,
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article2 .table-display thead th,
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article3 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(1),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(1),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(1) {
    width: 21%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(2),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(2),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(2) {
    width: 21%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(3),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(3),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(3) {
    width: 14.5%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(4),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(4),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(4) {
    width: 14.5%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(5),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(5),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(5) {
    width: 14.5%;
}

.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th:nth-child(6),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th:nth-child(6),
.HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th:nth-child(6) {
    width: 14.5%;
}

@media (min-width: 280px) and (max-width: 1023px) {

    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article4 .table-display thead th,
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article5 .table-display thead th,
    .HTNCWCD40D50W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article6 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
    padding-top: 25.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    padding: 0 1.8rem;
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D51W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWCD40D51W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.HTNCWCD40D51W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article.active {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWCD40D51W01 .container-inner .contents-section.active .contents-section-inner .contents-section-head {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
    padding-top: 25.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    padding: 0 1.8rem;
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D52W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWCD40D52W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.HTNCWCD40D52W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article.active {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWCD40D52W01 .container-inner .contents-section.active .contents-section-inner .contents-section-head {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
    padding-top: 25.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner {
        padding-top: 11rem;
    }
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article {
    padding: 0 1.8rem;
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
    position: relative;
    max-width: 111rem;
    margin: 0 auto;
    margin-top: 6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner {
        margin-top: 4rem;
    }
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
    width: 59.279%;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .data-display {
        width: 100%;
    }
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
    padding-top: 8rem;
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display .button.design-2.color-600 .button-text-core {
    color: #535353;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner .table-display {
        padding-top: 4rem;
        margin-bottom: 4rem;
    }
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
    display: none;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article .contents-article-inner>.button-display.form-1.sort-1 {
        display: flex;
    }
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(1) {
    width: 16%;
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(2) {
    width: 16%;
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(3) {
    width: 12%;
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(4) {
    width: 12%;
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(5) {
    width: 12%;
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(6) {
    width: 12%;
}

.HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th:nth-child(7) {
    width: auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD40D53W01 .container-inner .contents-section.contents-section2 .contents-section-inner .contents-article.contents-article1 .table-display thead th {
        width: unset !important;
    }
}

.HTNCWCD40D53W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article {
    opacity: 0;
    transition-duration: 0.7s;
    transform: translateY(5rem);
}

.HTNCWCD40D53W01 .container-inner .contents-section .contents-section-inner .contents-section-body .contents-article.active {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWCD40D53W01 .container-inner .contents-section.active .contents-section-inner .contents-section-head {
    opacity: 1;
    transition-duration: 0.7s;
    transform: translateY(0);
}

.HTNCWCD03D10W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD03D10W01 .contents-section1 {
    padding-bottom: 5.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D10W01 .contents-section1 {
        padding-bottom: 10rem;
    }
}

.HTNCWCD03D10W01 .contents-section2 {
    padding-top: 10rem;
    padding-bottom: 20rem;
}

.HTNCWCD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(1) {
    width: 17rem;
}

.HTNCWCD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(2),
.HTNCWCD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(3) {
    width: calc(50% - 8.5rem);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D10W01 .contents-section2 {
        padding-top: 6rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD03D10W01 .contents-section2 .table-infographic>table {
        min-width: 50.4rem;
    }

    .HTNCWCD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(1) {
        width: 10.6rem;
    }

    .HTNCWCD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(2),
    .HTNCWCD03D10W01 .contents-section2 .table-infographic colgroup col:nth-child(3) {
        width: calc(50% - 5.3rem);
    }

    .HTNCWCD03D10W01 .contents-section2 .thumbnail-display.design-52 {
        padding-top: 2rem;
    }
}

.HTNCWCD03D11W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD03D11W01 .contents-section1 {
    padding-bottom: 5.6rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D11W01 .contents-section1 {
        padding-bottom: 10rem;
    }
}

.HTNCWCD03D11W01 .contents-section2 {
    padding-top: 10rem;
    padding-bottom: 20rem;
}

.HTNCWCD03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
    position: relative;
    padding-right: 28rem;
}

.HTNCWCD03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body .accordion-select {
    width: 26.7rem;
    position: absolute;
    right: 0;
    top: 4rem;
}

.HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list {
    padding: 6rem 9.582%;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    background-color: rgb(244, 248, 255);
}

.HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item {
    margin-bottom: 1rem;
}

.HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item:last-child {
    margin-bottom: 0;
}

.HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap {
    display: inline-flex;
}

.HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap>p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    color: rgb(40, 40, 40);
    transition: 0.3s;
}

.HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap .terms-article {
    width: 6.1rem;
    font-weight: 600;
}

.HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap .terms-name {
    width: calc(100% - 6.1rem);
    font-weight: 500;
}

.HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap:hover>p {
    color: rgb(75, 132, 240);
}

.HTNCWCD03D11W01 .contents-section2 .contents-article2 {
    padding-top: 14rem;
}

.HTNCWCD03D11W01 .contents-section2 .contents-article2 .select-display.design-1 .select-wrap {
    max-width: 26.7rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D11W01 .contents-section2 {
        padding-top: 6rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body {
        padding-right: 0;
        padding-bottom: 8.8rem;
    }

    .HTNCWCD03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body .accordion-select {
        position: absolute;
        width: 28.3rem;
        height: 4.6rem;
        max-width: 100%;
        top: auto;
        bottom: 0;
    }

    .HTNCWCD03D11W01 .contents-section2 .contents-article1 .data-display.case-27 .data-body+.data-aside {
        padding-top: 2.4rem;
    }

    .HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list {
        padding: 3rem 2.2rem;
        -moz-column-count: 1;
        column-count: 1;
        -moz-column-gap: 0;
        column-gap: 0;
    }

    .HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap>p {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }

    .HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap .terms-article {
        width: 5.6rem;
    }

    .HTNCWCD03D11W01 .contents-section2 .contents-article1 .terms-list .terms-item .terms-wrap .terms-name {
        width: calc(100% - 5.6rem);
    }

    .HTNCWCD03D11W01 .contents-section2 .contents-article2 {
        padding-top: 4rem;
    }

    .HTNCWCD03D11W01 .contents-section2 .contents-article2 .select-display.design-1 .select-wrap {
        max-width: initial;
    }
}

.HTNCWCD03D20W01 {
    background-color: rgb(244, 248, 255);
}

.HTNCWCD03D20W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD03D20W01 .contents-section1 {
    padding-bottom: 14rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D20W01 .contents-section1 {
        padding-bottom: 6rem;
    }
}

.HTNCWCD03D20W01 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D20W01 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD03D21W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD03D21W01 .contents-section1 {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D21W01 .contents-section1 {
        padding-bottom: 6rem;
    }
}

.HTNCWCD03D21W01 .contents-section2 {
    padding-bottom: 20rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D21W01 .contents-section2 {
        padding-bottom: 14rem;
    }
}

.HTNCWCD03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(2) {
    padding-top: 8rem;
}

.HTNCWCD03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(5) {
    padding-top: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(2) {
        padding-top: 10rem;
    }

    .HTNCWCD03D21W01 .contents-section2 .data-display.design-4>.data-list>.data-item:nth-child(5) {
        padding-top: 10rem;
    }
}

.HTNCWCD03D22W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD03D22W01 .contents-section2 {
    padding-top: 32.6rem;
    padding-bottom: 24.6rem;
}

.HTNCWCD03D22W01 .contents-section2 .contents-section-head .title.small-v18 {
    padding-bottom: 3rem;
}

.HTNCWCD03D22W01 .contents-section2 .contents-section-head .button-display {
    padding-top: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D22W01 .contents-section2 {
        padding-top: 15.4rem;
        padding-bottom: 14rem;
    }

    .HTNCWCD03D22W01 .contents-section2 .contents-section-head .title.small-v18 {
        padding-bottom: 2.4rem;
    }

    .HTNCWCD03D22W01 .contents-section2 .contents-section-head .button-display {
        padding-top: 4rem;
    }
}

.HTNCWCD03D30W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD03D30W01 .contents-section1 {
    padding-bottom: 8rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D30W01 .contents-section1 {
        padding-bottom: 6rem;
    }
}

.HTNCWCD03D30W01 .contents-section2 {
    padding-bottom: 20rem;
}

.HTNCWCD03D30W01 .contents-section2 .data-display.case-2 .data-item+.data-item {
    margin-top: 10rem;
}

.HTNCWCD03D30W01 .contents-section2 .data-display.case-2 .data-foot {
    margin-top: 10rem;
}

.HTNCWCD03D30W01 .contents-section2 .data-display.case-2 .data-foot .data-para {
    font-weight: 600;
    text-align: center;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D30W01 .contents-section2 {
        padding-bottom: 14rem;
    }

    .HTNCWCD03D30W01 .contents-section2 .data-display.case-2 .data-item+.data-item {
        margin-top: 8rem;
    }

    .HTNCWCD03D30W01 .contents-section2 .data-display.case-2 .data-foot {
        margin-top: 6rem;
    }
}

.HTNCWCD03D40W01 .contents-section1 .contents-section-body {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 6rem 1.8rem;
}

.HTNCWCD03D40W01 .contents-section1 .contents-section-body .data-display.case-31 {
    max-width: 106.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D40W01 .contents-section1 .contents-section-body {
        padding-bottom: 14rem;
    }
}

.HTNCWCD03D41W01 .contents-section1 .contents-section-body {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 6rem 1.8rem;
}

.HTNCWCD03D41W01 .contents-section1 .contents-section-body .data-display.case-31 {
    max-width: 106.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D41W01 .contents-section1 .contents-section-body {
        padding-bottom: 14rem;
    }
}

.HTNCWCD03D42W01 .contents-section1 .contents-section-body {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 6rem 1.8rem;
}

.HTNCWCD03D42W01 .contents-section1 .contents-section-body .data-display.case-31 {
    max-width: 106.4rem;
    margin: 0 auto;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D42W01 .contents-section1 .contents-section-body {
        padding-bottom: 14rem;
    }
}

.HTNCWCD03D60W01.sub .contents-section2 .contents-section-inner {
    padding-top: 0;
}

.HTNCWCD03D60W01 .contents-section2 {
    padding-top: 3rem;
    padding-bottom: 20rem;
}

.HTNCWCD03D60W01 .contents-section2 .search-tab-swiper {
    padding-bottom: 12rem;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWCD03D60W01 .contents-section2 {
        padding-top: 0;
        padding-bottom: 14rem;
    }

    .HTNCWCD03D60W01 .contents-section2 .search-tab-swiper {
        padding-bottom: 6rem;
    }
}

/* 효성티엔씨 페이지 가이드 */
@media screen and (max-width: 1023px) {
    .GUT001W00.container.guide .container-inner .contents~.contents {
        margin-top: 1.5rem;
    }
}

/* 효성티엔씨 충돌방지 연습용 또는 테스트 */
.HTNCWXD10D00W06 .contents-article-limit {
    max-width: 137.2rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    margin: 0 auto;
}

.HTNCWXD10D00W06 .contents-section-head {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    padding-top: 20rem;
    background-color: rgb(255, 255, 255);
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWXD10D00W06 .contents-section-head {
        display: block;
    }
}

.HTNCWXD10D00W06 .contents-section-head .data-display {
    max-width: 133.6rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    margin: 0 auto;
}

.HTNCWXD10D00W06 .contents-section-head .wide-thumb-area {
    position: relative;
    bottom: 0;
    width: 100%;
    transition: 0.7s ease-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWXD10D00W06 .contents-section-head .wide-thumb-area {
        padding-top: 6rem;
    }
}

.HTNCWXD10D00W06 .contents-section-head .wide-thumb-wrap {
    height: 49.6rem;
    background-image: url(../images/common/photo/sustainability/ethical/img-wide-ethical-01.jpg);
    background-position: center;
    background-size: cover;
    transition: 0.7s ease-out;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWXD10D00W06 .contents-section-head .wide-thumb-wrap {
        height: 20rem;
        background-position: 86%;
    }
}

.HTNCWXD10D00W06.pc .contents-section2.active .wide-thumb-area {
    bottom: 10rem;
    padding-left: 3rem;
    padding-right: 3rem;
}

.HTNCWXD10D00W06.pc .contents-section2.active .wide-thumb-wrap {
    border-radius: 3.2rem;
}

.HTNCWXD10D00W20 .section-height {
    position: relative;
    height: 300vh;
}

.HTNCWXD10D00W20 .section-height .sticky-element {
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 2;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWXD10D00W20 .section-height .track {
    position: relative;
    height: 100%;
    flex: 0 0 auto;
    transform: translate(0%, 0px);
}

.HTNCWXD10D00W20 .section-height .track .track-flex {
    display: flex;
    height: 100%;
    margin-right: -100vw;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWXD10D00W20 .hero-panel {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    flex: 0 0 auto;
}

.HTNCWXD10D00W20 .hero-panel .hero-panel_img {
    position: relative;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
    width: 100%;
    height: 100%;
    background-image: url("https://assets.website-files.com/62fede6862a7714e740fe117/62fede6862a77186080fe122_photo1.42abc711.webp");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1);
}

.HTNCWXD10D00W20 .note-panel {
    position: relative;
    z-index: 2;
    display: flex;
    padding-left: 6vw;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}

.HTNCWXD10D00W20 .note-panel .note-panel_contain {
    position: relative;
    display: flex;
    width: 25em;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.HTNCWXD10D00W20 .note-panel .note-panel_img {
    width: 100%;
    margin-bottom: 2em;
}

.HTNCWXD10D00W20 .note-panel .note-panel_img-height {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background-image: url("https://assets.website-files.com/62fede6862a7714e740fe117/62fede6862a771c9920fe125_photo2.ca0d9d58.webp");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.HTNCWXD10D00W20 .thanks-panel {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100vw;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    transform: translate(0%, 0px);
}

.HTNCWXD10D00W20 .thanks-panel_wrap {
    position: relative;
    z-index: 3;
    width: 200vw;
    height: 100vh;
    flex: 0 0 auto;
}

.HTNCWXD10D00W20 .thanks-panel .thanks-panel_contain {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100vw;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.HTNCWXD10D00W20 .thanks-panel .thanks-panel_contain.is-2 {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 2;
    background-color: #000;
    color: #fff;
}

.HTNCWXD10D00W20 .thanks-panel .thanks-panel_text {
    position: absolute;
    font-size: 22em;
    line-height: 0.9;
    font-weight: 400;
    letter-spacing: -0.04em;
    text-transform: uppercase;
}

.HTNCWXD10D00W20 .thanks-panel .thanks-panel_img {
    position: absolute;
    width: 11em;
}

.HTNCWXD10D00W20 .thanks-panel .thanks-panel_img.is-1 {
    margin-top: -20.3em;
    margin-left: -46.5em;
    transform: rotate(14deg);
}

.HTNCWXD10D00W20 .thanks-panel .thanks-panel_img.is-2 {
    margin-top: 18.9em;
    margin-left: 4.5em;
    transform: rotate(-1deg);
}

.HTNCWXD10D00W20 .thanks-panel .thanks-panel_img.is-3 {
    margin-top: -22.3em;
    margin-left: 59em;
    transform: rotate(-7deg);
}

.HTNCWXD10D00W20 .thanks-panel .thanks-panel_img-height {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 120%;
}

.HTNCWXD10D00W20 .thanks-panel .thanks-panel_photo {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    transform: scale(1.4);
    -o-object-fit: cover;
    object-fit: cover;
}

.HTNCWXD10D00W20 .stagger-panel {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100vw;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.HTNCWXD10D00W20 .stagger-panel .stagger-panel_img-wrap {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}

.HTNCWXD10D00W20 .stagger-panel .stagger-panel_img {
    position: absolute;
    width: 20%;
    margin-top: 0%;
    margin-left: 0%;
}

.HTNCWXD10D00W20 .stagger-panel .stagger-panel_img.is-1 {
    width: 14%;
    margin-top: -35%;
    margin-left: -47%;
}

.HTNCWXD10D00W20 .stagger-panel .stagger-panel_img.is-2 {
    width: 27%;
    margin-top: 0%;
    margin-left: -8%;
}

.HTNCWXD10D00W20 .stagger-panel .stagger-panel_img.is-3 {
    width: 20%;
    margin-top: -25%;
    margin-left: 48%;
}

.HTNCWXD10D00W20 .stagger-panel .stagger-panel_img.is-4 {
    width: 19%;
    margin-top: 23%;
    margin-left: -49%;
}

.HTNCWXD10D00W20 .stagger-panel .stagger-panel_img.is-5 {
    width: 14%;
    margin-top: -4%;
    margin-left: 22%;
}

.HTNCWXD10D00W20 .wide-panel {
    display: flex;
    width: 100vw;
    height: 100%;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWXD10D00W20 .wide-panel .wide-panel_img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 991px) {
    .HTNCWXD10D00W20 .hero-panel {
        width: 150vw;
    }

    .HTNCWXD10D00W20 .note-panel {
        padding-right: 9.4em;
        padding-left: 9.4em;
    }

    .HTNCWXD10D00W20 .note-panel .note-panel_contain {
        max-width: 80vw;
    }

    .HTNCWXD10D00W20 .thanks-panel {
        font-size: 1vw;
    }

    .HTNCWXD10D00W20 .thanks-panel .thanks-panel_img {
        font-size: 2.6em;
    }

    .HTNCWXD10D00W20 .thanks-panel .thanks-panel_img.is-1 {
        margin-top: -20.8em;
        margin-left: -18em;
    }

    .HTNCWXD10D00W20 .thanks-panel .thanks-panel_img.is-2 {
        margin-top: 19.9em;
        margin-left: -1.3em;
        transform: rotate(-12deg);
    }

    .HTNCWXD10D00W20 .thanks-panel .thanks-panel_img.is-3 {
        margin-top: -24.9em;
        margin-left: 21.6em;
    }

    .HTNCWXD10D00W20 .stagger-panel {
        width: 140vw;
    }

    .HTNCWXD10D00W20 .stagger-panel .stagger-panel_img-wrap {
        width: 130%;
    }

    .HTNCWXD10D00W20 .wide-panel {
        width: 200vw;
    }
}

@media screen and (max-width: 479px) {
    .HTNCWXD10D00W20 .thanks-panel .thanks-panel_text {
        transform: rotate(35deg);
        font-size: 29em;
    }

    .HTNCWXD10D00W20 .thanks-panel .thanks-panel_img {
        font-size: 3.3em;
    }

    .HTNCWXD10D00W20 .thanks-panel .thanks-panel_img.is-1 {
        margin-top: -30.2em;
        margin-left: -4.2em;
    }

    .HTNCWXD10D00W20 .thanks-panel .thanks-panel_img.is-2 {
        margin-top: 17.4em;
        margin-left: -6.7em;
    }

    .HTNCWXD10D00W20 .thanks-panel .thanks-panel_img.is-3 {
        margin-top: -13.6em;
        margin-left: 15.3em;
    }

    .HTNCWXD10D00W20 .stagger-panel {
        width: 160vw;
    }
}

.HTNCWXD10D00W21 .history-section-height {
    position: relative;
    height: 300vh;
}

.HTNCWXD10D00W21 .history-section-height .sticky-element {
    position: sticky;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 2;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWXD10D00W21 .history-section-height .track {
    position: relative;
    height: 100%;
    flex: 0 0 auto;
    transform: translate(0%, 0px);
}

.HTNCWXD10D00W21 .history-section-height .track .track-flex {
    display: flex;
    height: 100%;
    margin-right: -100vw;
    justify-content: flex-start;
    align-items: stretch;
}

.HTNCWXD10D00W21 .intro-panel {
    position: relative;
    display: flex;
    padding-left: 15.208vw;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    margin-right: -20vw;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_contain {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_title {
    font-family: "Poppins";
    font-weight: 800;
    font-size: 31.771vw;
    line-height: 27.083vw;
    letter-spacing: -18.3px;
    transform-origin: left center;
    color: #0D3C84;
}

.HTNCWXD10D00W21 .intro-panel .intro-float-wrap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.HTNCWXD10D00W21 .intro-panel .intro-float-wrap .zone {
    flex: 0 0 auto;
    width: 33.3333333333%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.HTNCWXD10D00W21 .intro-panel .intro-float-wrap .zone:nth-child(3) {
    margin-left: -15rem;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_text {
    flex: 0 0 auto;
    align-self: flex-start;
    font-family: "Hyosung";
    font-weight: 700;
    font-size: 5.3rem;
    line-height: 7.2rem;
    letter-spacing: -1.04px;
    color: #000;
    z-index: 1;
    opacity: 0;
    transform: scale(0.8);
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_img {
    position: absolute;
    width: 13.5rem;
    border-radius: 1.8rem;
    overflow: hidden;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_img .intro-panel_img-height {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-1 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #A9167A;
    margin-top: -37rem;
    margin-left: 0rem;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-2 {
    width: 24rem;
    border-radius: 2.25rem;
    background-color: #F48328;
    margin-top: 40rem;
    margin-left: 54rem;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-3 {
    width: 17.25rem;
    border-radius: 2.25rem;
    background-color: #7AC78C;
    margin-top: -55rem;
    margin-left: 96rem;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-4 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #FE5C53;
    margin-top: -40rem;
    margin-left: -50rem;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-5 {
    width: 23rem;
    border-radius: 3rem;
    background-color: #159EA2;
    margin-top: 25rem;
    margin-left: -10rem;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-6 {
    width: 13.5rem;
    border-radius: 1.8rem;
    background-color: #FFC548;
    margin-top: -25rem;
    margin-left: 60rem;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-7 {
    width: 17.25rem;
    border-radius: 2.25rem;
    background-color: #281E5F;
    margin-top: 45rem;
    margin-left: -40rem;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-8 {
    width: 25.5rem;
    border-radius: 2.25rem;
    background-color: #1A5E58;
    margin-top: -36rem;
    margin-left: 15rem;
}

.HTNCWXD10D00W21 .intro-panel .intro-panel_photo {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
}

.HTNCWXD10D00W21 .history-panel {
    position: relative;
    flex: 0 0 auto;
}

.HTNCWXD10D00W21 .history-panel .history-navi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 5rem;
    z-index: 1;
    text-align: center;
}

.HTNCWXD10D00W21 .history-panel .history-navi .history-navi-inner {
    display: inline-flex;
    gap: 5rem;
}

.HTNCWXD10D00W21 .history-panel .history-navi .navi-anchor {
    color: rgba(255, 255, 255, 0.5);
    font-feature-settings: "clig" off, "liga" off;
    font-family: "Poppins";
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3.2rem;
}

.HTNCWXD10D00W21 .history-panel .history-navi .navi-anchor.active {
    color: #fff;
}

.HTNCWXD10D00W21 .history-panel .history-data-list {
    display: flex;
    position: relative;
    height: 100vh;
    overflow: hidden;
    border-radius: 8rem 0 0 0;
}

.HTNCWXD10D00W21 .history-panel .history-data-list .historyListTrigger {
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
}

.HTNCWXD10D00W21 .history-panel .data-list {
    position: relative;
    height: 100vh;
    padding: 0 30rem 0 26rem;
    display: inline-flex;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-head {
    position: relative;
    display: flex;
    align-items: center;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-head .title {
    font-size: 32rem;
    font-weight: 800;
    font-family: "Poppins";
    color: rgb(255, 255, 255);
    letter-spacing: -9.6px;
    z-index: 1;
    order: 1;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-head .subject {
    font-size: 11rem;
    font-weight: 700;
    font-family: "Hyosung";
    color: #FFF;
    letter-spacing: -2.2px;
    line-height: 13rem;
    margin-left: 27rem;
    order: 3;
    transform: translateY(50%);
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-head .data-head-img {
    position: absolute;
    left: 164rem;
    top: 50%;
    transform: translateY(-50%);
    order: 2;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body {
    position: relative;
    display: flex;
    padding-left: 17rem;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .data-body-img {
    position: absolute;
    left: 267.4rem;
    top: 50%;
    transform: translateY(-50%);
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 1;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .history-item~.history-item {
    margin-left: 4rem;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .year {
    font-size: 80px;
    font-weight: 800;
    font-family: "Poppins";
    line-height: 125%;
    color: rgba(255, 255, 255, 0.5);
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail {
    width: 60rem;
    border-radius: 4rem;
    overflow: hidden;
    background-color: #ffffff;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1.6rem 3.2rem;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child {
    padding: 3rem 3.2rem 1.6rem;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:last-child {
    padding: 1.6rem 3.2rem 3rem;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:nth-child(even) {
    background-color: #F0F0F0;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month {
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    line-height: 100%;
    color: #0A2B5C;
    text-align: right;
    width: 6rem;
    padding-left: 0.8rem;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .num {
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    width: 58%;
    text-align: right;
    vertical-align: middle;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .sm {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: #0A2B5C;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap {
    position: relative;
    display: inline-block;
    margin-left: 24px;
    width: 86.2%;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffffff;
    line-height: normal;
    display: inline-block;
    margin-right: 1.2rem;
    padding: 0.4rem;
    border-radius: 0.5rem;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 4px;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag.type-1 {
    background-color: #8185D7;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag.type-2 {
    background-color: #FF9742;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #000;
    white-space: normal;
    padding-left: 4rem;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt.bold {
    font-weight: 600;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt.type-1 {
    padding-left: 0;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item {
    position: relative;
}

.HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item~.txt-item {
    margin-top: 0.8rem;
}

.HTNCWXD10D00W21 .history-panel .data-list.is-1 {
    background-color: #0D3C84;
}

.HTNCWXD10D00W21 .history-panel .data-list.is-2 {
    background-color: #12A474;
}

.HTNCWXD10D00W21 .history-panel .data-list.is-3 {
    background-color: #E09E3A;
}

.HTNCWXD10D00W21 .history-panel .data-list.is-4 {
    background-color: #621D4C;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .HTNCWXD10D00W21 .history-section-height {
        position: relative;
        height: unset;
    }

    .HTNCWXD10D00W21 .history-section-height .sticky-element {
        position: static;
        display: block;
        overflow: hidden;
        width: 100%;
        height: unset;
    }

    .HTNCWXD10D00W21 .history-section-height .track {
        position: relative;
        height: unset;
        transform: unset;
    }

    .HTNCWXD10D00W21 .history-section-height .track .track-flex {
        display: block;
        height: unset;
        margin-right: 0;
    }

    .HTNCWXD10D00W21 .intro-panel {
        position: relative;
        display: block;
        padding-left: 0;
        margin-right: 0;
        padding: 6rem 0 0;
        background-color: #F1F2F4;
        margin-bottom: -10rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_contain {
        position: relative;
        display: block;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-title-wrap {
        position: absolute;
        right: 1rem;
        top: 0;
        width: 1px;
        height: 1px;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_title {
        font-size: 12rem;
        line-height: 9rem;
        letter-spacing: -3.6px;
        transform-origin: unset;
        white-space: nowrap;
        transform: rotate(90deg) translateY(50%);
        position: relative;
        top: -11rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-float-wrap {
        position: static;
        width: 100%;
        height: unset;
        display: block;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-float-wrap .zone {
        width: 100%;
        display: block;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-float-wrap .zone:nth-child(3) {
        margin-left: 0;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_text {
        font-size: 3.2rem;
        line-height: 4rem;
        letter-spacing: normal;
        padding-left: 3rem;
        opacity: 0;
        transform: scale(0.8);
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_text.is-1 {
        margin-top: 5rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_text.is-2 {
        margin-top: 4rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_img {
        position: static;
        width: 13.5rem;
        border-radius: 1.8rem;
        overflow: hidden;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-1 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 6rem;
        margin-left: 17.8rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-2 {
        width: 12rem;
        border-radius: 1rem;
        margin-top: 3rem;
        margin-left: 1.8rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-3 {
        width: 10rem;
        border-radius: 0.8rem;
        margin-top: -5rem;
        margin-left: 15.8rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-4 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 5rem;
        margin-left: 13.8rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-5 {
        width: 10rem;
        border-radius: 0.6rem;
        margin-top: -1rem;
        margin-left: 1.8rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-6 {
        width: 8rem;
        border-radius: 0.6rem;
        margin-top: 0rem;
        margin-left: 16.8rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-7 {
        width: 10rem;
        border-radius: 0.6rem;
        margin-top: 6rem;
        margin-left: 1.8rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_img.is-8 {
        width: 12rem;
        border-radius: 1rem;
        margin-top: -5rem;
        margin-left: 13.8rem;
    }

    .HTNCWXD10D00W21 .intro-panel .intro-panel_photo {
        left: -3%;
        top: -3%;
        width: 106%;
        height: 106%;
    }

    .HTNCWXD10D00W21 .history-panel {
        position: relative;
        flex: 0 0 auto;
    }

    .HTNCWXD10D00W21 .history-panel .history-navi {
        position: absolute;
        bottom: unset;
        top: 0;
        left: 0;
        width: 100%;
        height: 5rem;
        z-index: 1;
        text-align: center;
    }

    .HTNCWXD10D00W21 .history-panel .history-navi.fixed {
        position: fixed;
        top: 5rem;
        background-color: #0D3C84;
        transition: top 0.3s;
    }

    .navi-depth3-action .HTNCWXD10D00W21 .history-panel .history-navi.fixed {
        top: 14.4rem;
    }

    .HTNCWXD10D00W21 .history-panel .history-navi .history-navi-inner {
        display: flex;
        justify-content: space-evenly;
        gap: 0;
    }

    .HTNCWXD10D00W21 .history-panel .history-navi .navi-anchor {
        color: rgba(255, 255, 255, 0.4);
        font-family: "Poppins";
        font-size: 2rem;
        font-weight: 800;
        line-height: 5rem;
        letter-spacing: -0.6px;
    }

    .HTNCWXD10D00W21 .history-panel .history-data-list {
        display: block;
        position: relative;
        height: auto;
        border-radius: 0;
    }

    .HTNCWXD10D00W21 .history-panel .data-list {
        position: relative;
        height: auto;
        padding: 18rem 0 0 0;
        display: block;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner {
        display: block;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-head {
        position: relative;
        display: block;
        text-align: center;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-head .title {
        font-size: 4.8rem;
        font-weight: 800;
        font-family: "Poppins";
        color: #ffffff;
        letter-spacing: 0;
        line-height: normal;
        order: 1;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-head .subject {
        font-size: 3.2rem;
        font-weight: 700;
        font-family: "Hyosung";
        color: #FFF;
        letter-spacing: 0;
        line-height: 4rem;
        margin-left: 0;
        order: 2;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-head .data-head-img {
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(0);
        order: 3;
        margin-top: 8rem;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-head .data-head-img img {
        width: 100%;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body {
        display: block;
        padding: 8rem 1.8rem 14rem;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap {
        display: block;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .history-item~.history-item {
        margin-left: 0;
        margin-top: 4rem;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .year {
        font-size: 4.8rem;
        line-height: 6rem;
        margin-left: 2rem;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail {
        width: 100%;
        border-radius: 4rem;
        overflow: hidden;
        background-color: #ffffff;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 1.6rem 3.2rem;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:first-child {
        padding: 3rem 3.2rem 1.6rem;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:last-child {
        padding: 1.6rem 3.2rem 3rem;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part:nth-child(even) {
        background-color: #F0F0F0;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month {
        display: inline-block;
        font-size: 26px;
        font-weight: 700;
        line-height: 100%;
        color: #0A2B5C;
        text-align: right;
        width: 6rem;
        padding-left: 0.8rem;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .num {
        display: inline-block;
        font-size: 26px;
        font-weight: 700;
        line-height: normal;
        width: 58%;
        text-align: right;
        vertical-align: middle;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .month .sm {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        color: #0A2B5C;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap {
        position: relative;
        display: inline-block;
        margin-left: 24px;
        width: 86.2%;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag {
        font-size: 1.1rem;
        font-weight: 600;
        color: #ffffff;
        line-height: normal;
        display: inline-block;
        margin-right: 1.2rem;
        padding: 0.4rem;
        border-radius: 0.5rem;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 4px;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag.type-1 {
        background-color: #8185D7;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .tag.type-2 {
        background-color: #FF9742;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt {
        display: block;
        font-size: 16px;
        font-weight: 500;
        line-height: 28px;
        color: #000;
        white-space: normal;
        padding-left: 4rem;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt.bold {
        font-weight: 600;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt.type-1 {
        padding-left: 0;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item {
        position: relative;
    }

    .HTNCWXD10D00W21 .history-panel .data-list .data-list-inner .history-data-body .history-item-wrap .detail .part .txt-wrap .txt-list .txt-item~.txt-item {
        margin-top: 0.8rem;
    }
}