@charset "utf-8";
/* CSS Document */

body{
    background:url(../images/idxback.jpg) repeat-x 0px 1122px; 
}
#anizone{ height: 0px; width: 100%; position: relative; z-index:-1; }
#anizone>div{ height: 600px; background-position: center;  background-repeat: no-repeat; width: inherit; position: absolute;  }

#wline {background:#898c8a; position:absolute; z-index:2; top:110px; left:0px; width:100%; height:1px; }
#navbar {background:#000; opacity: 0.5;; position:absolute; z-index:3; top:110px; left:0px; width:100%; height:0px; }

#wrap{width:1124px;margin:0px auto;color:#636363}
header{height:110px;position:relative;z-index:auto;}
#topmn { position:absolute;z-index:auto;top:0px;right:0px; font-size:100%; letter-spacing:-0.05em; color:#ccc; background:#004b93; padding:10px 10px 5px 10px }
#topmn>a{ color:#fff; opacity: 0.7;}
#topmn>a>img{ vertical-align:-2px; }
#topmn>a:hover{opacity:1 }
#logo{ display: inline-block; width: 250px; height:110px; background:#004b93; }
#logo>img{ display: block; margin:15px auto 0px auto; }

/*navigation*/
#nav { font-family: "Noto Sans KR"; font-size: 170%; float:right;width:770px;height:40px;line-height:40px;display:block;margin-top:60px;}
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a {display:inline-block;margin:0px 30px 10px 30px; font-weight:500; color:#fff; text-shadow:2px 2px 2px #000; padding:0px 7px; letter-spacing:-0.05em}
#nav>li:last-child>a{ margin-right:0px; }
#nav>li>a.nvon { color:#fff !important; border-bottom:3px solid #fff;  }
#nav>li>section{position:absolute;z-index:4; top:40px;line-height:35px; height:35px; display:none; padding:0px 10px; font-size: 70%; text-shadow:1px 1px 1px #000;  }
#nav>li>section>a{float:left;display:block;padding:0px 10px;font-weight:400;letter-spacing:-0.03em;color:#fff; opacity: 0.8; }
#nav>li>section>a:hover{color:#fff; opacity:1}
.onm{ font-weight: bold; }

/*ani*/
#idxmovie{ height: 437px; position: relative; font-family: "Noto Sans KR"; letter-spacing: -0.05em;}
#idxmovie>.ani{ position: absolute; color:#fff; opacity: 1; }
#ani01{ left:518px; top:68px; }
#ani02{ left:440px; top:290px; font-size: 160%; font-weight: 400; }
#ani03{ left:390px; top:330px; font-size: 500%; font-weight: 700; }
#ani03>span{ font-weight: 200;}

#ctsWrap {min-height:700px; }

#quick3{ overflow: auto; font-family: "Noto Sans KR"; letter-spacing: -0.05em;}
#quick3>div{ width: 33.333%; height: 340px; background:#636363; float: left; }
#quick3>#qzone1{ background:#247300 url(../images/qback01.png) no-repeat 100% 100%; }
#quick3>#qzone2{ background:#004b93 url(../images/qback02.png) no-repeat 100% 100%; }
#quick3>#qzone2>div>p, #quick3>#qzone3>div>p{ color:#fff; opacity: 0.3;}
#quick3>#qzone3{ background:#343e44; }
#quick3>#qzone3>div>h1{ font-family: "Lusitana"; font-size: 300%; font-weight: 600; }
#quick3>#qzone3>div>div:first-of-type{ margin-top:0px; border-bottom:1px solid #525b60; padding-bottom: 20px; margin-bottom: 20px; }
#quick3>div>div:first-child{ margin:40px 40px 0px 40px}
#quick3>div>div:first-child>p:first-child{ display: block; font-size: 130%; font-weight: 500; line-height: 150%; color:#0f2e00; }
#quick3>div>div:first-child>h1{ color:#fff; font-size: 200%; line-height: 150%; font-weight: 500; text-shadow: 1px 1px 1px #000;}
#quick3>div>div:first-child>div:first-of-type{ font-size: 125%; color:#fff; opacity: 0.5; line-height: 150%; margin-top:20px; }
#idxcld{ opacity: 1; overflow: hidden;}
#idxcld>img{ display:block; float: left; margin-right: 20px; }
#idxcld>h1{ float:left; color:#fff; font-size: 200%; line-height: 100%; font-weight: 500; text-shadow: 1px 1px 1px #000;}
#idxcld>div{ float:left; width:232px; font-size: 125%; color:#fff; opacity: 0.5; line-height: 150%; margin-top:10px;  }

#bbs3zone{ margin:40px 0px; height:155px; }
#bbs3zone>div{ border-left:1px solid #ccc; float:left; width: calc(33.333% - 61px); padding:0px 30px; height:155px;}
#bbs3zone>div:last-of-type{ border-right: 1px solid #ccc; width: calc(33.333% - 62px); }
#bbs3zone>div>h1{ font-family: "Noto Sans KR"; font-size: 200%; font-weight: 600; line-height: 150%; letter-spacing: -0.05em; color:#000; margin-bottom:10px; }
#bank{margin-top:20px; }
#bank>h1{ font-family: "Lusitana"; color:#000; font-size: 230%; line-height: 100%;}
#bank>h1>img { vertical-align: top;}
#bank>div{ margin-top:10px; font-family: "Noto Sans KR"; font-size: 150%; font-weight: 600; }

.idxdesc{ font-family: "Noto Sans KR"; font-weight: 500; font-size: 120%; }

/*bbs*/
.idxbbs{margin:5px 0px 10px 0px;}
.idxbbs>li{ line-height: 190%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 110%; width: 95%;  }

#idxytb{ height: 432px; }
#idxytb>h1{ font-size: 200%; font-weight: 600; font-family: "Noto Sans KR"; line-height: 150%; color:#000; padding:20px 0px; }

.idxmv{ background:#fff; border:1px solid #ddd; float:left; width:365px; }
.idxmv:not(:last-child){ margin-right: 11px;} 
.idxmv>a{ display:block; position: relative; max-height: 220px; overflow: hidden; }
.idxmv>a>img:first-child{ min-width: 100%; }
img.plbn{ position: absolute; top:70px; left: calc(100%/2 - 37px);}
.idxmv>div{ margin:20px;    }
.idxmv>div>a{ font-size: 160%; font-weight: 600; line-height: 180%; font-family: "Noto Sans KR"; }
.idxmv>div>span{ font-size: 105%;}

#idxbanner{ height:170px; text-align: center; }
#idxbanner>a{ display: inline-block; margin-top:50px; padding:0px 20px;  }

footer {  background:#2b2b2b; min-height: 275px;}
footer>section{ width: 1080px; margin: auto; }
footer>section>div:first-child{ padding: 35px 0px 20px 0px; border-bottom: 1px solid #555; text-align: center }
footer>section>div:last-child{ border-top:1px solid #000; color:#707070; text-align: center; padding-top: 25px; }
footer>section>div:last-child>p{ margin-top:15px}

#popytb{ position: fixed; z-index: 999; top:0px; left:0px; bottom:0px; right:0px; display: none; }
.popbg{ position: absolute; top:0px; left:0px; bottom:0px; right:0px; background: #000; opacity: 0.7; }
#ifrytb{ position: absolute; z-index: auto; top:calc(50% - 240px); left:calc(50% - 427px); width: 854px; height: 480px; }

/*popup*/
#popupsys{ display:none; }