@charset "utf-8";

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

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button,table{font-family:'Noto Sans KR','Open Sans',AppleGothic,helvetica,sans-serif;font-size:16px;line-height:1.75em;letter-spacing:-.03em;color:#454545;word-break:keep-all;-webkit-text-size-adjust:none;}
img{border:0;max-width:100%;vertical-align:top;}
ul,ol{list-style:none}
fieldset{border:none}
fieldset legend {overflow:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-999em;}
button{cursor:pointer}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
hr {clear:both;display:none;}
*html body img {margin:none; padding:none;} /*for IE 6*/
img[usemap] {border:none; height:auto; max-width:100%; width:auto;}

a{
	color:inherit;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

body {background:#000;}

.video-wrapper {position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background:#000;}
#myVideo {position:absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
}

/* .intro-wrapper {display:table; width:100%; height:100vh; background:url("/images/intro/NAB-original.gif") 100% 100% no-repeat; background-size:cover;} */
.intro-wrapper {display:table; width:100%; height:100vh; background:url("/images/intro/intro.jpg") 100% 50% no-repeat; background-size:auto 100%;}
.intro-cell {display:table-cell; vertical-align:middle;}
.contain {max-width:1320px; padding-left:60px; padding-right:60px; margin:0 auto;}
.inner {width:630px; margin-bottom:50px; text-align:center; overflow:hidden;}
h1 {margin-bottom:60px;}
ul {margin:0 -35px;}
ul li {float:left; width:50%; padding:0 35px;}
ul li a {display:block; border-radius:10px; overflow:hidden;}
ul li .img {padding:27px 20px; background:#fff;}
ul li .img img {width:196px;}
ul li .txt {color:#fff; padding:11px; font-size:18px; font-weight:400; line-height:1.3em;}
ul li:nth-child(1) .txt {background:#2263af}
ul li:nth-child(2) .txt {background:#1e0471}

@media (max-width: 1280px){
	.inner {width:520px;}
	h1 {margin-bottom:30px;}
	h1 img {width:300px;}
	ul {margin:0 -20px;}
	ul li {padding:0 20px;}
	ul li .img {padding:20px 20px;}
	ul li .img img {width:160px;}
}

@media (max-width: 1024px){
	.contain {padding-left:50px; padding-right:50px;}
	.inner {width:460px;}
	h1 {margin-bottom:30px;}
	h1 img {width:250px;}
	ul {margin:0 -10px;}
	ul li {padding:0 10px;}
	ul li .img {padding:20px 20px;}
	ul li .img img {width:140px;}
}

@media (max-width: 420px){
	.intro-wrapper {background-position:80% 50%;}
	.contain {padding-left:20px; padding-right:20px;}
	.inner {width:100%; margin-bottom:90px;}
	h1 {margin-left:0;margin-bottom:20px; text-align:center;}
	h1 img {width:190px;}
	ul {margin:0 -6px;}
	ul li {padding:0 6px;}
	ul li .img {padding:15px;}
	ul li .img img {width:100px;}
	ul li .txt {padding:9px; font-size:13px;}
}