@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('./images/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}



/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px;font-family:'Pretendard','Malgun Gothic', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard','Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard','Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard','Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a,a:link, a:visited, a:hover, a:active {color:#000;text-decoration:none}

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

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}

/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}



.wrap{max-width:100vw; min-width:320px; width:100%; margin: 0 auto; position:relative; background-color: #000;}
nav {position:absolute; width: 100%; height: 90px; z-index: 10;}
nav h1 {padding:20px}
nav h1 img {max-width: 160px;}

.location {padding:20px; border-top:1px solid #777;}
.location a {color:#fff; font-size: 0.9em;}
.location a img {max-width: 20px;}

.main_video {position:relative; background-image:url('../img/main_video.gif') !important; background-size: cover !important; width: 96.5vw; height: 100vh;  background-repeat: no-repeat; background-position: center !important;}

.main_txt {position: absolute; text-align: center; width: 100%; padding-top: 70%;}
.main_txt img {max-width: 160px;}
.main_txt p {color: #fff; padding-top: 20px; line-height: 1.6; font-size: 1.1em;}
.main_txt p .mEnter {display: block;}

footer {background-color: #000;text-align: center; padding: 20px 0;}
footer p {color: #fff; font-size: 0.8em;}


@media all and (min-width:600px) {
    nav h1 {float: left; width: 30%;}
    .location {float: right; padding-top:32px}    

    .main_txt {padding-top:50%}
    .main_txt img {max-width: 260px;}
    .main_txt p {font-size: 1.2em; }
    .main_txt p .mEnter {display: inline-block;}

    }
    
@media all and (min-width:1200px) {
    nav h1 img {max-width: 180px;}  
    .main_video {width: 100vw;}

    .main_txt {padding-top:30%}
    .main_txt img {max-width: 400px;}
    .main_txt p {font-size: 1.6em;  font-weight: 700;}

    footer p {font-size: 1em;}
    
}

@media all and (min-width:2000px) { 
    .main_video {width: 99.36vw;}

    .main_txt {padding-top:16%}
    .main_txt p {font-size: 1.8em;}

    footer p {font-size: 1em;}
    
}