@charset "utf-8";


#wrap {overflow:hidden; min-width:1000px;}

#skip_nav {position:fixed; top:-50px; left:0; margin:0 auto; width:1000px; font-size:16px; color:#ffffff; z-index:10000; line-height:40px; background:rgba(0,0,0,0.5);  transition: top 0.3s;}
#skip_nav:focus {top:0;}

#header {position:relative; z-index:5;}
.header_top {position:relative; overflow:hidden; width:1000px; margin:0 auto; padding:18px 0;}
.header_top h3 {float:left; text-align:center;width:187px; padding-left:5px}
.header_top h1 {text-align:center;width:760px}
.header_top ul {position:absolute; top:58px; right:40px;}
.header_top ul li {float:left; }
.header_top ul li * {vertical-align:middle;}

#gnb {width:1000px; height:40px;margin:0 auto; background:url('../images/menu/m_bg.gif?20210927') no-repeat 0px 0px;}
#gnb > ul {overflow:hidden; width:1000px; height:40px; margin:0 auto; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.6s ease; transition: all 0.4s ease;}
#gnb.on > ul {height:180px;}
#gnb > ul > li {float:left; width:16.6%; text-align:center;}
#gnb > ul > li > a {display:block; font-size:15px; color:#ffffff; line-height:40px;}
#gnb > ul > li.on > a {color:#ece6cc;font-weight:bold}
/* #gnb > ul > li > a:first-child {border-left:1px solid #1f3d5c;} */
#gnb > ul ul {height:180px; padding-top:18px; background:#eaeaea;opacity: 0.9 }
#gnb > ul > li+li ul {border-left:1px solid #c1cad1;}
#gnb > ul ul a {display:block; padding-left:20px; font-size:14px; color:#181818; line-height:30px; text-align:left;}
#gnb > ul ul a:hover {color:#2c70b6;font-weight:bold}


#footer {width:1000px; margin:0 auto; background:url('/images/bottom_bg.gif?20210927') no-repeat 0px 0px;}
.footer_cont {overflow:hidden; width:1000px; margin:0 auto; padding:4px 0;}
.footer_cont h2 {float:left;}
.footer_cont div {float:left; padding:3px 0 0 330px; font-size:12px; color:#3d3d3d; line-height:20px; }


.title01 {font-size:24px; color:#181818; line-height:26px;}