@charset "utf-8";
/* CSS Document */
body{ background: url("../images/idxback.jpg") repeat-x; }

#wrap{width:1080px;margin:0px auto;color:#636363}
header{height:90px;position:relative;z-index:auto;}
#topmn { position:absolute; z-index:auto; top:0px; right:5px; letter-spacing:-0.02em; background:#17416c; border-bottom-left-radius:5px; border-bottom-right-radius:5px; padding:4px 10px; color:#fff;  }
#topmn>a{ font-size:90%; color:#fff;opacity:0.5; background:transparent; padding:0px; line-height:100%;border:0px; vertical-align:text-bottom; }
#topmn>a:hover { opacity:1; cursor:pointer }
#logo { display:block; padding:15px 0px 0px 10px; }

/*navigation*/
#nav {float:right;width:750px;height:40px;line-height:40px;display:block;margin-top:40px;}
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a {display:inline-block;margin:0px 15px 10px 15px; font-size:140%; font-family: "Noto Sans kR"; font-weight:500; color:#464646; padding:0px 35px; letter-spacing:-0.05em}
#nav>li>a.nvon { color:#0c5684 !important; }
#nav>li>section{position:absolute;z-index:4;top:20px;line-height:35px; height:35px; display:none; background:#17416c; border-radius:30px; font-size:120%; padding:0px 10px }
#nav>li>section>a{float:left;display:block;padding:0px 10px;font-weight:bold;letter-spacing:-0.03em;color:#fff; opacity:0.7}
#nav>li>section>a:hover{color:#fff; opacity:1}

#idxani{ position: relative; z-index: auto; height: 430px; overflow: hidden; background: url("../images/idxaniback.png") no-repeat; }
#idxani>img{ display: block; position: absolute; z-index: auto; }
#ani01{ top:0px; left: 0px; }
#ani02{ top:0px; left: 0px; }
#ani03{ top:0px; right: 0px; }
#loadImgz { position:absolute; z-index:auto; top:50px; left:70px;  }
#ani04{ position:absolute; z-index:auto; top:70px; left: 440px; text-align: center; font-family: "Noto Sans KR"; font-size: 120%;}

#ctsWrap {min-height:200px; }
#idxq{ padding-top: 35px; float: left; margin-right: 20px;  }
#idxq>a{display: inline-block; width: 110px; height: 77px; padding-top: 45px; color:#fff; text-align: center; font-family: "Noto Sans KR"; font-size: 140%; line-height: 120%; }
#idxq>a:first-of-type{ background: url("../images/idxq_01.gif") no-repeat; }
#idxq>a:nth-of-type(2){ background: url("../images/idxq_02.gif") no-repeat; }
#idxq>a:nth-of-type(3){ background: url("../images/idxq_03.gif") no-repeat; }

#idxbbswrap{ width: 380px; float: left; font-size: 110%; }
.idxtab{ border-bottom: 1px solid #ddd; padding-left: 10px; margin-bottom: 10px; position:relative; height:35px;}
.idxtab>a:first-child{ border-left:1px solid #ddd }
.idxtab>a { 
	display:inline-block; padding:10px 30px; font-size: 105%;  border-right:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;
	line-height:130%; letter-spacing:-0.03em; text-align:center; height:14px; background:#f9f9f9; vertical-align:middle;
}
.idxtab>a.idxtabon { background:transparent; border-bottom:1px solid #fff; border-top:2px solid #2B80BB; height:13px; color:#000; font-weight:bold; }
#tab2{ display:none; }

#service{ float: right; width: 320px; padding-top: 35px; text-align: center; }
#service>div{ border:1px solid #ddd; border-top:2px solid #2B80BB; padding: 20px 20px; text-align: center; margin-bottom: 15px; }
#service>div>p:first-of-type{ font-family: "Lusitana"; font-size: 250%; line-height: 100%; font-weight: bold; color:#000;  padding: 0px 0px; margin-bottom: 5px;  }
#service>div>p:last-of-type{ font-family: "Lusitana"; font-weight: bold; color:#000; font-size: 220%; text-indent: 18px; }
#service>a { font-size: 115%; }


footer { clear:both; border-top:1px solid #ddd;}
#fwrap{ width:1080px; margin:20px auto; overflow:auto }
#fwrap > img:first-child { float:left; display:block; padding:0px 20px; }
#fwrap > div { float:right; width:850px; color:#555; font-size:97%; }
#fwrap > div >p{ padding:10px 0px; color:#999; }
#fwrap > img:last-child { float:right; display:block; width:67px }

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

/*bbs*/
.idxbbs{margin:5px 0px 10px 0px; font-family: "Malgun Gothic"}
.idxbbs>li{ line-height: 220%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; padding-right: 10px; }
.idxbbs>li:not(:last-child){ border-bottom:1px dotted #ddd; }