@import url(../css/font/pretendard/pretendard.css);
@import url(../css/font/AlfaSlabOne-Regular.css);
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:16px/1.5 'Noto Sans KR','맑은고딕','Malgun Gothic','나눔고딕','nanumgothic',굴림,Gulim,돋움,Dotum,Sans-serif;color:#1c1c1c;-webkit-text-size-adjust:none;letter-spacing:-0.015px;line-height:1.3em}
b, span, strong, input, a, button{font-size:inherit;font-family:inherit;color:inherit;box-sizing: border-box;}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {height:100%;} 
body {margin:0px;}
a:link {text-decoration:none;} 
i,time,em {font-style:normal;} 
time {font-family:'LatoWeb';letter-spacing:0px}
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
ol,ul{list-style:none;} 
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}
.skip, hr, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
button{margin:0;padding:0;border:none;background:none;outline:none;cursor:pointer;display:inline-block;}
*{box-sizing: border-box;}
a{cursor: pointer;}
body {width:100%;height:auto;}

/* common */
.content {position:relative; margin:0 auto 0 auto; width: 100%; height: 100%; max-width:2600px; overflow: hidden; }
.img-20-mini {width: 326.906px; height: 66.7px; display: block; margin: 0 auto;}

.pc{display: block !important;}
.mo{display: none !important;}

.top-text{position: relative; left: 100%; opacity: 0; padding-top: 290.5px; padding-bottom: 90.5px; color: var(--white, #FFF); text-align: center; font-family: 'Pretendard'; font-size: 100px; font-style: normal; font-weight: 600; line-height: normal; opacity: 0.7;}
.section{max-width: 1480px; margin: 69.5px auto 150px auto; padding: 0 40px;}
.section .tit{position: relative; top: 30px; opacity: 0; color: var(--black, #29303A); text-align: center; font-family: 'Pretendard'; font-size: 60px; font-style: normal; font-weight: 500; line-height: normal;}
.section .tit.on{top: 0; opacity: 1;transition: 0.8s ease-in-out; transition-property: top, opacity;}

@media (max-width:1640px) {
    .top-text{padding-top: 200px; padding-bottom: 80px; font-size: 80px;}
    .section{max-width: 1480px; margin: 60px auto 150px auto; padding: 0 40px;}
    .section .tit{font-size: 40px;}
}

@media (max-width:1024px) {
    .pc{display: none !important;}
    .mo{display: block !important;}
    
    .top-text{padding-top: 120px; padding-bottom: 60px; font-size: 60px;}
    .section{margin: 40px auto 150px auto;}
    .section .tit{font-size: 32px;}
}

@media (max-width:767px) {
    .top-text{font-size: 42px;}
    .section{margin: 20px auto 100px auto; padding:0 20px;}
    .section .tit{font-size: 28px;}
}