@charset "UTF-8";
/* #Base */
/* Reset */
html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}

*:before, *:after {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
}

a {
    color: inherit;
    text-decoration: none;
    outline: 0;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    border: 0;
}

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

form {
    display: inline;
}

input {
    font-family: inherit;
}
input[type]::-ms-clear {
    display: none;
    opacity: 0;
    visibility: hidden;
}
input[type]::-ms-reveal {
    display: none;
    opacity: 0;
    visibility: hidden;
}
input[type]::-webkit-search-cancel-button {
    display: none;
}
input[type]::-webkit-input-placeholder {
    color: #E6E6E6;
}
input[type]::-moz-placeholder {
    color: #E6E6E6;
}
input[type]:-ms-input-placeholder {
    color: #E6E6E6;
}
input[type]::-ms-input-placeholder {
    color: #E6E6E6;
}
input[type]::placeholder {
    color: #E6E6E6;
}

select {
    font-family: inherit;
}

textarea {
    font-family: inherit;
    resize: vertical;
}

button {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    outline: 0;
}

embed, iframe, object {
    max-width: 100%;
}

[hidden] {
    display: none !important;
}

/* Fonts */
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/montserrat-200.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/montserrat-300.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/montserrat-regular.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/montserrat-500.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/montserrat-600.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/montserrat-700.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/montserrat-800.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/montserrat-900.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 200;
    src: url("../fonts/Pretendard-ExtraLight.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 300;
    src: url("../fonts/Pretendard-Light.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 400;
    src: url("../fonts/Pretendard-Regular.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 500;
    src: url("../fonts/Pretendard-Medium.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 600;
    src: url("../fonts/Pretendard-SemiBold.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 700;
    src: url("../fonts/Pretendard-Bold.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 800;
    src: url("../fonts/Pretendard-ExtraBold.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 900;
    src: url("../fonts/Pretendard-Black.woff2") format("woff2");
}
/* Helper Classes */
.sr-text {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    color: transparent;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
}

.show {
    display: block !important;
}

@media screen and (max-width: 1024px) {
    .sm-hidden {
        display: none;
    }
}

.lg-hidden {
    display: none;
}
@media screen and (max-width: 1024px) {
    .lg-hidden {
        display: initial;
    }
}

.text-left {
    text-align: left !important;
}

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

.text-right {
    text-align: right !important;
}

/* #Common */
:root {
    --color-default: #222;
    --color-main: #0B4DA2;
    --color-secondary: #1A79F4;
    --color-point: #20AE52;
    --color-gray: #666;
    --color-lightgray: #e6e6e6;
    --color-bg-main: #F2F8FF;
    --color-bg-gray: #F5F5F5;
    --color-bg-hover: #DBEAFC;
    --color-wh: #fff;
    --color-grad-start: #1370D6;
    --color-grad-end: #29D867;
    --color-grad: linear-gradient(135deg, var(--color-grad-start) 0%, var(--color-grad-end) 100%);
    --color-grad2: linear-gradient(135deg, var(--color-grad-end) 0%, var(--color-grad-start) 100%);
    --font-ko: "Pretendard", sans-serif;
    --font-en: "Montserrat", sans-serif;
    --font-all: "Montserrat", "Pretendard", sans-serif;
    --fs-desc: 1.375rem;
    --fs-desc-sm: 0.8125rem;
    --lh-desc: 1.8181818182;
}

/* Animation */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes slide-up {
    0% {
        -webkit-transform: translateY(1rem);
                transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slide-up {
    0% {
        -webkit-transform: translateY(1rem);
                transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}
@-webkit-keyframes show-sidenav {
    0% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes show-sidenav {
    0% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@-webkit-keyframes hide-sidenav {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}
@keyframes hide-sidenav {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}
@-webkit-keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
                filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        opacity: 1;
    }
}
@keyframes text-focus-in {
    0% {
        -webkit-filter: blur(12px);
                filter: blur(12px);
        opacity: 0;
    }
    100% {
        -webkit-filter: blur(0px);
                filter: blur(0px);
        opacity: 1;
    }
}
@-webkit-keyframes scroll-down {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(50%);
                transform: translateY(50%);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes scroll-down {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(50%);
                transform: translateY(50%);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes slide-out-in {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(200%);
                transform: translateX(200%);
    }
    60% {
        -webkit-transform: translate(-200%);
                transform: translate(-200%);
        opacity: 0;
    }
    61% {
        -webkit-transform: translate(-100%);
                transform: translate(-100%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@keyframes slide-out-in {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(200%);
                transform: translateX(200%);
    }
    60% {
        -webkit-transform: translate(-200%);
                transform: translate(-200%);
        opacity: 0;
    }
    61% {
        -webkit-transform: translate(-100%);
                transform: translate(-100%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
@-webkit-keyframes infinite-slide {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-104.6875vw, 0);
                transform: translate(-104.6875vw, 0);
    }
}
@keyframes infinite-slide {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-104.6875vw, 0);
                transform: translate(-104.6875vw, 0);
    }
}
@-webkit-keyframes infinite-slide-sm {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-121.3768115942vw, 0);
                transform: translate(-121.3768115942vw, 0);
    }
}
@keyframes infinite-slide-sm {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-121.3768115942vw, 0);
                transform: translate(-121.3768115942vw, 0);
    }
}
@-webkit-keyframes slideText1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(300%);
                transform: translateY(300%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes slideText1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(300%);
                transform: translateY(300%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
/* typography */
.headline1 {
    font-size: 3.75rem;
    font-weight: 800;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .headline1 {
        font-size: 1.875rem;
    }
}

.headline2 {
    font-size: 3.75rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .headline2 {
        font-size: 1.875rem;
    }
}

.headline3 {
    font-size: 1.875rem;
    font-weight: 500;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .headline3 {
        font-size: 0.9375rem;
    }
}

.headline4 {
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--color-main);
    line-height: 1.25;
}
@media screen and (max-width: 1024px) {
    .headline4 {
        font-size: 1.5625rem;
        line-height: 1.2;
    }
}

.eng {
    font-family: var(--font-en);
    letter-spacing: 0;
}

/* Color */
.color1 {
    color: var(--color-main);
}

.color2 {
    color: var(--color-secondary);
}

.color3 {
    color: var(--color-point);
}

/* Datepicker */
#ui-datepicker-div {
    width: 20rem;
    max-width: 100%;
    margin: 6px 0 0;
    font-size: 1.125rem;
}
#ui-datepicker-div table {
    font-size: 1rem;
}
@media screen and (max-width: 1024px) {
    #ui-datepicker-div {
        width: 18.75rem;
        font-size: 1rem;
    }
    #ui-datepicker-div table {
        font-size: 0.875rem;
    }
}

/* Dropdown */
.dropdown-container {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    min-width: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.dropdown-content.is-show {
    display: block;
}

/* Popover */
.popover-container {
    position: relative;
}

.popover-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    max-width: calc(100vw - 3.125rem);
}
@media screen and (max-width: 1024px) {
    .popover-content {
        max-width: calc(100vw - 2.5rem);
    }
}
.popover-content.is-show {
    display: block;
}
.popover-content.bottom-right {
    left: auto;
    right: 0;
}
.popover-content.top {
    top: auto;
    bottom: 100%;
}
.popover-content.top-right {
    top: auto;
    left: auto;
    bottom: 100%;
    right: 0;
}
.popover-content.left {
    top: 0;
    left: auto;
    right: 100%;
}
.popover-content.right {
    top: 0;
    left: 100%;
}

/* Slider */
.slider-wrap {
    overflow: hidden;
    white-space: nowrap;
}
.slider-wrap .slide {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

/* tablist */
.tab-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    top: 0;
    max-width: none !important;
    border-bottom: 1px solid var(--color-lightgray);
    background: var(--color-wh);
    overflow: hidden;
    overflow-x: auto;
    z-index: 2;
}
.tab-container::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding-top: 0.88em;
    font-size: 1.5625rem;
    line-height: 1;
    white-space: nowrap;
}
@media screen and (max-width: 1024px) {
    .tab-list {
        padding-top: 0.625em;
        font-size: 1rem;
    }
}
@media screen and (max-width: 700px) {
    .tab-list {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
.tab-list .tab {
    min-width: 8em;
    margin: 0 1.6em;
    color: #C1C1C1;
    padding: 1.12em 4px 1em;
    border-bottom: 4px solid transparent;
    text-align: center;
    -webkit-transition: border 0.3s, color 0.3s;
    transition: border 0.3s, color 0.3s;
}
@media screen and (max-width: 1024px) {
    .tab-list .tab {
        min-width: 5.3125em;
        margin: 0 1.25em;
        padding: 1em 4px 0.8125em;
        border-width: 3px;
    }
}
.tab-list .tab:hover, .tab-list .tab:focus {
    color: var(--color-main);
}
.tab-list .tab:first-child {
    margin-left: 0;
}
.tab-list .tab:last-child {
    margin-right: 0;
}
.tab-list .tab.is-active {
    font-weight: 700;
    color: inherit;
    border-color: var(--color-point);
}

.is-multi-pinned .tab-container {
    /* 상단 2depth 메뉴로 표시될때 */
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}
.is-multi-pinned .tab-list {
    /* 상단 2depth 메뉴로 표시될때 */
    padding-top: 5rem;
    font-size: 1rem;
}
@media screen and (max-width: 1024px) {
    .is-multi-pinned .tab-list {
        padding-top: 3.75rem;
    }
}
.is-multi-pinned .tab {
    /* 상단 2depth 메뉴로 표시될때 */
    min-width: 12.5em;
    padding-top: 1.25em;
    padding-bottom: 1em;
    color: inherit;
}
@media screen and (max-width: 1024px) {
    .is-multi-pinned .tab {
        min-width: 5.3125em;
        padding-top: 1em;
        padding-bottom: 0.8125em;
    }
}

.top-sticky-detect {
    position: absolute;
    height: 3.5rem;
}
@media screen and (max-width: 1024px) {
    .top-sticky-detect {
        height: 3rem;
    }
}

/* #Layout */
@media screen and (max-width: 1600px) {
    html {
        font-size: 1vw;
    }
}
@media screen and (max-width: 1024px) {
    html {
        font-size: initial;
    }
}
@media screen and (max-width: 414px) {
    html {
        font-size: 3.8647342995vw;
    }
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    font-family: var(--font-ko);
    letter-spacing: -0.03em;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    word-break: keep-all;
    word-wrap: break-word;
    overflow: hidden;
    overflow-y: scroll;
}

.skip {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 1em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    opacity: 0;
    background: var(--color-point);
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    z-index: -1;
}
.skip:focus, .skip:active {
    position: relative;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    z-index: 99;
}

.container {
    max-width: 106.25rem;
    margin: 0 auto;
    padding: 0 3.125rem;
}
@media screen and (max-width: 1024px) {
    .container {
        padding: 0 1.25rem;
    }
}
.container.md {
    max-width: 93.75rem;
}

.header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    padding: 0 2.5em 0 3.125rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: background-color 0.3s, -webkit-box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s;
    transition: background-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
    z-index: 5;
}
@media screen and (max-width: 1330px) {
    .header {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
@media screen and (max-width: 1024px) {
    .header {
        height: auto;
        padding: 1rem 1.25rem 1rem;
    }
}
.header.hidden {
    opacity: 0;
}
.header.is-transparent {
    margin-bottom: -5rem;
    color: var(--color-wh);
}
@media screen and (max-width: 1330px) {
    .header.is-transparent {
        color: inherit;
    }
}
@media screen and (max-width: 1024px) {
    .header.is-transparent {
        margin-bottom: -3.75rem;
    }
}
.header.is-scrolled {
    border-bottom: 1px solid var(--color-lightgray);
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
}
@media screen and (min-width: 1331px) {
    .header.is-scrolled, .header.is-expanded, .header.is-collapsing {
        color: inherit;
    }
}

.is-multi-pinned .header {
    /* 상단 2depth 메뉴가 있을때 */
    border-color: transparent;
    background-color: transparent;
}

.top-logo {
    position: relative;
    width: 14.0625rem;
    overflow: hidden;
    z-index: 1;
}
.top-logo a {
    display: block;
    width: 100%;
    padding-top: 16.4444444444%;
}
.top-logo a:before, .top-logo a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}
.is-transparent .top-logo a:before {
    opacity: 0;
}
.is-transparent .top-logo a:after {
    opacity: 1;
}

.is-scrolled .top-logo a:before {
    opacity: 1;
}
.is-scrolled .top-logo a:after {
    opacity: 0;
}

@media screen and (max-width: 1024px) {
    .top-logo {
        width: 10.375rem;
    }
    .top-logo a {
        padding-top: 16.8674698795%;
    }
}

@media screen and (min-width: 1025px) {
    .top-logo a:before {
        background-image: url("../img/top_logo.png");
    }
    .is-transparent .top-logo a:after {
        background-image: url("../img/top_logo_wh.png");
    }
}
@media screen and (max-width: 1024px) {
    .top-logo a:before {
        background-image: url("../img/top_logo_sm.png");
    }
    .is-transparent .top-logo a:after {
        background-image: url("../img/top_logo_wh_sm.png");
    }
}
.gnb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
@media screen and (max-width: 1330px) {
    .gnb {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 83.0917874396vw;
        height: 100vh;
        max-width: 21.5625rem;
        padding: 12.5rem 2.875rem 2.875rem;
        background: var(--color-wh);
        -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
                box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
        overflow: hidden;
        overflow-y: auto;
        z-index: 1;
    }
    @supports (-webkit-touch-callout: none) {
        .gnb {
            min-height: -webkit-fill-available;
            min-height: -moz-available;
            min-height: fill-available;
        }
    }
    .is-expanded .gnb {
        display: block;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
        -webkit-animation: show-sidenav 0.5s;
                animation: show-sidenav 0.5s;
    }
    .is-collapsing .gnb {
        display: block;
        -webkit-animation-name: hide-sidenav;
                animation-name: hide-sidenav;
        -webkit-animation-duration: 0.4s;
                animation-duration: 0.4s;
    }
}

.prim-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    list-style: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
@media screen and (min-width: 1331px) {
    .prim-nav {
        pointer-events: none;
    }
    .is-expanded .prim-nav, .is-collapsing .prim-nav, .prim-nav:focus-within, .prim-nav:hover {
        color: var(--color-default);
        background: var(--color-wh);
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
    }
    .is-expanded .prim-nav:before, .is-collapsing .prim-nav:before, .prim-nav:focus-within:before, .prim-nav:hover:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 3.125rem;
        bottom: 0;
        width: 14.0625rem;
        background: url("../img/top_logo.png") no-repeat 0 50%;
        background-color: inherit;
        background-size: contain;
        z-index: 1;
    }
}
@media screen and (max-width: 1700px) {
    .is-expanded .prim-nav:before, .is-collapsing .prim-nav:before, .prim-nav:focus-within:before, .prim-nav:hover:before {
        left: 1.25rem;
    }
}
@media screen and (max-width: 1330px) {
    .prim-nav {
        display: block;
        position: static;
    }
}

.prim-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    pointer-events: auto;
}
@media screen and (max-width: 1330px) {
    .prim-menu {
        display: block;
    }
}
@media screen and (min-width: 1331px) {
    .prim-menu:before {
        /* 전체 메뉴 backdrop */
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 0;
        background: var(--color-wh);
        -webkit-box-shadow: 2px 5px 20px 0 rgba(0, 0, 0, 0.5);
                box-shadow: 2px 5px 20px 0 rgba(0, 0, 0, 0.5);
        -webkit-transition: height 0.7s;
        transition: height 0.7s;
        z-index: -1;
    }
}
.prim-menu > li + li {
    margin-left: 10vw;
}
@media screen and (max-width: 1330px) {
    .prim-menu > li + li {
        margin-top: 1.875rem;
        margin-left: 0;
    }
}
.prim-menu .btn {
    display: block;
    position: relative;
    padding: 0 8px;
    font-size: 1.25rem;
    font-weight: 600;
    color: inherit;
    line-height: 4;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    z-index: 1;
}
@media screen and (max-width: 1330px) {
    .prim-menu .btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 1.125rem 0;
        font-size: 1.5625rem;
        line-height: 1;
    }
}
@media screen and (min-width: 1331px) {
    .is-transparent .prim-menu .btn {
        -webkit-transition-duration: 0s;
                transition-duration: 0s;
    }
}
.prim-menu .btn.is-active {
    color: var(--color-main);
}
.is-transparent .prim-menu .is-active {
    color: inherit;
}

.is-transparent.is-expanded .prim-menu .is-active, .is-transparent.is-collapsing .prim-menu .is-active, .is-transparent.is-scrolled .prim-menu .is-active, .prim-menu > li:hover .btn, .prim-menu > li:focus-within .btn, .prim-menu > li:hover .btn.is-active, .prim-menu > li:focus-within .btn.is-active {
    color: var(--color-main);
}

.prim-menu:hover .btn.is-active, .prim-menu:focus-within .btn.is-active {
    color: inherit;
}
.prim-menu .txt-wrap {
    position: relative;
}
.prim-menu .txt-wrap:after {
    /* 도트 아이콘 */
    content: "";
    display: block;
    position: absolute;
    top: -0.5rem;
    left: 100%;
    width: 0.5rem;
    height: 0.5rem;
    opacity: 0;
    border-radius: 100%;
    background: var(--color-grad);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
@media screen and (max-width: 1330px) {
    .prim-menu .txt-wrap:after {
        top: -0.375rem;
        width: 0.75rem;
        height: 0.75rem;
    }
}
.prim-menu > li:hover .btn .txt-wrap:after, .prim-menu > li:focus-within .btn .txt-wrap:after,
.prim-menu .is-active .txt-wrap:after {
    opacity: 1;
}
.prim-menu:hover .is-active .txt-wrap:after, .prim-menu:focus-within .is-active .txt-wrap:after {
    opacity: 0;
}

.sndry-menu {
    position: absolute;
    top: 100%;
    height: 0;
    padding-left: 8px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    background: var(--color-wh);
    overflow: hidden;
    -webkit-transition: height 0.5s;
    transition: height 0.5s;
    z-index: -1;
}
.sndry-menu .container {
    padding: 0;
}
@media screen and (max-width: 1330px) {
    .sndry-menu {
        position: static;
        top: 0;
        padding: 0;
        color: inherit;
        z-index: 0;
    }
    .is-show-menus .sndry-menu {
        height: auto;
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }
}

@media screen and (min-width: 1331px) {
    li:hover .sndry-menu,
    li:focus-within .sndry-menu,
    .is-expanded .sndry-menu {
        /* 싱글 및 전체 서브 메뉴 show */
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }
    .header:not(.is-expanded):not(.is-collapsing) .sndry-menu,
    .header:not(.is-expanded):not(.is-collapsing) .sndry-menu {
        /* 싱글 메뉴 열기: 서브 메뉴 full width */
        left: 0;
        right: 0;
        padding-left: 0;
    }
    .header:not(.is-expanded):not(.is-collapsing) .sndry-menu .container,
    .header:not(.is-expanded):not(.is-collapsing) .sndry-menu .container {
        max-width: 93.75rem;
        padding: 0 3.125rem;
    }
    .header:not(.is-expanded):not(.is-collapsing) li:hover .sndry-menu,
    .header:not(.is-expanded):not(.is-collapsing) li:focus-within .sndry-menu {
        /* 싱글 메뉴 열기: height 변경 서브 메뉴 shadow */
        /* 싱글 메뉴 열기:  */
        height: 23.75rem;
        -webkit-box-shadow: 2px 5px 20px 0 rgba(0, 0, 0, 0.5);
                box-shadow: 2px 5px 20px 0 rgba(0, 0, 0, 0.5);
    }
    .header:not(.is-expanded):not(.is-collapsing) li:nth-child(1):hover .sndry-menu,
    .header:not(.is-expanded):not(.is-collapsing) li:nth-child(1):focus-within .sndry-menu {
        /* 싱글 메뉴 열기 : 회사소개 height 변경 */
        height: 33.125rem;
    }
    .is-expanded .sndry-menu {
        /* 전체 메뉴 열기 : height 변경 */
        height: 21.875rem;
    }
    .is-expanded .prim-menu:before {
        height: 26.875rem;
        -webkit-transition-delay: -0.1s;
                transition-delay: -0.1s;
    }
    .is-expanded .sndry-menu,
    .is-collapsing .sndry-menu {
        -webkit-transition: height, opacity, visibility;
        transition: height, opacity, visibility;
        -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s;
        -webkit-transition-duration: 0.5s;
                transition-duration: 0.5s;
        background: none;
    }
    .is-collapsing .prim-menu:before {
        -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s;
    }
    .is-collapsing .sndry-menu {
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
    }
}
.sndry-menu .title-wrap {
    display: none;
}

@media screen and (min-width: 1331px) {
    .header:not(.is-expanded):not(.is-collapsing) .sndry-menu .title-wrap {
        /* 싱글 메뉴 열기 : 서브 타이틀 show */
        display: block;
        margin: 0.8125rem 0 0;
        float: left;
    }
    li:hover .sndry-menu .title-wrap,
    li:focus-within .sndry-menu .title-wrap {
        -webkit-animation: slide-up 0.5s 0.2s both;
                animation: slide-up 0.5s 0.2s both;
    }
    .sndry-menu-title {
        font-size: 4rem;
        font-weight: 800;
        letter-spacing: 0;
        line-height: 1.09375;
        overflow: hidden;
    }
    .sndry-menu-slogan {
        margin-top: 0.625rem;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.3333333333;
        overflow: hidden;
    }
}
.sndry-menu-list {
    margin-top: 0.625rem;
    list-style: none;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1;
}
.sndry-menu-list a {
    display: block;
    padding: 0.625rem 0;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.sndry-menu-list a:hover, .sndry-menu-list a:focus {
    color: var(--color-main);
}
@media screen and (max-width: 1330px) {
    .sndry-menu-list {
        margin-top: 0;
        font-size: 0.9375rem;
    }
    .sndry-menu-list a {
        padding: 0.75rem 0;
    }
}

@media screen and (min-width: 1331px) {
    .header:not(.is-expanded):not(.is-collapsing) .sndry-menu-list {
        /* 싱글 메뉴 열기 : 서브 메뉴 목룍 */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 59.375%;
        margin: 3.25rem 0 0 27.5rem;
        font-size: 1.5rem;
        font-weight: 700;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .header:not(.is-expanded):not(.is-collapsing) .sndry-menu-list > li {
        width: 33.3%;
        margin-top: 0;
        padding: 0 0 1.25rem 0.625rem;
    }
    .header:not(.is-expanded):not(.is-collapsing) .sndry-menu-list a {
        display: block;
        position: relative;
        width: 100%;
        height: 8rem;
        padding: 1.875rem;
        border-radius: 5px;
        background: var(--color-bg-gray);
        -webkit-transition: none;
        transition: none;
        -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
    }
    .header:not(.is-expanded):not(.is-collapsing) .sndry-menu-list a:after {
        content: "";
        display: block;
        position: absolute;
        right: 1.875rem;
        bottom: 0.625rem;
        width: 4.375rem;
        height: 4.375rem;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        pointer-events: none;
    }
    .header:not(.is-expanded):not(.is-collapsing) .sndry-menu-list a:hover, .header:not(.is-expanded):not(.is-collapsing) .sndry-menu-list a:focus {
        background-color: #DBEAFC;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type1 {
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type1:after {
        background-image: url("../img/ic_menu1_1.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type2 {
        -webkit-animation-delay: 0.4s;
                animation-delay: 0.4s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type2:after {
        background-image: url("../img/ic_menu1_2.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type3 {
        -webkit-animation-delay: 0.5s;
                animation-delay: 0.5s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type3:after {
        background-image: url("../img/ic_menu1_3.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type4 {
        -webkit-animation-delay: 0.6s;
                animation-delay: 0.6s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type4:after {
        background-image: url("../img/ic_menu1_4.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type5 {
        -webkit-animation-delay: 0.7s;
                animation-delay: 0.7s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type5:after {
        background-image: url("../img/ic_menu1_5.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type6 {
        -webkit-animation-delay: 0.8s;
                animation-delay: 0.8s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type6:after {
        background-image: url("../img/ic_menu1_6.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type7 {
        -webkit-animation-delay: 0.9s;
                animation-delay: 0.9s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu1-type7:after {
        background-image: url("../img/ic_menu1_7.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu2-type1 {
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu2-type1:after {
        background-image: url("../img/ic_menu2_1.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu2-type2 {
        -webkit-animation-delay: 0.4s;
                animation-delay: 0.4s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu2-type2:after {
        background-image: url("../img/ic_menu2_2.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu3-type1 {
        -webkit-animation-delay: 0.3s;
                animation-delay: 0.3s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu3-type1:after {
        background-image: url("../img/ic_menu3_1.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu3-type2 {
        -webkit-animation-delay: 0.4s;
                animation-delay: 0.4s;
    }
    .header:not(.is-expanded):not(.is-collapsing) .menu3-type2:after {
        background-image: url("../img/ic_menu3_2.svg");
    }
    .header:not(.is-expanded):not(.is-collapsing) li:hover .sndry-menu-list a,
    .header:not(.is-expanded):not(.is-collapsing) li:focus-within .sndry-menu-list a {
        /* 싱글 메뉴 열기 : 서브 목록 모션 */
        -webkit-animation-name: slide-up;
                animation-name: slide-up;
    }
}
@media screen and (max-width: 1330px) {
    .top-contact {
        display: none;
    }
}

.gnb-sm-action {
    display: none;
}
@media screen and (max-width: 1330px) {
    .gnb-sm-action {
        display: block;
    }
    .gnb-sm-action .top-contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        left: 1.25rem;
        height: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .gnb-sm-action .btn-show-menu {
        display: block;
    }
}
.gnb-sm-action .popover-content {
    right: auto;
    left: 0;
}

.btn-show-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.875rem;
    font-size: 1.0625rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 2.3529411765;
    color: var(--color-wh);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0;
    border-radius: 2.5rem;
    background: var(--color-grad);
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.btn-show-contact:hover {
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);
            box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4);
}
.btn-show-contact img {
    margin: -2px 4px 0 0;
    vertical-align: middle;
}
@media screen and (min-width: 1331px) {
    .btn-show-contact:after {
        content: "문의하기";
    }
}
@media screen and (max-width: 1330px) {
    .btn-show-contact {
        display: block;
        width: 2.5rem;
        padding: 0;
        border-radius: 50%;
        text-align: center;
    }
    .btn-show-contact:after {
        content: none;
    }
    .btn-show-contact img {
        width: 40%;
        margin-right: 0;
    }
}
@media screen and (max-width: 1024px) {
    .btn-show-contact {
        width: 2.1875rem;
        line-height: 2.0588235294;
    }
    .btn-show-contact img {
        width: 0.75rem;
    }
}

.top-contact-info {
    width: 30.625rem;
    max-width: 100%;
    margin: 0.875rem 0;
    padding: 3.5rem 2.875rem 3.125rem;
    font-size: 1.3125rem;
    font-weight: 700;
    color: var(--color-wh);
    letter-spacing: 0;
    line-height: 1.1;
    border-radius: 1.25rem;
    background: var(--color-grad);
}
.top-contact-info > * {
    padding-left: 1.5rem;
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: auto 1rem;
}
.top-contact-info > * + * {
    margin-top: 4px;
}
@media screen and (max-width: 1024px) {
    .top-contact-info {
        width: 23.375rem;
        margin-top: 0.625rem;
        padding: 2.5rem 2.1875rem 2.1875rem;
        font-size: 1rem;
        border-radius: 0.625rem;
    }
    .top-contact-info > * {
        padding-left: 1.0625rem;
        background-size: auto 0.75rem;
    }
}

.top-contact-address {
    margin-bottom: 2.5em;
    font-size: 0.8571428571em;
    font-weight: 400;
    background-image: url("../img/ic_contact_loc.svg");
    background-size: auto 1.25rem;
}
@media screen and (max-width: 1024px) {
    .top-contact-address {
        margin-bottom: 2.1428571429em;
        font-size: 0.875em;
        background-position: 0 0;
        background-size: auto 0.9375rem;
    }
}

.top-contact-tel {
    background-image: url("../img/ic_contact_tel.svg");
}

.top-contact-fax {
    background-image: url("../img/ic_contact_fax.svg");
}

.top-contact-email {
    background-image: url("../img/ic_contact_email.svg");
    background-position: 0 5px;
    background-size: auto 0.75rem;
}
@media screen and (max-width: 1024px) {
    .top-contact-email {
        background-size: auto 0.5625rem;
    }
}

.btn-close-contact {
    position: absolute;
    top: 1.75rem;
    right: 1.0625rem;
    width: 0.9375rem;
    height: 0.9375rem;
    border: 0;
    background: transparent;
}
@media screen and (max-width: 1024px) {
    .btn-close-contact {
        top: 1.5rem;
        right: 0.8125rem;
        width: 0.75rem;
        height: 0.75rem;
    }
}

.site-lang {
    margin: 0 8px 0 1.5rem;
}
@media screen and (max-width: 1330px) {
    .site-lang {
        position: absolute;
        top: 1.25rem;
        left: 2.125rem;
        margin-left: 0;
    }
}

.btn-show-lang {
    display: block;
    position: relative;
    padding: 1px 0.9375rem 2px 0;
    line-height: 1;
    border: 0;
    background: transparent;
}
@media screen and (max-width: 1330px) {
    .btn-show-lang {
        margin: 0 4px;
        padding-top: 0;
        padding-bottom: 0;
    }
}
.btn-show-lang img {
    width: 2.3125rem;
    height: 2.3125rem;
    vertical-align: middle;
}
@media screen and (max-width: 1330px) {
    .btn-show-lang img {
        width: 1.1875rem;
        height: 1.1875rem;
    }
}
.btn-show-lang .value {
    display: none;
}
@media screen and (max-width: 1330px) {
    .btn-show-lang .value {
        display: inline;
        margin-left: 3px;
        font-family: var(--font-en);
        font-size: 0.9375rem;
        font-weight: 600;
        font-style: normal;
        line-height: 1;
        vertical-align: middle;
    }
}
.btn-show-lang .caret {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0.625rem;
    height: 0.375rem;
    margin: auto;
    background: url("../img/ic_top_lang_caret_bk.svg") no-repeat 0 0;
    background-size: contain;
}
@media screen and (max-width: 1330px) {
    .btn-show-lang .caret {
        width: 5px;
        height: 3px;
    }
}
.btn-show-lang[aria-expanded=true] .caret {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
@media screen and (min-width: 1331px) {
    .is-transparent .btn-show-lang:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 2.3125rem;
        height: 2.3125rem;
        margin: auto 0;
        background: url("../img/ic_top_globe_wh.svg") no-repeat 0 0;
        background-size: contain;
    }
    .is-transparent .btn-show-lang img {
        opacity: 0;
    }
    .is-transparent .btn-show-lang .caret {
        background-size: 0 0;
    }
    .is-transparent .btn-show-lang .caret:before {
        content: "";
        display: block;
        position: absolute;
        top: 9;
        right: 0;
        width: 0.625rem;
        height: 0.375rem;
        background: url("../img/ic_top_lang_caret.svg") no-repeat 0 0;
        background-size: contain;
    }
    .is-scrolled .btn-show-lang:before, .is-scrolled .btn-show-lang .caret:before, .is-expanded .btn-show-lang:before, .is-expanded .btn-show-lang .caret:before, .is-collapsing .btn-show-lang:before, .is-collapsing .btn-show-lang .caret:before, .prim-nav:hover ~ .site-lang .btn-show-lang:before, .prim-nav:hover ~ .site-lang .btn-show-lang .caret:before, .prim-nav:focus-within ~ .site-lang .btn-show-lang:before, .prim-nav:focus-within ~ .site-lang .btn-show-lang .caret:before {
        opacity: 0;
    }
    .is-scrolled .btn-show-lang img, .is-expanded .btn-show-lang img, .is-collapsing .btn-show-lang img, .prim-nav:hover ~ .site-lang .btn-show-lang img, .prim-nav:focus-within ~ .site-lang .btn-show-lang img {
        opacity: 1;
    }
    .is-scrolled .btn-show-lang .caret, .is-expanded .btn-show-lang .caret, .is-collapsing .btn-show-lang .caret, .prim-nav:hover ~ .site-lang .btn-show-lang .caret, .prim-nav:focus-within ~ .site-lang .btn-show-lang .caret {
        background-size: contain;
    }
}

.site-lang-list {
    list-style: none;
    margin: 9px 0;
    padding: 1rem 0;
    font-family: var(--font-en);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-default);
    letter-spacing: 0;
    line-height: 1.1;
    text-align: center;
    word-break: keep-all;
    border: 1px solid #707070;
    border-radius: 1.25rem;
    background: var(--color-wh);
}
@media screen and (max-width: 1330px) {
    .site-lang-list {
        margin: 6px 0;
        padding: 0.75rem 0;
        font-size: 1.0625rem;
        border-radius: 0.625rem;
    }
}
.site-lang-list a {
    display: block;
    padding: 0.625rem 1.25rem;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
@media screen and (max-width: 1330px) {
    .site-lang-list a {
        padding: 0.5625rem 0;
    }
}
.site-lang-list a:hover {
    color: var(--color-main);
}

.btn-show-menu {
    position: absolute;
    top: 0;
    right: 2.5rem;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border: 0;
    background: transparent;
    -webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
    transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s;
    z-index: 1;
}
@media screen and (max-width: 1330px) {
    .btn-show-menu {
        display: none;
        right: 0.75rem;
    }
}
@media screen and (max-width: 1024px) {
    .btn-show-menu {
        top: -3px;
    }
}
.btn-show-menu:before, .btn-show-menu:after {
    content: "";
}
.btn-show-menu:before, .btn-show-menu:after, .btn-show-menu .liner {
    display: block;
    width: 60%;
    height: 4px;
    margin: 0 auto;
    border-radius: 1rem;
    background: var(--color-default);
}
@media screen and (max-width: 1024px) {
    .btn-show-menu:before, .btn-show-menu:after, .btn-show-menu .liner {
        height: 2px;
    }
}
.btn-show-menu .liner {
    margin-top: 6px;
    margin-bottom: 6px;
    -webkit-transform: scaleX(0.6);
        -ms-transform: scaleX(0.6);
            transform: scaleX(0.6);
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
@media screen and (max-width: 1024px) {
    .btn-show-menu .liner {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
}
.btn-show-menu:hover .liner {
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}
.is-transparent .btn-show-menu:before, .is-transparent .btn-show-menu:after, .is-transparent .btn-show-menu .liner {
    background: var(--color-wh);
}

.is-scrolled .btn-show-menu:before, .is-scrolled .btn-show-menu:after, .is-scrolled .btn-show-menu .liner {
    background: var(--color-default);
}

@media screen and (min-width: 1331px) {
    .is-collapsing .btn-show-menu:before, .is-collapsing .btn-show-menu:after, .is-collapsing .btn-show-menu .liner, .is-transparent .prim-nav:hover ~ .btn-show-menu:before, .is-transparent .prim-nav:hover ~ .btn-show-menu:after, .is-transparent .prim-nav:hover ~ .btn-show-menu .liner, .is-transparent .prim-nav:focus-within ~ .btn-show-menu:before, .is-transparent .prim-nav:focus-within ~ .btn-show-menu:after, .is-transparent .prim-nav:focus-within ~ .btn-show-menu .liner {
        background: var(--color-default);
    }
}

.is-expanded .btn-show-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}

.btn-close-menu {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0;
    visibility: hidden;
    border: 0;
    border-radius: 2px;
    background: transparent;
    pointer-events: none;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.btn-close-menu:before, .btn-close-menu:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 90%;
    height: 4px;
    margin: auto;
    border-radius: 1rem;
    background: var(--color-default);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.btn-close-menu:after {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
@media screen and (max-width: 1330px) {
    .btn-close-menu {
        position: absolute;
        top: 0.625rem;
        right: 0.75rem;
        margin: 0;
    }
}
@media screen and (max-width: 1024px) {
    .btn-close-menu:before, .btn-close-menu:after {
        width: 1.75rem;
        height: 2px;
    }
}

.is-expanded .btn-close-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.footer {
    position: relative;
    margin-top: auto;
    padding: 6.875rem 0 3.125rem;
    color: var(--color-wh);
    background: #171717;
}
@media screen and (max-width: 1330px) {
    .footer {
        padding: 3.625rem 0 2.25rem;
    }
}

.footer-menu {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1;
    list-style: none;
}
.footer-menu > li + li {
    margin-top: 1.5rem;
}
@media screen and (max-width: 1330px) {
    .footer-menu > li + li {
        margin-top: 0.75rem;
    }
}
@media screen and (max-width: 1024px) {
    .footer-menu {
        font-size: 1rem;
    }
}
.footer-menu a:hover, .footer-menu a:focus {
    border-bottom: 1px solid;
}

.footer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.25rem;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.8888888889;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    word-break: keep-all;
}
@media screen and (max-width: 1330px) {
    .footer-info {
        margin-top: 3rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: inherit;
            -ms-flex-align: inherit;
                align-items: inherit;
    }
    .footer-info span {
        display: block;
    }
}
@media screen and (max-width: 1024px) {
    .footer-info {
        font-size: 0.6875rem;
    }
}
.footer-info a:hover, .footer-info a:focus {
    border-bottom: 1px solid;
}

.site-copyright {
    margin-left: auto;
    opacity: 0.4;
    white-space: nowrap;
}
@media screen and (max-width: 1330px) {
    .site-copyright {
        margin-top: 0.625rem;
        margin-left: 0;
    }
}

.btn-top {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 5.625rem;
    height: 5.625rem;
    border-radius: 50%;
    border: 0;
    background: transparent;
    z-index: 1;
}
.btn-top:hover, .btn-top:focus {
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
}
.btn-top:active {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
}
.btn-top.is-fixed {
    position: fixed;
    top: auto;
    bottom: 2rem;
    -webkit-animation: fade-in 0.5s alternate;
            animation: fade-in 0.5s alternate;
}
@media screen and (max-width: 1024px) {
    .btn-top {
        top: 1rem;
        right: 1.25rem;
        width: 2.8125rem;
        height: 2.8125rem;
    }
}

/* 페이지 공통 레이아웃 */
.page {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.page-header {
    position: relative;
    padding: 6.875rem 0 3.125rem;
    border-bottom: 1px solid #C7C7C7;
}
@media screen and (max-width: 1024px) {
    .page-header {
        padding: 1.875rem 0 1.5rem;
    }
}

.page-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.page-nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    font-size: 1.25rem;
    color: var(--color-gray);
    line-height: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.page-nav-list li + li {
    padding-left: 1.625rem;
    background: url("../img/ic_next_depth.svg") no-repeat 10px 50%;
    background-size: 6px auto;
}
@media screen and (max-width: 1024px) {
    .page-nav-list {
        font-size: 0.6875rem;
    }
    .page-nav-list li + li {
        padding-left: 0.875rem;
        background-position: 5px 50%;
        background-size: 3px auto;
    }
}
.page-nav-list strong {
    color: var(--color-default);
}
.page-nav-list a:hover, .page-nav-list a:focus {
    text-decoration: underline;
}

.btn-home {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
}
@media screen and (max-width: 1024px) {
    .btn-home {
        width: 0.6875rem;
        height: 0.6875rem;
    }
}
.btn-home img {
    display: block;
    width: 95%;
    height: 95%;
}

.page-title {
    margin-top: 1.125rem;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .page-title {
        margin-top: 8px;
    }
}

.page-content {
    padding: 9.375rem 0 12.5rem;
    -webkit-animation: fade-in 1s ease-in-out forwards;
            animation: fade-in 1s ease-in-out forwards;
}
@media screen and (max-width: 1024px) {
    .page-content {
        padding: 4.6875rem 0 6.25rem;
    }
}

.page-overview {
    max-width: 29em;
    margin: 1.0666666667em auto;
    font-size: 1.875rem;
    letter-spacing: 0;
    line-height: 1.6666666667;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .page-overview {
        font-size: 0.8125rem;
    }
}

.top-visual .container {
    position: relative;
}
.top-visual .subline {
    margin-bottom: 0.625em;
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-main);
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .top-visual .subline {
        font-size: 1rem;
    }
}
.top-visual .headline {
    font-size: 2.8125rem;
    font-weight: 800;
    line-height: 1.33;
}
@media screen and (max-width: 1024px) {
    .top-visual .headline {
        font-size: 1.5625rem;
    }
}
.top-visual .headline1 {
    text-align: left;
}
.top-visual em {
    font-style: normal;
}
.top-visual .list {
    margin-top: 0.6666666667em;
    padding-left: 1em;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.67;
    list-style: none;
}
@media screen and (max-width: 1024px) {
    .top-visual .list {
        font-size: 1.125rem;
    }
}
.top-visual .list li:first-letter {
    margin-left: -1em;
}
.top-visual .list.no-prefix {
    padding-left: 0;
}
.top-visual .list.no-prefix li:first-letter {
    margin-left: 0;
}
.top-visual .img-wrap {
    display: block;
    position: relative;
    margin-top: 3.125rem;
    padding-top: 28%;
    overflow: hidden;
}
@media screen and (max-width: 800px) {
    .top-visual .img-wrap {
        padding-top: 59.8930481283%;
    }
}
.top-visual img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    -o-object-fit: cover;
       object-fit: cover;
}

.inline-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
        align-self: center;
}

/* #Pages */
/* 인트로 */
.site-intro {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    background: var(--color-wh);
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    z-index: 1;
}
@media screen and (max-width: 1024px) {
    .site-intro {
        padding: 0 3.125rem;
    }
}
.site-intro:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.site-intro .headline {
    display: inline-block;
    max-width: 100%;
    font-size: 5rem;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 1.75;
    vertical-align: middle;
}
@media screen and (max-width: 1024px) {
    .site-intro .headline {
        font-size: 2.5rem;
    }
}
.site-intro .line:nth-child(2) {
    position: relative;
}
.site-intro .color1 {
    color: var(--color-main);
}
.site-intro .color2 {
    color: var(--color-point);
}
@media screen and (max-width: 1024px) {
    .site-intro .color2 {
        display: block;
    }
}
.site-intro .word {
    opacity: 0;
}
.site-intro .box {
    display: inline-block;
    position: relative;
    top: -6px;
    width: 0;
    height: 0;
    line-height: 1;
    vertical-align: middle;
}
.site-intro .amount {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10.625rem;
    height: 6.375rem;
    margin: -3.4375rem 0 0 -5.3125rem;
}
@media screen and (max-width: 1024px) {
    .site-intro .amount {
        width: 5.3125rem;
        height: 3.1875rem;
        margin: -1.4375rem 0 0 -2.6875rem;
    }
}
.site-intro svg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Home */
.is-started::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.main-visual {
    position: relative;
    clip-path: url(#mask);
    background: #000;
    z-index: 2;
}

.main-visual-slider {
    position: relative;
    height: 100vh;
    color: var(--color-wh);
    overflow: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
@supports (-webkit-touch-callout: none) {
    .main-visual-slider {
        min-height: -webkit-fill-available;
        min-height: -moz-available;
        min-height: fill-available;
    }
}
.main-visual-slider .slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.main-visual-slider .slide-visual {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 110%;
    min-width: 110%;
    max-width: none;
    min-height: 110%;
    -o-object-fit: cover;
       object-fit: cover;
    opacity: 0.5;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
}
.main-visual-slider .slide-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16.875rem;
    padding-top: 5rem;
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 1;
}
@media screen and (max-width: 1024px) {
    .main-visual-slider .slide-content {
        bottom: 8.75rem;
        padding-top: 3.75rem;
    }
}
.main-visual-slider .slide-content .subline {
    margin-bottom: 1em;
    font-size: 1.875rem;
    font-weight: 200;
    line-height: 1.5;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .main-visual-slider .slide-content .subline {
        font-size: 0.9375rem;
    }
}
.main-visual-slider .slide-content .subline span {
    opacity: 0;
    -webkit-transform: translateY(300%);
        -ms-transform: translateY(300%);
            transform: translateY(300%);
}
.main-visual-slider .slide-content .headline {
    font-size: 5rem;
    font-weight: 800;
    line-height: 1.25;
    overflow: hidden;
    opacity: 0;
}
@media screen and (max-width: 1024px) {
    .main-visual-slider .slide-content .headline {
        font-size: 2.1875rem;
    }
}
.main-visual-slider .slide-content span {
    display: block;
}

.is-started .main-visual-slider .tns-slide-active .slide-content {
    opacity: 1;
}
.is-started .main-visual-slider .tns-slide-active .subline span {
    -webkit-animation: slideText1 1s forwards;
            animation: slideText1 1s forwards;
}
.is-started .main-visual-slider .tns-slide-active .subline span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
}
.is-started .main-visual-slider .tns-slide-active .headline {
    -webkit-animation: fade-in 2s 1.2s forwards;
            animation: fade-in 2s 1.2s forwards;
}

.main-visual .slider-util {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5.5rem;
    color: var(--color-wh);
    opacity: 0;
    z-index: 1;
}
.is-started .main-visual .slider-util {
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

@media screen and (max-width: 1024px) {
    .main-visual .slider-util {
        bottom: 2.625rem;
    }
}
.main-visual .slider-util .btn-control {
    position: relative;
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    line-height: 1;
    border: 0;
    border-radius: 50%;
    background: none;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
@media screen and (max-width: 1024px) {
    .main-visual .slider-util .btn-control {
        width: 0.5rem;
        height: 0.5rem;
    }
}
.main-visual .slider-util .btn-control:before, .main-visual .slider-util .btn-control:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.main-visual .slider-util .btn-control:before {
    background-image: url("../img/btn_visual_play.svg");
}
.main-visual .slider-util .btn-control:after {
    opacity: 0;
    visibility: hidden;
    background-image: url("../img/btn_visual_pause.svg");
}
.main-visual .slider-util .btn-control.is-played:after {
    opacity: 1;
    visibility: visible;
}
.main-visual .slider-util .btn-control.is-played:before {
    opacity: 0;
    visibility: hidden;
}
.main-visual .slider-util .btn-control:hover, .main-visual .slider-util .btn-control:active {
    background-color: rgba(255, 255, 255, 0.3);
}

.slider-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .slider-progress {
        font-size: 0.5rem;
    }
}
.slider-progress .next {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    opacity: 0.6;
    float: right;
}
.slider-progress .progress-bar {
    position: relative;
    margin: 0 8px;
    width: 15.6923076923em;
    height: 0.3846153846em;
    border-radius: 2em;
    background: rgba(255, 255, 255, 0.2);
    overflow: hidden;
}
.slider-progress .active-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    border-radius: inherit;
    background: var(--color-wh);
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}
.slider-progress .active-bar.is-start {
    -webkit-animation-name: progress;
            animation-name: progress;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
}

@-webkit-keyframes progress {
    0% {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}

@keyframes progress {
    0% {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}
.btn-down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 4.625rem;
    height: 4.625rem;
    margin-top: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 0;
    border-radius: 50%;
    background: var(--color-grad);
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
            box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
@media screen and (max-width: 1024px) {
    .btn-down {
        width: 2.25rem;
        height: 2.25rem;
        margin-top: 2.125rem;
    }
}
.btn-down img {
    width: 27.027027027%;
}
.btn-down:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.btn-down:hover img {
    -webkit-animation: scroll-down 0.7s infinite;
            animation: scroll-down 0.7s infinite;
}

.main-biz {
    padding: 8rem 0 5.5rem;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .main-biz {
        padding: 3.875rem 0;
    }
}
.main-biz section + section {
    margin-top: 11.875rem;
}
@media screen and (max-width: 1024px) {
    .main-biz section + section {
        margin-top: 3.125rem;
    }
}

.main-biz1 {
    position: relative;
}
.main-biz1 .bg-wrap {
    display: block;
    position: absolute;
    top: 0;
    right: -10rem;
    width: 42.25rem;
    height: 62.5rem;
    -webkit-box-shadow: inset 0 0 0 3px #fff;
            box-shadow: inset 0 0 0 3px #fff;
    opacity: 0.4;
    pointer-events: none;
    z-index: -1;
}
@media screen and (max-width: 1024px) {
    .main-biz1 .bg-wrap {
        top: -2.5rem;
        right: -1.25rem;
        width: 12.9375rem;
        height: 28.9375rem;
    }
}
.main-biz1 .bg-wrap video {
    display: block;
    position: absolute;
    top: 0;
    left: -12.5rem;
    min-width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
@media screen and (max-width: 1024px) {
    .main-biz1 .bg-wrap video {
        left: -6.25rem;
    }
}
.main-biz1 .title {
    margin-bottom: 0.625em;
    font-size: 2rem;
    font-weight: 600;
    color: var(--color-main);
}
@media screen and (max-width: 1024px) {
    .main-biz1 .title {
        font-size: 0.9375rem;
    }
}
.main-biz1 .headline {
    margin-bottom: 1.5em;
    font-size: 3.75rem;
    font-weight: 800;
    line-height: 1.3333333333;
}
@media screen and (max-width: 1024px) {
    .main-biz1 .headline {
        font-size: 1.5625rem;
    }
}

.biz-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -1.375rem;
    list-style: none;
}
@media screen and (max-width: 1024px) {
    .biz-list {
        margin: -0.9375rem 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.biz-list > li {
    width: 33.3%;
    padding-left: 1.375rem;
}
@media screen and (max-width: 1024px) {
    .biz-list > li {
        width: auto;
        margin-top: 0.9375rem;
        padding-left: 0;
    }
}
.biz-list .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    padding: 17.8947368421em 2.5263157895em 2.6315789474em;
    font-size: 1.1875rem;
    color: var(--color-gray);
    line-height: 1.5789473684;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: var(--color-bg-main);
    background-repeat: no-repeat;
    background-position: 50% 1.8421052632em;
    background-size: 16.4736842105em auto;
}
@media screen and (max-width: 1024px) {
    .biz-list .card {
        padding: 8.3076923077em 1.9230769231em 2.6923076923em;
        font-size: 0.8125rem;
        background-position: calc(100% - 1.25em) 1.3076923077em;
        background-size: 11.5384615385em auto;
    }
}
.biz-list li:first-child .card {
    background-image: url("../img/main_biz_item1_sm.png");
}
@media screen and (min-width: 1025px) {
    .biz-list li:first-child .card {
        background-image: url("../img/main_biz_item1.png");
    }
}
.biz-list li:nth-child(2) .card {
    background-image: url("../img/main_biz_item2_sm.png");
}
@media screen and (min-width: 1025px) {
    .biz-list li:nth-child(2) .card {
        background-image: url("../img/main_biz_item2.png");
    }
}
.biz-list li:nth-child(3) .card {
    background-image: url("../img/main_biz_item3_sm.png");
}
@media screen and (min-width: 1025px) {
    .biz-list li:nth-child(3) .card {
        background-image: url("../img/main_biz_item3.png");
    }
}
.biz-list .card-title {
    margin-bottom: 0.6222222222em;
    font-size: 2.3684210526em;
    font-weight: 700;
    color: var(--color-default);
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .biz-list .card-title {
        margin-bottom: 1em;
        font-size: 1.9230769231em;
    }
}
.biz-list .card-desc {
    margin-bottom: 1.5789473684em;
}
@media screen and (max-width: 1024px) {
    .biz-list .card-desc {
        margin-bottom: 0;
    }
}
.biz-list .btn-view-more {
    display: block;
    margin: auto 0 0 auto;
    font-size: 0.8947368421em;
    color: var(--color-secondary);
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .biz-list .btn-view-more {
        font-size: 0.6923076923em;
    }
}
.biz-list .btn-view-more .ico {
    display: inline-block;
    position: relative;
    width: 2.9411764706em;
    height: 2.9411764706em;
    margin-left: 0.7058823529em;
    border-radius: 50%;
    background: var(--color-bg-hover);
    overflow: hidden;
    vertical-align: middle;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.biz-list .btn-view-more img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 40%;
    margin: auto;
}
.biz-list .btn-view-more:hover, .biz-list .btn-view-more:focus {
    text-decoration: underline;
}
.biz-list .btn-view-more:hover img, .biz-list .btn-view-more:focus img {
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-animation: slide-out-in 1s infinite;
            animation: slide-out-in 1s infinite;
}

.main-biz2 {
    position: relative;
}
.main-biz2 .headline-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 3.125em 1.125em 1.875em;
    font-family: var(--font-en);
    font-size: 5rem;
    font-weight: 800;
    color: var(--color-wh);
    line-height: 1;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background: url("../img/main_biz_bg2.jpg") no-repeat 0 0;
    background-size: cover;
}
@media screen and (max-width: 1024px) {
    .main-biz2 .headline-box {
        display: block;
        margin-left: -1.25rem;
        padding: 3.0303030303em 0.7575757576em 2.3636363636em 1.25rem;
        font-size: 2.0625rem;
    }
}
.main-biz2 .headline {
    font-size: inherit;
    letter-spacing: -0.06em;
    line-height: 1.125;
}
.main-biz2 .subline {
    position: relative;
    top: -0.75em;
    margin-left: 1.8em;
    padding: 0 0 0.7em;
    font-size: 0.25em;
    font-weight: 500;
    letter-spacing: -0.03em;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-bottom: 1px solid;
    text-align: right;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .main-biz2 .subline {
        top: 0;
        margin: 1em 0 0;
        font-size: 0.4242424242em;
        text-align: left;
    }
}

.biz-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 12.9166666667em;
    margin: -4.1666666667em -3.125rem 0 3.75em;
    padding: 1.9166666667em 2.4166666667em;
    font-family: var(--font-en);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    list-style: none;
    background: var(--color-wh);
    z-index: 1;
}
@media screen and (max-width: 1024px) {
    .biz-counter {
        display: block;
        min-height: 0;
        margin-left: 0;
        margin-right: -1.25rem;
        padding: 3.5em 1.6666666667em 0 2.3333333333em;
        font-size: 0.75rem;
    }
}
.biz-counter > li {
    min-height: 100%;
}
.biz-counter > li:first-child {
    width: 42%;
}
@media screen and (max-width: 1024px) {
    .biz-counter > li {
        margin-top: 3.1666666667em;
    }
    .biz-counter > li:first-child {
        width: auto;
        margin-top: 0;
    }
}
.biz-counter .label {
    min-height: 2.4em;
    margin-bottom: 0.75rem;
}
@media screen and (max-width: 1024px) {
    .biz-counter .label {
        min-height: 0;
        margin-bottom: 0;
    }
}
.biz-counter .value {
    margin-top: auto;
    font-size: 2.5em;
    font-weight: 800;
    color: var(--color-point);
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .biz-counter .value {
        font-size: 2.9166666667em;
    }
}
.biz-counter em {
    font-style: normal;
}

.main-news {
    height: 100vh;
    min-height: 60.625rem;
    padding: 8.125rem 0 13.75rem;
    background: url("../img/main_news_bg_sm.jpg") no-repeat 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
}
@supports (-webkit-touch-callout: none) {
    .main-news {
        min-height: -webkit-fill-available;
        min-height: -moz-available;
        min-height: fill-available;
    }
}
@media screen and (min-width: 1025px) {
    .main-news {
        background-image: url("../img/main_news_bg.jpg");
    }
}
@media screen and (max-width: 1024px) {
    .main-news {
        padding: 4.25rem 0 6.875rem;
    }
}
.main-news .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.main-news .news-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.6666666667em;
    font-size: 1.875rem;
    color: var(--color-wh);
    line-height: 1;
    list-style: none;
}
.main-news .news-filter > li + li {
    margin-left: 1em;
}
@media screen and (max-width: 1024px) {
    .main-news .news-filter {
        margin-bottom: 2em;
        font-size: 0.9375rem;
    }
}
.main-news .filter {
    position: relative;
    display: block;
    opacity: 0.3;
    border: 0;
    background: transparent;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.main-news .filter:before {
    content: "";
    display: block;
    position: absolute;
    top: -0.6666666667em;
    left: 0;
    right: 0;
    width: 0.4666666667em;
    height: 0.4666666667em;
    margin: auto;
    opacity: 0;
    border-radius: 50%;
    background: var(--color-grad);
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}
.main-news .filter.is-active {
    font-weight: 700;
    opacity: 1;
}
.main-news .filter.is-active:before {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.main-news .filter:hover, .main-news .filter:focus {
    opacity: 1;
}
.main-news .news-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 31.75em;
    margin-left: -1.75rem;
    list-style: none;
    overflow: visible;
}
.main-news .news-list > li {
    padding-left: 1.75rem;
}
@media screen and (max-width: 1024px) {
    .main-news .news-list {
        height: 21.1666666667em;
        margin-left: -0.875rem;
    }
    .main-news .news-list > li {
        padding-left: 0.875rem;
    }
}
.main-news .news-list .hide {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.main-news .news-list .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 27em;
    height: 100%;
    min-height: 100%;
    padding: 3.875em 2.5em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: var(--color-wh);
    z-index: 0;
}
@media screen and (max-width: 1024px) {
    .main-news .news-list .card {
        width: 18em;
        padding: 2.5em 1.6666666667em;
        font-size: 0.75rem;
    }
}
.main-news .news-list .card:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: var(--color-grad);
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    pointer-events: none;
    z-index: -1;
}
.main-news .news-list .card:hover {
    color: var(--color-wh);
}
.main-news .news-list .card:hover:before {
    opacity: 1;
}
.main-news .news-list .ico {
    display: block;
    position: absolute;
    top: 0.9375em;
    right: 0.9375em;
    width: 1.4375em;
    height: 1.4375em;
    pointer-events: none;
}
@media screen and (max-width: 1024px) {
    .main-news .news-list .ico {
        top: 0.6666666667em;
        right: 0.6666666667em;
        width: 1em;
        height: 1em;
    }
}
.main-news .news-list .ico:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url("../img/ic_view_detail_hover.svg") no-repeat 0 0;
    background-size: contain;
}
.main-news .news-list .card:hover .ico:before {
    opacity: 1;
}
.main-news .news-list .card:hover .ico img {
    opacity: 0;
}
.main-news .news-type {
    position: relative;
    padding-top: 2.5263157895em;
    margin-bottom: 0.7368421053em;
    font-size: 1.1875em;
    font-weight: 500;
    color: var(--color-main);
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .main-news .news-type {
        padding-top: 2.4em;
        font-size: 0.8333333333em;
    }
}
.main-news .news-type em {
    font-style: normal;
}
.main-news .news-type:before, .main-news .news-type:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6842105263em;
    height: 1.6842105263em;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    pointer-events: none;
}
@media screen and (max-width: 1024px) {
    .main-news .news-type:before, .main-news .news-type:after {
        width: 1.6em;
        height: 1.6em;
    }
}
.main-news .news-type:after {
    opacity: 0;
}
.main-news [data-filter=type1] .news-type:before {
    background-image: url("../img/ic_news_type1.svg");
}
.main-news [data-filter=type1] .news-type:after {
    background-image: url("../img/ic_news_type1_hover.svg");
}
.main-news [data-filter=type2] .news-type:before {
    background-image: url("../img/ic_news_type2.svg");
}
.main-news [data-filter=type2] .news-type:after {
    background-image: url("../img/ic_news_type2_hover.svg");
}
.main-news .card:hover .news-type {
    color: inherit;
}
.main-news .card:hover .news-type:before {
    opacity: 0;
}
.main-news .card:hover .news-type:after {
    opacity: 1;
}
.main-news .news-title {
    display: -webkit-box;
    max-height: 2.6666666667em;
    font-size: 1.875em;
    font-weight: 700;
    line-height: 1.3333333333;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width: 1024px) {
    .main-news .news-title {
        font-size: 1.25em;
    }
}
.main-news .summary {
    display: -webkit-box;
    max-height: 7.5em;
    margin-top: auto;
    color: var(--color-gray);
    line-height: 1.5625;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-news .card:hover .summary {
    color: inherit;
}

.list-wrap {
    display: inline-block;
    vertical-align: top;
}

.main-bottom-visual {
    padding: 4rem 0;
    overflow: hidden;
}
.main-bottom-visual .row {
    width: 314.0625vw;
    height: 5.1041666667vw;
    background: url("../img/main_scroll_dk.svg") repeat-x 0 0;
    background-size: auto 100%;
    -webkit-animation: infinite-slide 30s linear infinite;
            animation: infinite-slide 30s linear infinite;
}
@media screen and (max-width: 1024px) {
    .main-bottom-visual .row {
        width: 728.2608695652vw;
        height: 11.5942028986vw;
        -webkit-animation-name: infinite-slide-sm;
                animation-name: infinite-slide-sm;
    }
}
.main-bottom-visual .row:nth-child(2) {
    margin-top: 3.5rem;
    background-image: url("../img/main_scroll_wh.svg");
    animation-direction: reverse;
}
@media screen and (max-width: 1024px) {
    .main-bottom-visual .row:nth-child(2) {
        margin-top: 1.625rem;
    }
}

/* 회사소개 */
.about-content {
    margin: -9.375rem 0 -12.5rem;
}
@media screen and (max-width: 1024px) {
    .about-content {
        margin: -4.6875rem 0 -6.25rem;
    }
}
.about-content .top-visual {
    margin-top: 9.375rem;
}
@media screen and (max-width: 1024px) {
    .about-content .top-visual {
        margin-top: 4.6875rem;
    }
}
.about-content .section {
    margin-top: 9.375rem;
}
@media screen and (max-width: 1024px) {
    .about-content .section {
        margin-top: 3.125rem;
    }
}

.about1 .inline-group {
    margin-top: 9.375rem;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
}
@media screen and (max-width: 1024px) {
    .about1 .inline-group {
        position: relative;
        margin-top: 3.125rem;
        font-size: 0.75rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

.about1-1 {
    width: 38.8571428571%;
    padding: 3.75em 2.5em;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0;
    background: var(--color-grad2);
}
@media screen and (max-width: 1024px) {
    .about1-1 {
        width: 100%;
    }
}
.about1-1 .title {
    margin-bottom: 0.5882352941em;
    font-size: 2.125em;
    font-weight: 700;
}
@media screen and (max-width: 1024px) {
    .about1-1 .title {
        margin-bottom: 0.4347826087em;
        font-size: 1.9166666667em;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}
.about1-1 .desc {
    margin-right: 2.7777777778em;
    font-size: 1.125em;
    line-height: 1.6666666667;
}
@media screen and (max-width: 1024px) {
    .about1-1 .desc {
        margin-right: 5em;
        font-size: inherit;
    }
}
.about1-1 .chart-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.5em;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.about1-1 .chart-label {
    margin: 1em 1.75em 1em 0;
    list-style: none;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
@media screen and (max-width: 1024px) {
    .about1-1 .chart-label {
        font-size: 0.9166666667em;
        -webkit-box-flex: initial;
            -ms-flex: initial;
                flex: initial;
    }
}
@media screen and (max-width: 700px) {
    .about1-1 .chart-label {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
}
.about1-1 .chart-label li {
    margin-top: 0.75em;
}
.about1-1 .chart-label:before {
    content: "";
    display: block;
    width: 2.375em;
    margin-bottom: 1.125em;
    border-top: 3px solid;
}
@media screen and (max-width: 1024px) {
    .about1-1 .chart-label:before {
        content: none;
    }
}
.about1-1 .chart {
    position: relative;
    width: 11.875em;
}
.about1-1 .chart img {
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .about1-1 .chart {
        width: 10.3333333333em;
    }
}
.about1-1 .chart .logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 48.4210526316%;
    margin: auto;
}

.about1-2 {
    position: relative;
    padding: 3.75em 6.25em 5.9375em;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #F5F5F5;
}
@media screen and (max-width: 1024px) {
    .about1-2 {
        position: initial;
        padding: 2.3333333333em 2.6666666667em 4.6666666667em;
    }
}
.about1-2 .title {
    margin-bottom: 0.5882352941em;
    font-size: 2.125em;
    font-weight: 700;
}
@media screen and (max-width: 1024px) {
    .about1-2 .title {
        position: absolute;
        top: 1.9565217391em;
        margin-bottom: 0.4347826087em;
        font-size: 1.9166666667em;
        color: var(--color-wh);
        text-transform: uppercase;
    }
}
.about1-2 .tns-nav {
    position: absolute;
    bottom: 1.875em;
    left: 0;
    right: 0;
    line-height: 1;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .about1-2 .tns-nav {
        bottom: 2.1666666667em;
    }
}
.about1-2 .tns-nav button {
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    margin-left: 1.125em;
    border: 0;
    border-radius: 50%;
    background: #D8D8D8;
    vertical-align: top;
    -webkit-transition: background-color 0.3s, -webkit-transform 0.2s;
    transition: background-color 0.3s, -webkit-transform 0.2s;
    transition: transform 0.2s, background-color 0.3s;
    transition: transform 0.2s, background-color 0.3s, -webkit-transform 0.2s;
}
@media screen and (max-width: 1024px) {
    .about1-2 .tns-nav button {
        width: 0.6666666667em;
        height: 0.6666666667em;
        margin-left: 1em;
    }
}
.about1-2 .tns-nav button:hover {
    background-color: var(--color-default);
}
.about1-2 .tns-nav button.tns-nav-active {
    background-color: var(--color-point);
}

@media screen and (max-width: 1024px) {
    .about2 .headline2 {
        display: none;
    }
}

.about2-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.5rem;
    list-style: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
@media screen and (max-width: 1024px) {
    .about2-list {
        display: block;
    }
}
.about2-list .headline3 {
    margin-bottom: 0.4em;
    padding-top: 4.1333333333em;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.about2-list .desc {
    font-size: 2.5em;
    line-height: 1.5;
}
@media screen and (max-width: 1024px) {
    .about2-list .desc {
        font-size: 1.3125em;
    }
}
.about2-list .desc strong {
    font-weight: 800;
}

.about2-1 {
    width: 50%;
    border-right: 1px solid #ccc;
}
@media screen and (max-width: 1024px) {
    .about2-1 {
        width: auto;
        margin-bottom: 2.125em;
        padding-bottom: 2.125em;
        border-right: 0;
        border-bottom: 1px solid #ccc;
    }
}
.about2-1 .headline3 {
    background-image: url("../img/ic_about_vision1.svg");
    background-size: 4.3666666667em auto;
}

.about2-2 .headline3 {
    background-image: url("../img/ic_about_vision2.svg");
    background-size: 2.9333333333em auto;
}

.about2-3 {
    position: relative;
    width: 100%;
    margin-top: 9.375em;
    padding-right: 50%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
@media screen and (max-width: 1024px) {
    .about2-3 {
        margin-top: 6.25rem;
        padding: 0;
    }
}
.about2-3 .headline3 {
    padding-top: 0;
}
.about2-3 .slogan {
    font-family: var(--font-en);
    font-size: 4.375rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2857142857;
}
@media screen and (max-width: 1024px) {
    .about2-3 .slogan {
        font-size: 2.1875rem;
    }
}
.about2-3 .desc {
    margin-top: 1.8181818182em;
    font-size: var(--fs-desc);
    color: var(--color-gray);
    letter-spacing: 0;
    line-height: var(--lh-desc);
}
@media screen and (max-width: 1024px) {
    .about2-3 .desc {
        font-size: var(--fs-desc-sm);
    }
}
.about2-3 .chart-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 45.5714285714%;
    max-width: 100%;
    height: 100%;
}
@media screen and (max-width: 1024px) {
    .about2-3 .chart-wrap {
        position: relative;
        width: 23.1875rem;
        height: 15rem;
        margin-top: 3.125rem;
    }
}
.about2-3 .chart-wrap img {
    display: block;
    position: absolute;
}
.about2-3 .chart-wrap .back {
    top: 17.1568627451%;
    left: 50%;
    width: 50.9404388715%;
    margin-left: -25.5485893417%;
}
.about2-3 .chart-wrap .logo {
    top: 39.2156862745%;
    left: 50%;
    width: 20.3761755486%;
    margin-left: -10.1880877743%;
}
.about2-3 .chart-wrap .label {
    top: 0;
    left: 0;
    width: 100%;
}

.about3 {
    padding: 11.25em 0;
    color: var(--color-wh);
    background: url("../img/about_ideal_bg_sm.jpg") no-repeat 50% 50%;
    background-size: cover;
}
@media screen and (min-width: 1025px) {
    .about3 {
        background-image: url("../img/about_ideal_bg.jpg");
        background-position: 50% 0;
    }
}
@media screen and (max-width: 1024px) {
    .about3 {
        padding: 6.9230769231em 0 4.2307692308em;
        font-size: var(--fs-desc-sm);
    }
}
.about3 .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 1024px) {
    .about3 .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.about3 .headline3 {
    margin-bottom: 0.5333333333em;
    text-align: left;
}
.about3 .headline2 {
    font-weight: 400;
    text-align: left;
}
.about3 .headline2 strong {
    display: block;
    font-weight: 800;
}
.about3 .desc {
    margin-top: 1.4545454545em;
    font-size: var(--fs-desc);
    letter-spacing: 0;
    line-height: var(--lh-desc);
    opacity: 0.6;
}
@media screen and (max-width: 1024px) {
    .about3 .desc {
        font-size: inherit;
    }
}

.about3-list {
    width: 38.7857142857%;
    margin: -1.4444444444em 0 0 auto;
    list-style: none;
}
@media screen and (max-width: 1024px) {
    .about3-list {
        width: auto;
        margin: 5.2307692308em 0 0;
    }
}
.about3-list li {
    padding: 1.4444444444em 0;
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 2.2222222222;
    border-bottom: 1px solid;
}
@media screen and (max-width: 1024px) {
    .about3-list li {
        padding: 1.5384615385em 0;
        font-size: inherit;
    }
}
.about3-list p {
    opacity: 0.6;
}
.about3-list .headline {
    margin-bottom: 0.3em;
    font-family: var(--font-en);
    font-size: 2.2222222222em;
    font-weight: 700;
    line-height: 1;
    opacity: 1;
}
@media screen and (max-width: 1024px) {
    .about3-list .headline {
        font-size: 2.1538461538em;
    }
}

/* 연혁 */
.history-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 3.4090909091em;
    font-size: var(--fs-desc);
    font-weight: 700;
    line-height: 1.36;
    list-style: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
    .history-list {
        margin-top: 5em;
        padding: 0 10px;
        font-size: var(--fs-desc-sm);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.history-list:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -12.5rem;
    right: -9.625rem;
    width: 46.875rem;
    height: 48.875rem;
    background: url("../img/history_bg_sm.png") no-repeat 19.3236714976vw 0;
    background-size: contain;
    opacity: 0.3;
    pointer-events: none;
    z-index: -1;
}
@media screen and (min-width: 1025px) {
    .history-list:after {
        background-image: url("../img/history_bg.png");
        background-position: 0 0;
        opacity: 0.7;
    }
}
@media screen and (max-width: 1024px) {
    .history-list:after {
        right: -1.25rem;
        bottom: -6.25rem;
        width: 90.5797101449vw;
        height: 85.0241545894vw;
    }
}
.history-list > li {
    position: relative;
    width: 50%;
    margin-left: 50%;
    padding: 0 2em;
}
@media screen and (max-width: 1024px) {
    .history-list > li {
        width: 100%;
        margin-left: 0;
        padding-right: 0;
    }
}
.history-list > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: -3.125rem;
    width: 1px;
    background: var(--color-default);
    z-index: -1;
}
.history-list > li:first-child:before {
    top: 1.5454545455em;
}
.history-list > li:last-child:before {
    bottom: auto;
    height: 1.5454545455em;
}
.history-list > li:nth-child(odd) {
    margin-left: 0;
    margin-right: 50%;
    text-align: right;
}
.history-list > li:nth-child(odd):before {
    left: auto;
    right: -1px;
}
@media screen and (max-width: 1024px) {
    .history-list > li:nth-child(odd) {
        margin-right: 0;
        text-align: left;
    }
    .history-list > li:nth-child(odd):before {
        left: 0;
        right: auto;
    }
}
.history-list > li + li {
    margin-top: 2.625rem;
}
.history-list .year {
    margin-bottom: 0.4em;
    font-family: var(--font-en);
    font-size: 2.2727272727em;
    letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
    .history-list .year {
        margin-bottom: 0.52em;
        font-size: 1.9230769231em;
    }
}
.history-list .year:before, .history-list .year:after {
    content: "";
    display: block;
    position: absolute;
    top: 0.56em;
    left: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-main);
}
@media screen and (max-width: 1024px) {
    .history-list .year:before, .history-list .year:after {
        top: 0.52em;
        left: -4px;
        width: 8px;
        height: 8px;
    }
}
.history-list .year:after {
    opacity: 0.1;
    -webkit-transform: scale(3);
        -ms-transform: scale(3);
            transform: scale(3);
    z-index: -1;
}
.history-list > li:nth-child(odd) .year:before {
    left: auto;
    right: -5px;
}
@media screen and (max-width: 1024px) {
    .history-list > li:nth-child(odd) .year:before {
        right: auto;
        left: -4px;
    }
}
.history-list > li:nth-child(odd) .year:after {
    left: auto;
    right: -5px;
}
@media screen and (max-width: 1024px) {
    .history-list > li:nth-child(odd) .year:after {
        right: auto;
        left: -4px;
    }
}
.history-list .detail-list {
    padding: 0 2.2727272727em;
    list-style: none;
}
@media screen and (max-width: 1024px) {
    .history-list .detail-list {
        padding: 0 0 0 1.9230769231em;
    }
}
.history-list .detail-list > li + li {
    margin-top: 0.75rem;
}
.history-list .day {
    margin-right: -2.2727272727em;
    color: var(--color-point);
    letter-spacing: 0;
    float: right;
}
@media screen and (max-width: 1024px) {
    .history-list .day {
        margin-left: -1.9230769231em;
        margin-right: 0;
        float: left;
    }
}
.history-list > li:nth-child(even) .day {
    margin-right: 0;
    margin-left: -2.2727272727em;
    float: left;
}
@media screen and (max-width: 1024px) {
    .history-list > li:nth-child(even) .day {
        margin-left: -1.9230769231em;
    }
}
.history-list .link-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.8181818182em -6px 0 -2.5454545455em;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
    .history-list .link-group {
        margin: 1.2307692308em -3px 0 -2.1538461538em;
    }
}
.history-list .link-group a {
    display: block;
    position: relative;
    margin: 0 6px;
    font-size: 0.7272727273em;
    font-weight: 700;
    color: var(--color-wh);
    letter-spacing: 0;
    line-height: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-radius: 1em;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .history-list .link-group a {
        margin: 0 3px;
    }
}
.history-list .link-group a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background: #000;
    opacity: 0.5;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.history-list .link-group a:hover:before {
    opacity: 0.2;
}
.history-list .link-group img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    z-index: -1;
}
.history-list .link-group a:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.history-list .link-group span {
    position: absolute;
    bottom: 0.875em;
    right: 1.25em;
}

/* CEO */
.greeting {
    font-size: var(--fs-desc);
    font-weight: 500;
    line-height: 1.8;
}
.greeting .container {
    padding-right: 8.375rem;
}
.greeting strong {
    color: var(--color-main);
}
.greeting p {
    margin-top: 2.0454545455em;
}
@media screen and (max-width: 1024px) {
    .greeting {
        font-size: 0.875rem;
    }
    .greeting .container {
        padding-right: 1.25rem;
    }
}

.greeting-footer {
    text-align: right;
}
.greeting-footer p {
    margin-top: 0;
}
.greeting-footer .sign {
    margin-left: auto;
    width: 5.6818181818em;
}
@media screen and (max-width: 1024px) {
    .greeting-footer p {
        margin-top: 0.7142857143em;
    }
}

/* 조직도 */
.group-chart {
    position: relative;
    margin-top: 10rem;
}
.group-chart .img-wrap {
    display: block;
    max-width: 80.125rem;
    margin: 0 auto;
}
@media screen and (max-width: 1024px) {
    .group-chart {
        margin-top: 2.6875rem;
    }
    .group-chart .img-wrap {
        max-width: 23.375rem;
    }
}

/* 주주사 소개 */
.total-info {
    position: absolute;
    bottom: 6.5625rem;
    right: 12.125rem;
    width: 28.375rem;
    height: 14.8125rem;
    z-index: 1;
}
.total-info svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
@media screen and (max-width: 1024px) {
    .total-info {
        top: 7.3125rem;
        left: 0;
        right: 0;
        bottom: 0;
        width: 14.1875rem;
        height: 7.4375rem;
        margin: auto;
    }
}

.company-list {
    margin-top: 5.875rem;
}
@media screen and (max-width: 1024px) {
    .company-list {
        margin-top: 2.5rem;
    }
}
.company-list .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.company-list .lt-group {
    margin-right: 4.5714285714%;
    padding: 0 4.5% 0 0;
    border-right: 1px solid #e0e0e0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
@media screen and (max-width: 1024px) {
    .company-list .lt-group {
        margin-right: 3.2%;
        padding-right: 2.9333333333%;
    }
}
.company-list .headline3 {
    margin-bottom: 1.1333333333em;
    font-weight: 800;
    text-align: left;
}
.company-list .headline3 em {
    font-style: normal;
}
@media screen and (max-width: 1024px) {
    .company-list .headline3 {
        margin-bottom: 0.6em;
        font-size: 1.25rem;
    }
    .company-list .headline3 em {
        display: block;
    }
}
.company-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -2.25rem 0 0 -1.125rem;
    list-style: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
    .company-list ul {
        margin-top: -2.8985507246vw;
        margin-left: -1.4492753623vw;
    }
}
.company-list li {
    width: 25%;
    padding: 2.25rem 0 0 1.125rem;
}
@media screen and (max-width: 1024px) {
    .company-list li {
        width: 33.3%;
        padding-top: 2.8985507246vw;
        padding-left: 1.4492753623vw;
    }
}
.company-list .rt-group {
    width: 29.8571428571%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29.8571428571%;
            flex: 0 0 29.8571428571%;
}
.company-list .rt-group li {
    width: 50%;
}
@media screen and (max-width: 1024px) {
    .company-list .rt-group {
        width: 22.4598930481%;
        -ms-flex-preferred-size: 22.4598930481%;
            flex-basis: 22.4598930481%;
    }
    .company-list .rt-group li {
        width: 100%;
    }
    .company-list .rt-group li:first-child img {
        max-width: 70%;
    }
}
.company-list a {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 98%;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--color-wh);
    text-align: center;
    border: solid 1px #dbdbdb;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .company-list a {
        font-size: 0.75rem;
    }
}
.company-list img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 93%;
    max-height: 60%;
    margin: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.company-list .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--color-main);
    opacity: 0;
    word-break: break-all;
}
.company-list a:hover .name {
    opacity: 1;
}

/* 전문가 그룹 */
.expert-profile {
    margin-top: 5.375rem;
}
@media screen and (max-width: 1024px) {
    .expert-profile {
        margin-top: 2.25rem;
    }
}

.profile-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -2.5rem 0 0 -2.5rem;
    list-style: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
    .profile-list {
        margin: -5.7971014493vw 0 0 -3.3816425121vw;
    }
}
.profile-list > li {
    width: 33.3%;
    padding: 2.5rem 0 0 2.5rem;
}
@media screen and (max-width: 1024px) {
    .profile-list > li {
        padding: 5.7971014493vw 0 0 3.3816425121vw;
    }
}
@media screen and (max-width: 800px) {
    .profile-list > li {
        width: 50%;
    }
}
.profile-list .card {
    height: 100%;
    min-height: 27.9090909091em;
    padding: 0.9090909091em 1.8181818182em 1.8181818182em;
    font-size: var(--fs-desc);
    border: 1px solid #e5e5e5;
    border-top: 2px solid var(--color-default);
}
@media screen and (max-width: 1024px) {
    .profile-list .card {
        min-height: 22.8571428571em;
        padding: 0.7142857143em 0.7142857143em 1.7857142857em;
        font-size: 0.875rem;
    }
}
.profile-list .profile {
    width: 11.1818181818em;
    margin: 0 auto;
    border-radius: 50%;
    background: #e9eef5;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .profile-list .profile {
        width: 8.7857142857em;
    }
}
.profile-list .profile img {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
}
.profile-list .name-wrap {
    margin: 1.0454545455em 0 1.9090909091em;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .profile-list .name-wrap {
        margin: 0.8571428571em 0 0.9285714286em;
    }
}
.profile-list .field-type {
    display: inline-block;
    min-width: 2.7em;
    min-height: 1.7em;
    padding: 0 0.5em;
    font-size: 0.9090909091em;
    font-style: normal;
    font-weight: 700;
    color: var(--color-wh);
    line-height: 1.7;
    border-radius: 5px;
    background-color: var(--color-main);
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .profile-list .field-type {
        font-size: 0.7142857143em;
        border-radius: 3px;
    }
}
.profile-list .name {
    display: block;
    margin-top: 7px;
    font-size: 1.8181818182em;
    font-weight: 800;
}
@media screen and (max-width: 1024px) {
    .profile-list .name {
        margin-top: 4px;
        font-size: 1.4285714286em;
    }
}
.profile-list .career-list {
    list-style: none;
    padding-left: 0.4545454545em;
    font-weight: 600;
    line-height: 1.36;
}
.profile-list .career-list li:before {
    content: "·";
    margin-left: -0.4545454545em;
    margin-right: 4px;
}
.profile-list .license-list {
    margin-top: 7px;
    list-style: none;
    padding-left: 0.625em;
    font-size: 0.7272727273em;
    color: #747474;
    line-height: 1.56;
}
@media screen and (max-width: 1024px) {
    .profile-list .license-list {
        margin-top: 5px;
        font-size: 0.8571428571em;
    }
}

/* 오시는길 */
.location-content .section + .section {
    margin-top: 6.25rem;
}
@media screen and (max-width: 1024px) {
    .location-content .section + .section {
        margin-top: 3.125rem;
    }
    .location-content .inline-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

.location-map {
    position: relative;
    padding-top: 39%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: var(--color-lightgray);
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .location-map {
        padding-top: 19.5rem;
    }
}
.location-map .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.location-info {
    width: 35.625rem;
    min-height: 39rem;
    padding: 6.25rem 2rem 6.25rem 3.125rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 35.625rem;
            flex: 0 0 35.625rem;
    background: var(--color-bg-gray);
}
@media screen and (max-width: 1024px) {
    .location-info {
        width: 100%;
        min-height: 0;
        padding: 2.5rem 0.9375rem 3.125rem 1.5625rem;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
}
.location-info .title {
    margin-bottom: 0.65em;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.1;
}
@media screen and (max-width: 1024px) {
    .location-info .title {
        font-size: 1.6875rem;
    }
}
.location-info .info-wrap {
    padding-left: 1.1em;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.5;
}
@media screen and (max-width: 1024px) {
    .location-info .info-wrap {
        font-size: 0.875rem;
    }
}
.location-info .address {
    margin-left: -1.1em;
    padding-left: inherit;
    background: url("../img/ic_loc_pin.svg") no-repeat 0 0.35em;
    background-size: 0.65em auto;
}
.location-info .contact {
    margin-top: 1em;
    font-size: 0.8em;
    color: #999;
}
@media screen and (max-width: 1024px) {
    .location-info .contact {
        margin-top: 0.6153846154em;
        font-size: 0.9285714286em;
    }
}
.location-info a:hover, .location-info a:focus {
    text-decoration: underline;
}
.location-info .transit {
    margin-top: 2.0555555556em;
    font-size: 0.9em;
    line-height: 1.22;
}
@media screen and (max-width: 1024px) {
    .location-info .transit {
        font-size: 0.8571428571em;
    }
}
.location-info .transit dt {
    width: 7.3125em;
    padding: 0 0.5em;
    font-size: 0.8888888889em;
    font-weight: 600;
    line-height: 2.125;
    border-radius: 2em;
    background: var(--color-lightgray);
    text-align: center;
    clear: both;
    float: left;
}
@media screen and (max-width: 1024px) {
    .location-info .transit dt {
        width: 6.5em;
        font-size: 1em;
        line-height: 1.9166666667;
    }
}
.location-info .transit dd {
    margin: 0 0 1.1111111111em 6.9444444444em;
    padding-top: 0.3333333333em;
}
@media screen and (max-width: 1024px) {
    .location-info .transit dd {
        padding-top: 0.4166666667em;
    }
}
.location-info .transit dd:last-child {
    margin-bottom: 0;
}

.location2 .title {
    margin-bottom: 1.2857142857em;
    font-size: 1.75rem;
}
@media screen and (max-width: 1024px) {
    .location2 .title {
        margin-bottom: 0.9259259259em;
        font-size: 1.6875rem;
    }
}

.map-pin {
    margin: -1.5625rem 0 0;
    width: 2.625rem;
    height: 3.75rem;
    background: url("../img/ic_map_pin.svg") no-repeat 50% 0;
    background-size: contain;
}
@media screen and (max-width: 1024px) {
    .map-pin {
        width: 2.375rem;
        height: 3.375rem;
    }
}

/* 사업분야 */
.biz-content .section + .section {
    margin-top: 10rem;
}
@media screen and (max-width: 1024px) {
    .biz-content .top-visual .headline {
        margin-right: -0.5em;
        font-size: 1.5rem;
    }
    .biz-content .section + .section {
        margin-top: 4.6875rem;
    }
}

.biz1 {
    margin-top: 3.125rem;
}
@media screen and (max-width: 1024px) {
    .biz1 {
        margin-top: 2.5rem;
    }
}

.biz-promo {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    background: #000;
}
.biz-promo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.biz-promo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-animation: fade-in 0.7s linear both;
            animation: fade-in 0.7s linear both;
    z-index: 1;
}

#jsVideo:hover > img {
    opacity: 0.5;
}

.btn-play {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10.625rem;
    height: 10.625rem;
    margin: auto;
    border: 0;
    border-radius: 50%;
    background: transparent;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    z-index: 1;
}
@media screen and (max-width: 1024px) {
    .btn-play {
        width: 5.3125rem;
        height: 5.3125rem;
    }
}
.btn-play:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.btn-play:active {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
}

.biz2 {
    position: relative;
}

.biz-feature {
    display: block;
    max-width: 80.3125rem;
    margin: 0 auto;
}
@media screen and (max-width: 1024px) {
    .biz-feature {
        max-width: 23.375rem;
    }
}

/* 사업소개 */
.export-content {
    margin-top: -9.375rem;
}
@media screen and (max-width: 1024px) {
    .export-content {
        margin-top: -4.6875rem;
    }
}
.export-content .top-visual {
    margin-top: 9.375rem;
}
@media screen and (max-width: 1024px) {
    .export-content .top-visual {
        margin-top: 4.6875rem;
    }
}

.biz-overview {
    margin-top: 4.875rem;
}
@media screen and (max-width: 1024px) {
    .biz-overview {
        margin-top: 3.125rem;
    }
}
.biz-overview .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 6.25rem;
    margin-top: 1.875rem;
    border: solid 1px #d9d9d9;
    background: var(--color-wh);
}
@media screen and (max-width: 1024px) {
    .biz-overview .row {
        min-width: 0;
        margin-top: 1.5625rem;
        padding: 1.25rem 1.25rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.biz-overview .col-label {
    width: 11.2em;
    padding: 1.2em 4px 1.2em 4.28em;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1.52;
}
@media screen and (max-width: 1024px) {
    .biz-overview .col-label {
        width: auto;
        margin-bottom: 4px;
        padding: 0;
        font-size: 1.125rem;
    }
}
.biz-overview .col-value {
    padding: 1.5em 3.75rem 1.5em 0;
    font-size: 1.25rem;
    line-height: 1.9;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
@media screen and (max-width: 1024px) {
    .biz-overview .col-value {
        padding: 0;
        font-size: 0.875rem;
        line-height: 1.6;
    }
}

.flag-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flag-wrap img {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 8px;
    border-radius: 50%;
}
.flag-wrap img:last-child {
    margin-right: 0;
}
@media screen and (max-width: 1024px) {
    .flag-wrap img {
        width: 2.1875rem;
        height: 2.1875rem;
    }
}

.export-biz-list {
    padding: 0 0 2.5em;
    list-style: none;
}
@media screen and (max-width: 1024px) {
    .export-biz-list {
        padding-bottom: 2.1428571429em;
    }
}
.export-biz-list > li + li {
    margin-top: 7.5em;
}
@media screen and (max-width: 1024px) {
    .export-biz-list > li + li {
        margin-top: 3.5714285714em;
    }
}
.export-biz-list .headline4 {
    margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
    .export-biz-list .headline4 {
        margin-right: 6px;
    }
}
.export-biz-list .img-wrap {
    display: block;
    margin: 2.5em 0 0 auto;
}
@media screen and (max-width: 700px) {
    .export-biz-list .img-wrap {
        margin: 1.7857142857em -0.7142857143em 0;
    }
}
.export-biz-list > li:nth-child(3) .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.8em;
    font-weight: 700;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
@media screen and (max-width: 1024px) {
    .export-biz-list > li:nth-child(3) .desc {
        margin-top: 1.4285714286em;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.export-biz-list > li:nth-child(3) .flag-wrap {
    margin: 0 0 4px 1em;
}
@media screen and (max-width: 1024px) {
    .export-biz-list > li:nth-child(3) .flag-wrap {
        margin: 1.4285714286em 0 0;
    }
}

.export-biz1 {
    max-width: 44.4em;
}
@media screen and (max-width: 700px) {
    .export-biz1 {
        max-width: 24.8571428571em;
    }
}

.export-biz2 {
    max-width: 48.3em;
}
@media screen and (max-width: 700px) {
    .export-biz2 {
        max-width: 24.8571428571em;
    }
}

.export-biz3 {
    display: block;
    max-width: 52.9em;
    margin: 5em 0;
}
@media screen and (max-width: 1024px) {
    .export-biz3 {
        max-width: 21.5em;
        margin: 0 auto;
    }
}

.export-country-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.8em;
    list-style: none;
}
@media screen and (max-width: 1024px) {
    .export-country-list {
        margin-top: 1.0714285714em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.export-country-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 1.5em;
}
.export-country-list > li:nth-child(2) {
    padding-right: 0;
    padding-left: 1.5em;
    border-left: 1px solid #d6d6d6;
}
@media screen and (max-width: 1024px) {
    .export-country-list > li {
        width: 100%;
        padding: 0 0 1.8571428571em;
    }
    .export-country-list > li:nth-child(2) {
        padding: 1.8571428571em 0 0;
        border-left: 0;
        border-top: 1px solid #d6d6d6;
    }
}
@media screen and (max-width: 1024px) {
    .export-country-list .flag-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .export-country-list .flag-wrap img {
        margin-bottom: 8px;
        margin-right: 0;
    }
    .export-country-list .flag-wrap img:last-child {
        margin-bottom: 0;
    }
}
.export-country-list .desc {
    margin: 8px 0 0 0.7em;
    line-height: 1.5;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
@media screen and (max-width: 1024px) {
    .export-country-list .desc {
        margin: 0 0 0 1.2857142857em;
    }
}

.img-wrap.export2-biz1 {
    display: block;
    margin: 3.5em -1em 0 0;
    max-width: 53.9em;
}
@media screen and (max-width: 1024px) {
    .img-wrap.export2-biz1 {
        margin: 1.7857142857em auto 4.2857142857em;
        max-width: 24.7142857143em;
    }
}

.info-table {
    width: 100%;
    margin-top: 1.125rem;
    border-top: 2px solid;
    border-bottom: 2px solid;
    table-layout: fixed;
}
@media screen and (max-width: 1024px) {
    .info-table {
        margin-top: 0.875rem;
    }
}
.info-table thead th {
    height: 2.6666666667rem;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .info-table thead th {
        height: 2.9166666667em;
        font-size: 0.75rem;
    }
}
.info-table tbody td {
    height: 4.375em;
    padding: 0.625em 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    border-top: 1px solid var(--color-lightgray);
    vertical-align: middle;
}
@media screen and (max-width: 1024px) {
    .info-table tbody td {
        height: 2.9166666667em;
        padding: 1.1666666667em 0;
        font-size: 0.75rem;
    }
}
.info-table .flag-wrap {
    margin: -0.625rem 0 -0.625rem 0.625em;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    float: right;
}
@media screen and (max-width: 1024px) {
    .info-table .flag-wrap {
        margin: 4px 0 0;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        float: none;
    }
    .info-table .flag-wrap img {
        width: 1.25rem;
        height: 1.25rem;
    }
}

@media screen and (max-width: 1024px) {
    .export3-1 .biz-overview .inline-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

.export3-biz1 {
    max-width: 24.25em;
    margin: 0 4em 0 auto;
}
@media screen and (max-width: 1024px) {
    .export3-biz1 {
        max-width: 22.4285714286em;
        margin: 3.2142857143em auto;
    }
}

/* 게시판 */
.community-content .container {
    max-width: 93.75rem;
}

.board:before, .board:after {
    content: "";
    clear: both;
}
.board .list {
    list-style: none;
}
.board .list > li {
    margin-bottom: 0.8em;
}
.board .write {
    padding: 0.625rem 0;
    border-top: 2px solid var(--color-default);
    border-bottom: 2px solid var(--color-default);
}

.list .wrap_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 6.25em;
    padding: 1em 3.5714285714%;
    color: var(--color-gray);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0.9375em;
    background: #F8F8F8;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
@media screen and (max-width: 1024px) {
    .list .wrap_title {
        min-height: 7.5em;
        padding: 1.1666666667em 1.6666666667em;
        font-size: 0.75rem;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
.list .wrap_title:hover {
    background-color: #ebebeb;
}
.list .wrap_title .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media screen and (max-width: 1024px) {
    .list .wrap_title .col {
        width: 100%;
        padding-left: 2.125rem;
    }
    .list .wrap_title .col + .col {
        margin-top: 5px;
    }
}
.list .wrap_title .col:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .list .wrap_title .col:first-child {
        padding-left: 0;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0;
    }
}
.list .wrap_title .no {
    min-width: 1.12em;
    margin-right: 1.12em;
    font-size: 1.5625rem;
    font-weight: 600;
    color: var(--color-main);
}
@media screen and (max-width: 1024px) {
    .list .wrap_title .no {
        min-width: 0;
        width: 2.125rem;
        margin-right: 0;
        padding-right: 0.625rem;
        font-size: 1rem;
    }
}
.list .wrap_title .title {
    width: 80%;
    margin-right: 1.12em;
    font-size: 1.5625rem;
    color: var(--color-default);
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
@media screen and (max-width: 1024px) {
    .list .wrap_title .title {
        margin-right: 0;
        font-size: 1rem;
    }
}
.list .wrap_title:hover .title, .list .wrap_title:focus .title {
    text-decoration: underline;
}
.list .wrap_title .writer, .list .wrap_title .date, .list .wrap_title .views {
    display: block;
    float: left;
}
.list .wrap_title .writer:after, .list .wrap_title .date:after, .list .wrap_title .views:after {
    content: "|";
    position: relative;
    top: -2px;
    margin: 0 8px;
    font-size: 0.625em;
    color: #C1C1C1;
}
@media screen and (max-width: 1024px) {
    .list .wrap_title .writer:after, .list .wrap_title .date:after, .list .wrap_title .views:after {
        top: -1px;
        font-size: 0.6666666667em;
    }
}
.list .wrap_title .writer:last-child:after, .list .wrap_title .date:last-child:after, .list .wrap_title .views:last-child:after {
    content: none;
}

.pagination {
    width: 100%;
    margin: 1.25rem 0 0;
    font-size: 1px;
    line-height: 1;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .pagination {
        margin-top: 1.125rem;
    }
}
.pagination .btn_load {
    display: none;
}
.pagination .btn_goto {
    display: inline-block;
    width: 2.625rem;
    height: 2.625rem;
    margin: 0 3px;
    color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: middle;
    overflow: hidden;
}
.pagination .btn_goto:hover, .pagination .btn_goto:focus {
    -webkit-box-shadow: inset 0 0 0 1px var(--color-default), 0 0 0 1px var(--color-default);
            box-shadow: inset 0 0 0 1px var(--color-default), 0 0 0 1px var(--color-default);
}
@media screen and (max-width: 1024px) {
    .pagination .btn_goto {
        width: 2.375rem;
        height: 2.375rem;
    }
}
.pagination .btn_front {
    background-image: url("../img/btn_page_front.svg");
}
.pagination .btn_prev {
    margin-right: 0.75rem;
    background-image: url("../img/btn_page_prev.svg");
}
.pagination .btn_next {
    margin-left: 0.75rem;
    background-image: url("../img/btn_page_next.svg");
}
.pagination .btn_last {
    background-image: url("../img/btn_page_end.svg");
}
.pagination .btn_page {
    display: inline-block;
    padding: 0 4px 2px;
    margin: 0 6px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #858789;
    line-height: 1.4444444444;
    vertical-align: middle;
}
.pagination .btn_page:hover, .pagination .btn_page:focus {
    color: var(--color-main);
}
.pagination .btn_page.active {
    margin-left: 0.5em;
    margin-right: 0.5em;
    font-size: 1.25rem;
    color: inherit;
    line-height: 1;
    border-bottom: 2px solid;
    text-decoration: none;
}
@media screen and (max-width: 1024px) {
    .pagination .btn_page {
        font-size: 0.875rem;
    }
    .pagination .btn_page.active {
        font-size: 1.125rem;
    }
}

.view .wrap_title {
    max-width: 56.25rem;
    margin: 0 auto 2.5rem;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .view .wrap_title {
        max-width: 82.8877005348%;
        margin-bottom: 1.5625rem;
    }
}
.view .wrap_title .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
@media screen and (max-width: 1024px) {
    .view .wrap_title .col {
        font-size: 0.75rem;
    }
}
.view .wrap_title .col:last-child {
    margin-top: 1.375rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
@media screen and (max-width: 1024px) {
    .view .wrap_title .col:last-child {
        margin-top: 0.625rem;
    }
}
.view .wrap_title .no {
    margin-bottom: 0.6em;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .view .wrap_title .no {
        font-size: 1.125rem;
    }
}
.view .wrap_title .title {
    margin-bottom: 0.4571428571em;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1.3;
}
@media screen and (max-width: 1024px) {
    .view .wrap_title .title {
        font-size: 1.4375rem;
    }
}
.view .wrap_title .attached_label {
    position: relative;
    padding: 4px 1.2em 0 5.5em;
    font-size: 1.25rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    word-break: break-all;
    background: url("../img/ic_download.svg") no-repeat 100% 0.3em;
    background-size: auto 1em;
}
@media screen and (max-width: 1024px) {
    .view .wrap_title .attached_label {
        padding-top: 2px;
        padding-right: 1.3333333333em;
        font-size: 1em;
    }
}
.view .wrap_title .attached_label:before {
    content: "첨부파일";
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0.6em;
    font-weight: 700;
    color: var(--color-wh);
    line-height: 1.6;
    border-radius: 2em;
    background: var(--color-default);
    vertical-align: middle;
}
.view .wrap_title .attached_label img {
    display: none;
}
.view .wrap_title .attached_label a:hover, .view .wrap_title .attached_label a:focus {
    color: var(--color-main);
    text-decoration: underline;
}
.view .wrap_title .writer, .view .wrap_title .date, .view .wrap_title .views {
    color: var(--color-gray);
    line-height: 1;
}
.view .wrap_title .writer:after, .view .wrap_title .date:after, .view .wrap_title .views:after {
    content: "|";
    position: relative;
    top: -1px;
    margin: 0 0.8em;
    font-size: 0.625em;
    vertical-align: middle;
}
@media screen and (max-width: 1024px) {
    .view .wrap_title .writer:after, .view .wrap_title .date:after, .view .wrap_title .views:after {
        font-size: 0.6666666667em;
    }
}
.view .wrap_title .writer:last-child:after, .view .wrap_title .date:last-child:after, .view .wrap_title .views:last-child:after {
    content: none;
}
.view .content {
    padding: 3.125rem 0 7.375rem;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.3636363636;
    border-top: 2px solid var(--color-default);
    border-bottom: 2px solid var(--color-default);
}
@media screen and (max-width: 1024px) {
    .view .content {
        padding: 1.5625rem 0 2.8125rem;
        font-size: 0.875rem;
    }
}
.view .wrap_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 2px solid var(--color-default);
}
.view .wrap_nav li {
    width: 43%;
    padding: 1.75rem 1.75rem;
    font-size: 1.125rem;
    font-weight: 700;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 43%;
            flex: 0 0 43%;
    list-style: none;
    background: url("../img/ic_board_prev.svg") no-repeat 0 50%;
    background-size: 0.5555555556em auto;
}
@media screen and (max-width: 1024px) {
    .view .wrap_nav li {
        width: 40%;
        padding: 0.75rem 1.25rem;
        font-size: 0.625rem;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 40%;
                flex: 0 0 40%;
    }
}
.view .wrap_nav li:before {
    content: "이전글";
    display: block;
    margin-bottom: 2px;
    font-size: 0.7777777778em;
    font-weight: 400;
    letter-spacing: 0;
}
.view .wrap_nav li a:hover, .view .wrap_nav li a:focus {
    color: var(--color-main);
    text-decoration: underline;
}
.view .wrap_nav .next {
    margin-left: auto;
    text-align: right;
    background-image: url("../img/ic_board_next.svg");
    background-position: 100% 50%;
}
.view .wrap_nav .next:before {
    content: "다음글";
}

.table {
    table-layout: fixed;
}
.table colgroup {
    display: none;
}
.table th {
    width: 11.25rem;
    padding: 1.0909090909em 0.4545454545em 0.4545454545em 0;
    font-size: 1.375rem;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
    word-break: keep-all;
}
@media screen and (max-width: 1024px) {
    .table th {
        width: 5.125rem;
        padding: 1.2142857143em 0.5em 0.5em 0;
        font-size: 0.875rem;
    }
}
.table td {
    height: 3.6363636364em;
    padding: 0.4545454545em 0;
    font-size: 1.375rem;
    font-weight: 500;
    vertical-align: middle;
}
@media screen and (max-width: 1024px) {
    .table td {
        height: 3.8571428571em;
        padding: 0.5em 0;
        font-size: 0.875rem;
    }
}
.table .itext {
    display: inline-block;
    width: 100%;
    height: 2.7272727273em;
    padding: 0 1.4545454545em;
    font-size: inherit;
    border: 0;
    border-radius: 0.6363636364em;
    background: #F8F8F8;
    vertical-align: middle;
}
.table .itext:focus {
    -webkit-box-shadow: 0 0 0 3px var(--color-main), 0 0 9px var(--color-main);
            box-shadow: 0 0 0 3px var(--color-main), 0 0 9px var(--color-main);
    outline: 0;
}
@media screen and (max-width: 1024px) {
    .table .itext {
        height: 2.8571428571em;
        padding: 0 1.4285714286em;
        font-size: 0.875rem;
        border-radius: 0.5714285714em;
    }
    .table .itext:focus {
        -webkit-box-shadow: 0 0 0 2px var(--color-main), 0 0 7px var(--color-main);
                box-shadow: 0 0 0 2px var(--color-main), 0 0 7px var(--color-main);
    }
}
.table .datepicker {
    width: 28.125rem;
    max-width: 100%;
    padding-right: 3.1818181818em;
    background-image: url("../img/ic_calendar.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 1em) 50%;
    background-size: 1.4545454545em auto;
}
.table .isel {
    display: inline-block;
    width: 28.125rem;
    max-width: 100%;
    vertical-align: middle;
}
.table .isel .label {
    display: none;
}
.table .iselect {
    padding-right: 1.8181818182em;
    background-image: url("../img/ic_selectbox_angle.svg");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 1.6818181818em auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
}
appearance:none .table .iselect::-ms-expand {
    display: none;
}
@media screen and (max-width: 1024px) {
    .table .iselect {
        padding-right: 2.1428571429em;
        background-size: 1.8571428571em auto;
    }
}
.table .ichk {
    display: inline-block;
    padding-left: 1.9090909091em;
    line-height: 1.6363636364;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
@media screen and (max-width: 1024px) {
    .table .ichk {
        padding-left: 1.7857142857em;
        line-height: 1.2857142857;
    }
}
.table .icon_ichk {
    display: block;
    position: relative;
    width: 1.6363636364em;
    height: 1.6363636364em;
    margin-left: -1.9090909091em;
    border-radius: 50%;
    background: url("../img/ic_chkbox_off.svg") no-repeat 0 0;
    background-size: contain;
    float: left;
}
.table .icon_ichk:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url("../img/ic_chkbox_on.svg") no-repeat 0 0;
    background-size: contain;
}
@media screen and (max-width: 1024px) {
    .table .icon_ichk {
        width: 1.2857142857em;
        height: 1.2857142857em;
        margin-left: -1.7857142857em;
    }
}
.table input:focus ~ .ichk {
    text-decoration: underline;
}
.table input:checked ~ .ichk .icon_ichk:after {
    opacity: 1;
}
.table .ifile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.table .ifile .label {
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    line-height: 2.7272727273;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .table .ifile .label {
        line-height: 2.8571428571;
    }
}
.table .ifile input:focus ~ .label {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 3px var(--color-main), 0 0 9px var(--color-main);
            box-shadow: 0 0 0 3px var(--color-main), 0 0 9px var(--color-main);
    outline: 0;
}
@media screen and (max-width: 1024px) {
    .table .ifile input:focus ~ .label {
        -webkit-box-shadow: 0 0 0 2px var(--color-main), 0 0 7px var(--color-main);
                box-shadow: 0 0 0 2px var(--color-main), 0 0 7px var(--color-main);
    }
}
.table .ifile .btn_load {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
}
@media screen and (max-width: 1024px) {
    .table .ifile .btn_load {
        min-width: 5em;
        margin-left: 0.4285714286em;
        padding-left: 0;
        padding-right: 0;
    }
}
.table .ifile .txt {
    max-width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}
.table .ifile .file_del_v2 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2em;
    height: 2em;
    margin: auto 0.5em;
    padding: 1px 1px 0 0;
    font-size: 0.5em;
    color: var(--color-wh);
    line-height: 2em;
    text-align: center;
    border: 0;
    border-radius: 50%;
    background: var(--color-default);
    z-index: 1;
}
.table .ifile .file_del_v2:focus, .table .ifile .file_del_v2:active {
    background-color: var(--color-main);
}
.table textarea {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 25rem;
    padding: 1em 1.4545454545em;
    font-size: inherit;
    border: 0;
    border-radius: 0.6363636364em;
    background: #F8F8F8;
    resize: none;
    vertical-align: middle;
}
.table textarea:focus {
    -webkit-box-shadow: 0 0 0 3px var(--color-main), 0 0 9px var(--color-main);
            box-shadow: 0 0 0 3px var(--color-main), 0 0 9px var(--color-main);
    outline: 0;
}
@media screen and (max-width: 1024px) {
    .table textarea:focus {
        -webkit-box-shadow: 0 0 0 2px var(--color-main), 0 0 7px var(--color-main);
                box-shadow: 0 0 0 2px var(--color-main), 0 0 7px var(--color-main);
    }
}
.table input.hidden {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    opacity: 0;
    overflow: hidden;
}

.write textarea {
    width: calc(100% + 11.25rem);
    margin-left: -11.25rem;
    z-index: 1;
}
@media screen and (max-width: 1024px) {
    .write textarea {
        width: calc(100% + 5.25rem);
        margin-left: -5.25rem;
    }
}
.write .mce-tinymce {
    width: calc(100% + 11.25rem) !important;
    margin-left: -11.25rem;
}
@media screen and (max-width: 1024px) {
    .write .mce-tinymce {
        width: calc(100% + 5.25rem) !important;
        margin-left: -5.25rem;
    }
}

.search_container {
    position: relative;
    max-width: 21.6875rem;
    margin: 0 0 3.125rem auto;
}
@media screen and (max-width: 1024px) {
    .search_container {
        width: 78%;
        margin-bottom: 1.25rem;
    }
}
.search_container .itext {
    width: 100%;
    padding: 2px 1.6em 0.5em 2px;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0;
    border-color: var(--color-default);
    border-width: 0 0 1px 0;
    border-radius: 0;
    background: transparent;
}
@media screen and (max-width: 1024px) {
    .search_container .itext {
        font-size: 1rem;
    }
}
.search_container .itext:focus {
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 3px var(--color-main), 0 0 9px var(--color-main);
            box-shadow: 0 0 0 3px var(--color-main), 0 0 9px var(--color-main);
    outline: 0;
}
.search_container .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.875rem;
    height: 100%;
    font-size: 1px;
    border: 0;
    color: transparent;
    background: url("../img/ic_search.svg") no-repeat 50% 35%;
    background-size: 73.3333333333% auto;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .search_container .btn {
        width: 1.4375rem;
    }
}

.board_foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: 1.875rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
    .board_foot {
        margin-top: 0.875rem;
    }
}

.btn_board, .btn_load {
    display: inline-block;
    min-width: 6em;
    margin: 0 0 0 10px;
    padding: 0.65em;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-wh);
    border-radius: 0.7em;
    background: var(--color-default);
    text-align: center;
    vertical-align: middle;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
@media screen and (max-width: 1024px) {
    .btn_board, .btn_load {
        margin-left: 5px;
        padding: 0.8571428571em;
        font-size: 0.875rem;
        border-radius: 0.5em;
    }
}
.btn_board:first-child, .btn_load:first-child {
    margin-left: 0;
}
.btn_board:hover, .btn_board:focus, .btn_load:hover, .btn_load:focus {
    background-color: var(--color-main);
}

:not(#frm) > .board_foot #btnList {
    position: absolute;
    top: -6.875rem;
    left: 0;
    right: 0;
    min-width: 0;
    width: 3.75rem;
    height: 3.75rem;
    margin: 0 auto;
    padding: 0;
    font-size: 1px;
    color: transparent;
    border-radius: 0.625rem;
    background-image: url("../img/btn_board_list.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    overflow: hidden;
    z-index: 1;
}
@media screen and (max-width: 1024px) {
    :not(#frm) > .board_foot #btnList {
        top: -4.375rem;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 5px;
    }
}

/* #Print */
@media print {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .header, .footer, .page-header {
        display: none;
    }
    img {
        max-width: 100% !important;
        page-break-inside: avoid;
    }
}