@charset "utf-8";
/*
BIAF INTRO STYLE
WRITER : Kim Cheonhyun
Last Modify Date : 2025. 04. 04.
*/
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url("/font/NotoSansKR-Regular.eot"); /* IE9 Compat Modes */
    src: url("/font/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("/font/NotoSansKR-Regular.woff2") format("woff2"), /* Modern Browsers */
        url("/font/NotoSansKR-Regular.woff") format("woff"), /* Modern Browsers */
        url("/font/NotoSansKR-Regular.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url("/font/NotoSansKR-Medium.eot"); /* IE9 Compat Modes */
    src: url("/font/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("/font/NotoSansKR-Medium.woff2") format("woff2"), /* Modern Browsers */
        url("/font/NotoSansKR-Medium.woff") format("woff"), /* Modern Browsers */
        url("/font/NotoSansKR-Medium.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url("/font/NotoSansKR-Bold.eot"); /* IE9 Compat Modes */
    src: url("/font/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("/font/NotoSansKR-Bold.woff2") format("woff2"), /* Modern Browsers */
        url("/font/NotoSansKR-Bold.woff") format("woff"), /* Modern Browsers */
        url("/font/NotoSansKR-Bold.otf") format("opentype"); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-style: normal;
    src: url('/font/Pretendard-Thin.subset.woff2') format('woff2'),
        url('/font/Pretendard-Thin.subset.woff') format('woff'),
        url('/font/Pretendard-Thin.ttf') format("truetype");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('/font/Pretendard-Regular.subset.woff2') format('woff2'),
        url('/font/Pretendard-Regular.subset.woff') format('woff'),
        url('/font/Pretendard-Regular.ttf') format("truetype");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
     src: url('/font/Pretendard-Medium.subset.woff2') format('woff2'),
        url('/font/Pretendard-Medium.subset.woff') format('woff'),
        url('/font/Pretendard-Medium.ttf') format("truetype");
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
     src: url('/font/Pretendard-SemiBold.subset.woff2') format('woff2'),
        url('/font/Pretendard-SemiBold.subset.woff') format('woff'),
        url('/font/Pretendard-SemiBold.ttf') format("truetype");
}
/* Base Style */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; /* outline:0; */ border:0; font-size:100%; vertical-align:baseline;}
input, select, textarea, button {margin:0; padding:0; font-size:100%;}
em, address {font-style:normal;}

/* HTML5 새 요소 초기화 */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {display:block;}

/* 본문 기본 설정 */
html { font-size:100%; }
body { font:100%/1.2 'Noto Sans KR','굴림',Gulim,'돋움',Dotum,AppleGothic,sans-serif; -webkit-text-size-adjust:none;}
input, button, select, textarea { font-family:'Noto Sans KR'; }
button { cursor:pointer; }
ol, ul { list-style: none; }
legend { position:absolute; left:0; top:0; width:1px; height:1px; text-indent:-10000px; overflow:hidden; }
button, input, select {border-radius:0;/*-webkit-appearance:none;  -moz-appearance:none;*/}
input, select, textarea {vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
h1 img, h2 img, h3 img,	h4 img, h5 img, h6 img {margin: 0;}
img, fieldset {border:0 none;}
img {max-width:100%;vertical-align: top; border: 0 none; margin: 0; padding: 0;}
hr { display: none;margin:0;padding:0;border:0 }
button {text-transform: none; vertical-align: middle; border: 0 none; background-color: transparent; cursor: pointer; }

a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active { text-decoration:underline;}
a img {border:0;padding:0;}

/* Default Code Style */
body,
a { color:#000; }

/* Layout */
html,
body { height:100%; }
body { background:url(/img/intro/bg_intro2026.png) no-repeat center bottom / cover; }
#wrap { display:flex; height:100%; align-items:center; }
.mainTitle { flex:1; max-width:1308px; margin:0 auto; padding:0 5%; }
.mainTitle .img { display:flex; flex-direction:column; align-items:center; justify-content:center; max-width:396px; padding:3.5em 0 1.5em; background:rgba(255,255,255,.39); }
.mainTitle .imgItem { max-width:261px; }
.mainTitle .date { display:flex; justify-content:space-between; width:100%; padding:.375em 0; background:url(/img/intro/line_intro2026.png) no-repeat center bottom; font-size:1.5em; font-family:'Pretendard'; letter-spacing:-.025em; }
.mainTitle .date .dDay { font-weight:bold; }
.mainTitle .date .day { font-weight:500; }
.mainTitle .date i { font-weight:100; }
.mainTitle .lang { display:flex; justify-content:center; color:#000; font-size:1.5em; font-weight:bold; gap:1em;  }
.mainTitle .lang li { position:relative; }
.mainTitle .lang li::before { content:'/'; position:absolute; left:0; top:50%; margin-left:-.625em; margin-top:-.6125em; }
.mainTitle .lang li:first-child::before { display:none; }
.mainTitle .lang a { display:block; padding:1em 0; color:currentColor; line-height:1; }
@media only screen and (max-width:1100px) {
    body { background-position:70% bottom; }
}
@media only screen and (max-width:720px) {
    body { height:171.666vw; background-image:url(/img/intro/bg_intro2026_mo.png); background-position:center top; }
    #wrap { justify-content:center; align-items:flex-start; }
    .mainTitle { padding:0; }
    .mainTitle .img { max-width:50%; margin:12.708333% auto; background:none; }
    .mainTitle .lang { font-size:5vw; gap:3.5vw; width:100%; }
    .mainTitle .lang li { text-align:center; }
    .mainTitle .lang li::before { margin-left:-2.5vw; margin-top:-2.5vw; }
    .mainTitle .lang a { padding:.5em 0; }
}
@media only screen and (max-width:480px) {
    body { height:131.666vw; }
    .mainTitle .img { max-width:none; margin:8% 8%; padding:0; }
    .mainTitle .date { font-size:1.5em; }
    .mainTitle .lang { font-size:6.11666vw; }
}