@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard.css");
/* @import url('./headerBackup.css'); */
@import url('./header.css');
@import url('./footer.css');
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local("Pretendard Black"), url("./font/woff2/Pretendard-Black.woff2") format("woff2"), url("./font/woff/Pretendard-Black.woff") format("woff"), url("./font/otf/Pretendard-Black.otf") format("otf");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local("Pretendard ExtraBold"), url("./font/woff2/Pretendard-ExtraBold.woff2") format("woff2"), url("./font/woff/Pretendard-ExtraBold.woff") format("woff"), url("./font/otf/Pretendard-ExtraBold.otf") format("otf");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"), url("./font/woff2/Pretendard-Bold.woff2") format("woff2"), url("./font/woff/Pretendard-Bold.woff") format("woff"), url("./font/otf/Pretendard-Bold.otf") format("otf");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"), url("./font/woff2/Pretendard-SemiBold.woff2") format("woff2"), url("./font/woff/Pretendard-SemiBold.woff") format("woff"), url("./font/otf/Pretendard-SemiBold.otf") format("otf");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"), url("./font/woff2/Pretendard-Medium.woff2") format("woff2"), url("./font/woff/Pretendard-Medium.woff") format("woff"), url("./font/otf/Pretendard-Medium.otf") format("otf");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"), url("./font/woff2/Pretendard-Regular.woff2") format("woff2"), url("./font/woff/Pretendard-Regular.woff") format("woff"), url("./font/otf/Pretendard-Regular.otf") format("otf");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local("Pretendard Light"), url("./font/woff2/Pretendard-Light.woff2") format("woff2"), url("./font/woff/Pretendard-Light.woff") format("woff"), url("./font/otf/Pretendard-Light.otf") format("otf");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local("Pretendard ExtraLight"), url("./font/woff2/Pretendard-ExtraLight.woff2") format("woff2"), url("./font/woff/Pretendard-ExtraLight.woff") format("woff"), url("./font/otf/Pretendard-ExtraLight.otf") format("otf");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local("Pretendard Thin"), url("./font/woff2/Pretendard-Thin.woff2") format("woff2"), url("./font/woff/Pretendard-Thin.woff") format("woff"), url("./font/otf/Pretendard-Thin.otf") format("otf");
}
:root{
    --sidePd--: 60px;
}
@media all and (max-width:1025px) {
    :root{
        --sidePd--:40px;
    }
}
@media all and (max-width:768px) {
    :root{
        --sidePd--:20px;
    }
}
.material-symbols-outlined {
    margin: 0;
    display: block;
    position: relative;
    font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24
  }
*{font-family: 'Pretendard';padding: 0;margin: 0;box-sizing: border-box;}
body{font-family: 'Pretendard';position: relative;width: 100%;}
input,textarea{font-family: 'Pretendard';}
li{list-style: none;}
a{color: inherit;text-decoration: none;}
p{word-break: keep-all;}
.relative{position: relative;}
body.hidden{overflow: hidden;height: 100vh;}
@media all and (max-width:481px){
    body.hidden-atMobile{overflow: hidden;height: 100%;}
}
/* .public--container{margin-top: 200px;} */
.public--container[data-sub="show"]{padding-top: 154px;}
.public--container{padding-top: 99px;}
.public--wrap{width: 100%;max-width: 1400px;padding: 0 var(--sidePd--);margin-left: auto;margin-right: auto;}
.public--padding{padding: 0 var(--sidePd--);}
@media all and (max-width:1025px){
    .public--container[data-sub="show"]{padding-top: 150px;}
}
@media all and (max-width:768px){
    .public--container{padding-top: 78px;}
}
.public--where{width: 100%;display: flex;align-items:center;justify-content: flex-end;font-size: 13px;margin-bottom: 20px;line-height: 1;}
.public--where a,
.public--where p{display: flex;align-items: center;}
.public--where-before{color: #8c8c8c;}
.public--where-now{font-weight: 600;color: #000;}
.public--where .material-symbols-outlined{font-size: 16px;}

/* #footer{padding-top: 500px;} */

.list--videoPopup{width: 100%;height: 100%;position:fixed;top: 0;left: 0;z-index: 101;display: flex;align-items: center;justify-content: center;pointer-events: none;opacity: 0;}
.list--videoPopup.show{opacity: 1;pointer-events: inherit;}
.list--videoPopup-wrap{width: 100%;max-width:900px;margin: auto;position: relative;}
.list--videoPopup-figure{width:100%;padding-top: 56.25%;position: relative;}
.list--videoPopup-figure iframe{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;display: block;}
.list--videoPopup-bg{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);}