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

body{color:#636363}
.wrap{width:1080px;margin:0px auto;}

header{height:110px;position:relative;z-index:auto;}
#topmn { position:absolute;z-index:auto;top:10px;right:15px; font-size:95%; letter-spacing:-0.05em; color:#ccc; }
#topmn>a>img{ vertical-align:-2px; opacity:0.7 }
#topmn>a>img:hover{opacity:1 }

/*navigation*/
#nav {float:right;width:750px;height:40px;line-height:40px;display:block;margin-top:55px;}
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a {display:inline-block;margin:0px 30px 10px 30px; font-family: "Noto Sans KR"; font-size:150%; font-weight:500; color:#000; padding:0px 7px; letter-spacing:-0.05em}
#nav>li>a.nvon { color:#F05523 !important; }

#logo{ display: block; padding-top: 25px; }

#vrtext{ position: absolute; z-index: 4; bottom: -480px; right: 50px; font-family: "Cute Font"; font-size: 30px; text-align: center; color: #fff; text-shadow:3px 3px 3px black; line-height: 100%; }
#vrtext>h1{ font-size: 250%; color:#69faff; line-height: normal; }
#vrtext>h1>span{ color:#fff19d; }

#anizone{ height: 540px; width: 100%; position: relative; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; }
#anizone>div{ height: 540px; background-position: center;  background-repeat: no-repeat; width: inherit; position: absolute;  }

/*contants*/
#ctsWrap { min-height:200px; font-size: 105%; line-height: 160%; margin:10px 0px 30px 0px; }
#ctsWrap>div:not(:last-child){ float: left; }
#idxtime{ width:305px; height: 130px; padding:30px 0px 0px 50px; background: url(../images/idxbox_01.gif) no-repeat; margin-top: 35px; font-size: 105%; }
#idxtime>h1{ font-size: 170%; font-family: "Noto Sans KR"; font-weight: 500; }
#idxtime>h1>img{ vertical-align:-5px; }
#idxtime>h2{ font-family: "Noto Sans KR"; font-weight: 500; color:#ff8b00; font-size: 115%; padding: 7px 0px; }
.bbswrap{ width: 365px; margin-left: 30px; }
.bbswrap>h1{ background: url(../images/gboxdot.png) repeat-x bottom; margin-bottom: 10px; font-size: 120%; }
.bbswrap>h1>span{ border-bottom:3px solid #ffb800; display: inline-block; padding: 8px 5px 5px 5px; font-family: "Noto Sans KR"; font-weight: 500; font-size: 140%; color:#000; }
.bbswrap>h1>a { display: block; padding-right: 10px; margin-top: 10px; float: right; font-weight: 300; font-size: 90%; }
.bbswrap>div{ text-align: left; }
.bbswrap>div>a{ display: inline-block; font-family: "Noto Sans KR"; font-size: 130%; font-weight: 500; }
.bbswrap>div>a:nth-child(2){ margin: auto 20px; }
.bbswrap>div>a>img{ vertical-align: middle; }
#idxtel{ float: right; width: 270px; height: 135px; padding: 25px 0px 0px 30px; background:url(../images/idxbox_02.gif) no-repeat; margin-top: 35px;  }
#idxtel>h1{ font-size: 170%; font-family: "Noto Sans KR"; font-weight: 500; }
#idxtel>h1>img{ vertical-align:-5px; }
#idxtel>h2{ font-family: "Lusitana"; color:#000; font-size: 230%; padding: 13px 0px; }

footer { height:160px; background: url(../images/bottomback.jpg) repeat-x; border-top:1px solid #ddd; }
footer>div:first-child { width:1080px; margin: 20px auto; }
footer>div>img:first-child{ display: blockb; float: left; margin-right: 20px;}
footer>div:first-child>div{ float: left; color:#707070; padding:30px 0px; }
footer>div:first-child>div>p{ margin-top: 5px; }

/*bbs*/
.idxbbs{margin:7px 0px 7px 0px; list-style: none; font-family: "Malgun Gothic"; font-size: 105%; min-height: 100px; }
.idxbbs>li{ line-height: 220%; }
.idxntc{ display: inline-block; text-align: center; line-height: 150%; border-radius: 3px; margin-right: 5px; width: 30px; padding: 0px 3px;  color:#fff; background:#636363; font-family: "Noto Sans KR" }

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