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

#wrap{width:100%;margin:0px auto;color:#636363}

#scrollToTop{ padding:10px; background:#44B39E; position:fixed; bottom:200px; right:0px; z-index:200;  border-radius: 5px 0px 0px 5px; opacity:0; }

header{height:156px; position:relative;z-index:999;}
#top { background:url(../images/top_bg.png) repeat-x; padding:10px 0px; font-size:110%; font-weight:bold; color:#c2c2c2; text-align:center; height:42px; line-height:20px; }
#scrolling{ width:100%; height:95px; background:#fff; border-bottom:1px solid #e8e7e7; }
#headerWrap { width:1024px; margin:auto; padding:19px 0px 18px 0px; position:relative; z-index:auto; }
#topmn { position:absolute;z-index:auto;top:0px;right:0px; font-size:95%; letter-spacing:-0.03em;}
#topmn > div { display:inline-block; background:#12151e; height:26px; }
#topmn > img{ display:inline-block; width:30px; vertical-align:top; }
#topmn >div>a {color:#c2c2c2;}
#topmn >div>a:hover {color:#fff;}
#topmn>button{ color:#636363;  font-size:95%; }
#topmn>button:hover { color:#589a00 }
#logo { display:block; width:212px; margin:auto; float:left;}

/*navigation*/
#nav {float:right;width:750px;height:40px;line-height:40px;display:block;margin-top:10px; font-family:"Nanum Gothic","Malgun Gothic","Myriad Pro", Dotum,  Tahoma;}
#nav>li{list-style:none;float:left;position:relative;z-index:3}
#nav>li>a {display:inline-block;margin:0px 8px 10px 8px; font-size:17px; font-weight:bold; color:#000; padding:0px 15px; }
#nav>li>a.nvon { background:#aa0d0d; color:#fff !important; border-radius:10px; }

/*#nav>li>a>img{display:inline-block;margin:0px 30px 20px 30px;}*/
#nav>li>section{position:absolute;z-index:4;top:20px;height:25px;line-height:35px; height:35px; display:none; background:#fffbe5; border:1px solid #ccc; border-radius:10px; font-size:13px; padding:0px 10px }
#nav>li>section>a{float:left;display:block;padding:0px 10px;font-weight:bold;letter-spacing:-0.02em;color:#000;}
#nav>li>section>a:hover{color:#aa0d0d;}

#ctsWrap {min-height:400px; }
#section01 { height:585px; width:1024px; margin:auto; }
#anizone > a { display:block; float:left; margin-top:100px; position:relative; z-index:100; }
#animask { float:left; width:852px; height:368px; overflow:hidden; position:relative; z-index:auto; }
#animask >img { display:block; width:852px; float:left; position:absolute; z-index:auto; }
#slide1 { left:0px; }
#slide2 { left:852px; }
#slide3 { left:1704px; }
#slide4 { left:2556px; }
#linkz { clear:left; padding-top:20px; text-align:center;  }
#linkz > a { margin-right:20px }
#linkz > a:last-of-type{ margin-top:0px; }

#section02 { background:#362f2d; padding:80px 0px 90px 0px; text-align:center; }
#ctsWrap > section:nth-of-type(2) ~ section { background:url(../images/secBg.png) repeat-x;padding:80px 0px 90px 0px; text-align:center; }
#section05 { padding-bottom:0px !important; }

footer { padding:40px 0px 0px 0px; text-align:center; background:url(../images/footerBg.png) repeat-x}
.foot_btns { padding:20px 0px 20px 0px; }
.foot_btns >a { display:inline-block; padding: 0px 20px; color:#b4b4b4; font-weight:bold }
.foot_btns > span.bar { display:inline-block; width:1px; height:12px; background:#b4b4b4; }

/*error.php*/
#errMsgbox{ margin:30px 20px;}
#errMsgbox>hgroup>h6{ font-size:12px; color:#000; }
#errMsgbox>hgroup>h5{margin:10px 0px;padding:5px 0px;border-bottom:1px dotted #ccc;border-top:1px dotted #ccc}
#errMsgbox>p{margin:15px 0px}

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