@charset "utf-8";

@import url(base.css);
@import url(common.css);

#ndx_visual {position:fixed; left:0; top:0; z-index:-9; width:100%; min-width:1200px; height:100%;}
#ndx_visual .bx-wrapper {height:100%;}
#ndx_visual .bx-viewport {height:100% !important;}
#ndx_visual .bx-viewport > div {height:100%;}
#ndx_visual .bx-viewport > div > div {width:100%; height:100%;}

#ndx_wrap {position:relative; width:100%;}

#ndx_wrap h1 {position:absolute; left:70px; top:58px;}

#ndx_wrap .copy {position:absolute; left:107px; top:242px; color:white;}
#ndx_wrap .copy p em {color:#223771;}
#ndx_wrap .copy p:nth-child(1) {margin-bottom:20px; font-size:80px; font-family:"notoBlack"; letter-spacing:10px;}
#ndx_wrap .copy p:nth-child(2) {font-size:20px; font-family:"notoMedium";}

#ndx_wrap .contents {position:fixed; right:91px; top:0; width:329px; height:100%; padding:70px 50px 0; box-sizing:border-box; border-left:1px solid #b4b5bb;}
#ndx_wrap .contents > div {width:100%; margin-bottom:40px; padding-bottom:40px; box-sizing:border-box; color:white; border-bottom:1px solid #b4b5bb;}
#ndx_wrap .contents > div:last-child {margin-bottom:0; padding-bottom:0; border:none;}
#ndx_wrap .contents h2 {margin-bottom:19px; font-size:20px; font-family:"notoBold";}
#ndx_wrap .contents p {margin-bottom:22px; font-size:14px; font-family:"notoDemiLight"}
#ndx_wrap .contents > div:first-child p {letter-spacing:-1px;}
#ndx_wrap .contents a {display:inline-block; padding-bottom:5px; font-size:14px; font-family:"notoMedium"; color:#82ba41; border-bottom:1px solid #82ba41;}

#ndx_wrap .control {position:fixed; right:0; top:0; width:120px; height:100%; border-left:1px solid #b4b5bb;}
#ndx_wrap .control .navOpen {position:absolute; left:43px; top:35px; width:60px; height:22px; background:url("../img/common/btnNav.png") no-repeat;}
#ndx_wrap .control a:nth-child(2) {position:absolute; left:35px; top:80px; width:60px; height:22px; font-size:14px; font-family:"notoDemiLight"; color:#fff;}
#ndx_wrap .control a:nth-child(3) {position:absolute; left:35px; top:120px; width:60px; height:22px; font-size:14px; font-family:"notoDemiLight"; color:#fff;}
#ndx_wrap .control a:nth-child(4) {position:absolute; left:35px; top:160px; width:60px; height:22px; font-size:14px; font-family:"notoDemiLight"; color:#fff;}
#ndx_wrap .control a:nth-child(5) {position:absolute; left:35px; top:200px; width:60px; height:22px; font-size:14px; font-family:"notoDemiLight"; color:#fff;}
#ndx_wrap .control .prev {position:absolute; left:0; top:50%; width:100%; height:90px; margin-top:-135px; background:url("../img/index/btnPrev1.png") 50% 50% no-repeat; border-top:1px solid #b4b5bb;}
#ndx_wrap .control .stop {position:absolute; left:0; top:50%; width:100%; height:90px; margin-top:-45px; background:url("../img/index/btnStop1.png") 50% 50% no-repeat; border-top:1px solid #b4b5bb;}
#ndx_wrap .control .play {position:absolute; left:0; top:50%; width:100%; height:90px; margin-top:-45px; background:url("../img/index/btnPlay1.png") 50% 50% no-repeat; border-top:1px solid #b4b5bb;}
#ndx_wrap .control .next {position:absolute; left:0; top:50%; width:100%; height:90px; margin-top:45px; background:url("../img/index/btnNext1.png") 50% 50% no-repeat; border-top:1px solid #b4b5bb; border-bottom:1px solid #b4b5bb;}

footer {position:fixed; left:0; bottom:0; width:100%; min-width:1200px; height:80px; padding:20px 0 0 70px; box-sizing:border-box; font-family:"notoLight"; font-size:12px; letter-spacing:1px; color:white; background:#111111;}
footer address {margin-bottom:5px;}
footer img {position:absolute; right:93px; top:27px;}