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

body{ background:  url("../images/idxback.jpg") repeat-x; }

#wrap{width:1080px;margin:0px auto;color:#636363}
header{height:100px;position:relative;z-index:1;}
#topmn { position:absolute;z-index:auto;top:10px;right:15px; font-size:95%; letter-spacing:-0.05em; color:#ccc; }
#topmn>a{ opacity:0.7; color:#fff; }
#topmn>a:hover{ opacity: 1; }
#topmn>a>img{ vertical-align:-2px; opacity:0.7 }
#topmn>a>img:hover{opacity:1 }
#logo{ margin-top: 20px; }

/*navigation*/
#nav {
	float:right;width:800px;height:40px;line-height:40px;display:block;margin-top:35px;border-top:1px solid #7c6dbf;font-family: "Noto Sans KR"; 
	background:#7c6dbf linear-gradient(#A89EDA, #7c6dbf);
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li:first-child>a{ margin-left: 35px !important; }
#nav>li>a {display:inline-block;margin:0px 25px 10px 25px; font-size:120%; font-weight:600; text-shadow: 1px 1px 1px #4e4090; color:#fff; opacity: 0.9; padding:0px 7px; letter-spacing:-0.05em;  }
#nav>li>a.nvon {  opacity: 1;  }
#nav>li>section{position:absolute;z-index:4;top:20px;line-height:35px; height:35px; display:none; background:#fff; border-radius:20px; font-size:115%;  padding:0px 10px; border:3px solid #7c6dbf;}
#nav>li>section>a{float:left;display:block;padding:0px 10px;letter-spacing:-0.03em; opacity:0.7}
#nav>li>section>a:hover{color:#7c6dbf; opacity:1}
.onm{ font-weight: bold; }

#anizone{ height:250px; position: relative; z-index:auto; z-index: 0; }
.ani{ position: absolute; z-index: auto; opacity: 0; }
#ani00{ bottom:-20px; }
#ani01{ right: 100px; bottom: -20px; }
#ani02{ right: 180px; top:0px; }
#ani03{ 
    right: 0px; bottom:0px; height: 200px;
    transform: scaleX(-0.8);
    -ms-transform: scaleX(-0.8); /* IE 9 */
    -webkit-transform: scaleX(-0.8); /* Safari 3-8 */
  
}
#ani04{ left: -15px; top: -100px; }
#ani05{ left: 350px; top:90px; font-family: "Nanum Gothic"; font-size: 110%; line-height: 160%; color:#8884d7; text-align: right; letter-spacing: -0.03em; }
#ani05>h1{ font-family: "Nanum Myeongjo"; font-size: 300%; color:#000; font-weight: normal; padding-bottom: 15px; text-indent: -5px; }

#ctsWrap {min-height:300px; overflow: auto; margin-bottom: 0px; font-size: 115%; }

#ctsL{ float: left; width:250px; min-height: 300px; }
#idxgroup{ background: #8884D7; width: 182px; padding: 5px 20px; border-top-left-radius: 30px; border-top-right-radius: 50px; border-bottom-left-radius: 30px; margin-bottom: 10px; }
#idxgroup>select{ background: #8884D7; color:#fff; font-weight: bold; border:0px; width: 100%;   }
#ctsL>a{ 
    display: block; width: 200px;  font-family: "Noto Sans KR"; font-weight: 400; padding: 5px 10px; margin: 3px 0px; 
    /*border-top-left-radius: 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 50px;*/
}
#ctsL>a:not(:last-child){ border-bottom:1px solid #eee; }
#ctsL>a>img{ vertical-align: middle; }

#ctsC{ float:left; overflow: auto; min-height: 300px; border-right: 1px solid #eee; border-left: 1px solid #eee; }
.idxbbsWrap{ margin:0px 30px 10px 30px; width: 398px; }
.idxbbsWrap>h1{ font-family: "Noto Sans KR"; font-size: 130%; font-weight: 500; border-bottom: 1px solid #ccc; line-height: 200%; margin-bottom: 5px; }
.idxbbsWrap>h1>a{color:#000;}
.idxbbs{ list-style: none; margin-left: 0px;}
.idxbbs>li{ padding: 8px 0px; border-bottom: 1px solid #eee; }

#ctsR{ float: right;  width:370px; min-height: 300px; }
.idxbbsWrap2{ margin:0px 0px 10px 30px; width: 330px; overflow: auto; }
.idxbbsWrap2>h1{ font-family: "Noto Sans KR"; font-size: 130%; font-weight: 500; border-bottom: 1px solid #ccc; line-height: 200%; margin-bottom: 5px; }
.idxbbsWrap2>h1>a{color:#000;}

.idxgallery{ width: 155px;  float: left; margin:10px 0px 17px 0px; }
.idxgallery:nth-of-type(1) { margin-right: 15px; }
.idxgallery>a{ display: block; overflow: hidden; width: 155px;  height: 110px; }
.idxgallery>a>img{ width: 100%;}

#banner{ clear: both; padding:20px 0px; text-align: center;}
#banner>a>img{ padding: 0px 3px; }

footer { overflow: auto; margin-bottom: 30px; letter-spacing: -0.05em; }
footer>div:first-child{ 
	float: left; width: 228px; height: 60px; padding:20px 0px; text-align: center; border:1px solid #ddd;
	border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;
}
footer>div:last-child{ 
	float: right; width: 800px; height: 70px; padding:30px 0px 0px 28px; border:1px solid #ddd;
	border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-top-right-radius: 50px; 
}
footer>div:last-child>p{ color:#999; }


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