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


/*header*/
header{ height: 136px; border-bottom: 1px solid #ccc; letter-spacing:-0.05em; }
#wrapLogo{ height:85px; border-bottom: 1px solid #eee; text-align: center; }
#wrapLogo>a{ display: block; padding-top: 15px;}
#wrapNav{ width: 1080px; margin:auto; position:relative;z-index:auto;  }
#topmn { position:absolute;z-index:auto;top:-30px;right:15px; color:#ccc; }
#topmn>a>img{ vertical-align:-2px; opacity:0.7 }
#topmn>a>img:hover{opacity:1 }
#ibank{ background: #0072bc; color:#fff; display: inline-block; padding: 3px 10px; border-radius: 3px; position:absolute;z-index:auto;top:-30px;left:15px;  }

/*navigation*/
#nav {height:49px; line-height:50px; display:block; font-family: "Noto Sans KR"; }
#nav>li{list-style:none;float:left;position:relative;z-index:3; color:#555; }
#nav>li>a {display:inline-block;margin:0px 40px 0px 40px; font-size: 140%; font-weight:500; color:#555; padding:0px 7px; letter-spacing:-0.05em}
#nav>li>a.nvon {color:#0072bb; }
#nav>li>section{position:absolute;z-index:4;top:20px;line-height:40px; height:40px; display:none; font-size: 110%; font-weight: 500; }
#nav>li>section>a{float:left;display:block;padding:0px 10px;letter-spacing:-0.03em;color:#fff; opacity:0.7}
#nav>li>section>a:hover{color:#fff; opacity:1}
#nvbar{ width: 100%; height: 10px; background: #0072bb; position: absolute; z-index: 1; top:137px; }

#idxback{ border-bottom:1px solid #d5d5d5;}

#anizone{ height: 480px; width: 100%; position: relative; z-index: 0;  }
#anizone>div{ height: 480px; background-position: center;  background-repeat: no-repeat; width: inherit; position: absolute;  }

#anizone+div{ width: 1080px; margin: auto; height: 0px; position: relative; z-index: 0; }
#idxback>div>div{ position: absolute; z-index: auto; }
#ani01{ bottom: 0px; right: 0px; }
#ani02{  opacity: 0; bottom: 80px; right: 50px; text-align: right; font-size: 150%; line-height: normal; letter-spacing:  -0.02em; color:#636363;}
#ani02>p{ font-family: "Noto Sans KR";  }
#ani02>h1{ font-family: "Nanum Myeongjo"; font-size: 360%; color:#0072bb; padding: 10px 0px; }
#ani02>h1>span{ color:#08376A }
#ani03{ bottom:-100px; right: 0px;  width: 680px; border:1px solid #ddd;opacity: 0; }

#popzWrap{background: #fff; height: 188px; }
#popBn{ border-bottom: 1px solid #ddd; padding: 0px 20px; font-family: "Noto Sans KR"; font-size: 110%; line-height: 280% }
#popBn>h1{ color:#08376a; display: inline-block; font-weight: 400; padding-right: 20px; }
#popBn>h1+p{ display: inline-block; }
#popBn>p>a { display: inline-block; width: 10px; height:10px; background: #aaa; margin-right:1px; }

#popPic{ width: 680px; height:150px; position: relative; z-index: 3; }
#popPic>a>img{ position:absolute;top:0px;left:0px; }
#imgObj1 { z-index: 11}
#imgObj2 { z-index: 12}

#idxconts{ width: 1080px; margin:25px auto 40px auto; overflow: auto; }
#idxconts>div{ float: left; }
#idxquick{ width: 300px; border:10px solid #008dbb; padding:25px 30px; }
#idxquick>table{ width: 100%; text-align: center; }
#idxquick>table td{ vertical-align: top; padding: 10px 0px; }
#idxquick>table td:not(:last-child){ border-right:1px solid #e5e5e5}
#idxquick>table td>a{ display: inline-block; }
#idxquick>table td .material-icons{ font-size: 44px; color:#D9D9D9; }
#idxquick>table td>a:hover .material-icons{ color:#0072bb; }
#idxquick>table tr:not(:last-child)>td{ border-bottom:1px solid #e5e5e5}

.idxbbsWrap{ margin:100px 0px 0px 30px; width: 310px; font-size: 110%; }
.idxbbsWrap>h1{ font-family: "Noto Sans KR"; font-size: 135%; font-weight: 500; border-bottom: 1px solid #ddd; color:#555; line-height: 250%; margin-bottom: 5px; }
.idxbbs{ list-style: none; }
.idxbbs>li{padding: 5px 0px; color:#555; }

#banner{ margin:30px auto 0px auto; width: 100%; text-align: center; border-top: 1px solid #ddd; padding-top: 30px;}
#banner>a{ display: inline-block; margin:0px 40px; }

footer { 
	clear:both; height:100px; border-top:1px solid #ddd; 
	background:#f1f1f1 linear-gradient(#f8f8f8, #fff);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fff));
	background:-moz-linear-gradient(top, #f8f8f8, #fff);
}
#wrapFoot{ width: 1080px; margin: auto; padding: 25px 0px; overflow: auto; letter-spacing: -0.03em; }
#wrapFoot>img{ display: block; float:left; padding-left: 20px; }
#wrapFoot>div{ float: right; width: 830px; color:#777; }
#wrapFoot>div>div{ font-family: "Noto Sans KR"; font-size: 110%; padding: 20px 0px; }
#wrapFoot>div>div>a{ display: inline-block; padding:0px 10px; font-weight: 500; }
#wrapFoot>div>p:last-child{ color:#aaa; margin-top:10px; }
#siteOpen{ width: 110px;}


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