article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

/* home.jsp 170315 */
.main-wrapper {width: 1024px; height: 685px;}
.main-img {position: absolute;}
.main-contents {width: 417px; /* height: 687px; */ float: right;}
.gif-img {padding-bottom: 18px; height: 120px;}
.gif01 {position: absolute;}
.gif02 {float: right;}
.notice-wrapper {padding-bottom: 40px;}
.notice-img {height: 20px;}
.notice-img01 {width: 344px; position: absolute;}
.notice-img02 {width: 36px; padding-top: 7px; float: right;}
.btn-link {height: 100px; padding-bottom: 5px;}
.btn-link01 {float: left; width: 25%;}
.btn-link02 {float: left; width: 25%;}
.btn-link03 {float: left; width: 25%;}
.btn-link04 {float: left; width: 25%;}
.bottom-wrapper {width: 1024px; height: 88px;}
.bottom-img {width: 971px; padding-left: 53px; padding-top: 10px;}



/* header.jsp 170313 상단메뉴추가 */
.top-wrapper {height: 80px; padding-bottom: 50px; padding-top: 5px;}
.logo-wrapper {width: 217; padding-top: 40px; position: absolute;} 
.menu-wrapper {width: 806; float: right; padding-top: 37px;}

.top, .top a, .top ul, .top li, .top div, .top form, .top input { margin: 0; padding: 0; border: none; outline: none;}
.top a { text-decoration: none; font-family: 맑은 고딕;}
.top li { list-style: none; }
/* Menu Container */
.top { display: inline-block; position: relative; cursor: default; z-index: 500; }
/* Menu List */
.top > li { display: block; float: left; width: 159.5px; }
/* Menu Links */
.top > li > a { position: relative; display: block; z-index: 510; height: 40px; padding: 0 48px; line-height: 38px;
/* font-family: Helvetica, Arial, sans-serif; */ font-weight: normal; font-size: 14px; color: #fcfcfc; 
text-shadow: 0 0 1px rgba(0,0,0,.35); background: #306ba7; border-left: 1px solid #5b91c9; border-right: 1px solid #264362; 
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease;
transition: all .3s ease; }
.top li:hover > a { background: #5b91c9; }
.top li.expand { background: #5b91c9; }
.top > li:first-child > a { border-radius: 3px 0 0 3px; border-left: none; }

/* 상단 서브메뉴 드롭다운 */
.top .sub { background: #fff; position: absolute; display: block; width: 795px; opacity: 0; visibility: hidden; overflow: hidden;
-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s; transition: all .3s ease .15s;
border-left:1px solid #0d7dc0;  border-right:1px solid #0d7dc0; 
border-bottom:1px solid #0d7dc0;}
.top:hover .sub{   opacity: 1; visibility: visible; overflow: visible; }

/* 상단 서브메뉴 스타일 */
 .sub .sub_group {border-bottom:1px solid #d5d5d5;overflow:hidden; 
 box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  } 
.sub .s {float:left; width: 158px; height:150px; padding-top: 50px; /*  padding-bottom:20px; */ border-right:1px solid #d5d5d5; }
.sub .s:last-child{/* border-right:1px solid #0d7dc0; */}
.sub .s ul {/* background: #fff; */}
.sub .s ul li {margin-bottom: 4px; }
.sub .s ul li:hover a {color: #8db3db; }
.sub .s ul li a {background:#fff;width:100%;  font-size:11px; font-family: 맑은 고딕; text-decoration: none;  margin-left: 10px; /* display: block; */}
.sub .s ul li a:hover { color:#8db3db; font-weight: bold;} 






/* 상단 메뉴바 원본 */
.nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input {margin: 0; padding: 0; border: none; outline: none;}
.nav a { text-decoration: none; }
.nav li { list-style: none; }
/* Menu Container */
.nav { display: inline-block; position: relative; cursor: default; z-index: 500; }
/* Menu List */
.nav > li { display: block; float: left; width: 160px; }
/* Menu Links */
.nav > li > a { position: relative; display: block; z-index: 510; height: 40px; padding: 0 48px; line-height: 38px;
font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; color: #fcfcfc; 
text-shadow: 0 0 1px rgba(0,0,0,.35); background: #306ba7; border-left: 1px solid #5b91c9; border-right: 1px solid #264362; 
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease;
transition: all .3s ease; }
 .nav > li:hover > a { background: #5b91c9;  } 
/*  .nav li a:hover{background: #5b91c9;}  */
/* .nav li a.expand{background: #5b91c9;} */
.nav > li:first-child > a { border-radius: 3px 0 0 3px; border-left: none; }

/* Menu Dropdown */
.nav > li > div { position: absolute; display: block; width: 100%; top: 10px; left:0; opacity: 0; visibility: hidden; 
overflow: hidden; background: #ffffff; border-left: 1px solid #8db3db; border-bottom: 1px solid #8db3db; 
-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;000 transition: all .3s ease .15s; }
.nav > li:hover > div { opacity: 1; visibility: visible; overflow: visible; }
/* Menu Content Styles */
.nav .nav-column { float: left; width: 18.6%; height: 200px ; padding: 35px 0 0 10px; /* 상 좌 */border-right:1px solid #8db3db; }
.nav .nav-column li a { display: block; line-height: 26px; font-family: Helvetica, Arial, sans-serif; font-weight: normal;
font-size: 10px; color: #888888; }
.nav .nav-column li a:hover {  color: #666666; font-weight: bold; font-size:10.5px;}






/* 좌측 메뉴 원본*/
.zeta-menu-bar {display: inline-block; width: 100%;}
.zeta-menu {margin: 0; padding: 0; width: 100%;  }
.zeta-menu li {width:100%; position: relative; list-style:none; float: left; text-align: left; border-bottom: 1px solid #dfdfdf;}
.zeta-menu li:LAST-CHILD {border-bottom: 1px solid #fff;}
.zeta-menu li:hover { background: #336ea8; }
.zeta-menu li.expand { background: #336ea8; }
.zeta-menu li.expand>a { color: white; }
.zeta-menu a {width:89%; display: block; padding: 12px 10px; text-decoration: none; font-family: 맑은 고딕; font-size: 12px; 
 font-weight: bold;  float: left; letter-spacing:-1px;}
.zeta-menu a:hover {color: white; /* font-weight: bold; */}

/* 좌측 서브메뉴 원본 */
.zeta-menu ul { background: #fff;  display: none; padding: 0; left: 0;  /* top: 100% */ }
.zeta-menu ul li {float: none;  /* border-bottom: 1px solid #fff; */ /* background: #fff; */}
.zeta-menu ul li:LAST-CHILD {/* border-bottom: 1px solid #dfdfdf; */ }
.zeta-menu ul li:hover{/* background: white; */}
.zeta-menu ul li.expand { /* background: white;  */}
.zeta-menu ul li.expand a { color: #8db3db; font-weight: bold;}
.zeta-menu ul a {background: #fff; font-family: 맑은 고딕; font-size: 11px; padding : 5 0 3 25;}
.zeta-menu ul a:hover {color: #8db3db; font-weight: bold; }
.zeta-menu ul ul {/* background: #fff; */  background:#8db3db; /* left: 100%; */ top: 0; }


/* 좌측 메뉴 수정*/
.left-menu-bar {display: inline-block; width: 100%;}
.left-menu {width:100%; margin: 0; padding: 0;}
.left-menu li {width:100%; position: relative; list-style:none; float:left; text-align: left; border-bottom: 1px solid #dfdfdf; /* border:1px solid #008080; */ }
.left-menu li:LAST-CHILD {border-bottom: 1px solid #fff;}
.left-menu li:hover {background: #336ea8;}
.left-menu li.expand { background: #336ea8; }
.left-menu li.expand>a { color: white;}
/* .left-menu a {} */
.left-menu li a {border: 1px solid #dfdfdf;font-weight: bold; float: left; display: block; padding: 10px 10px;  width:100%; text-decoration: none; font-size: 12px; font-family: 맑은 고딕;} 
.left-menu li a:hover {color: white;/* color: #fff; font-weight: bold; */}

/* 좌측 서브메뉴 수정 */
.left-menu ul {background: white;  display: none;  padding: 0; left: 0; top: 100%}
.left-menu ul ul {left: 100%; top: 0; }
.left-menu ul li {float:none; width: 100%; /* background: #dfdfdf; */ border-bottom: 1px solid #fff; }
.left-menu ul li.expand { background: white;  }

.left-menu ul li a {padding : 5 0 5 20;  background: #fff;  font-family: 맑은 고딕; font-size: 11px; /* border: 1px solid #dfdfdf; */}
.left-menu ul li a:hover {color: #8db3db;  background: #fff;  font-weight: bold;}
/* .zeta-menu ul li.expand a { color: #8db3db; font-weight: bold;} */








/* 메인메뉴 틀 */
.m_menu {position:relative;}
.m_menu ul {margin:0; padding:0; list-style:none;}
/* 메인메뉴 정렬방향 및 간격 */
.m_menu li {background-color:#dddddd; float:left; padding:0px; width:157px;}
/* 메인메뉴 텍스트(링크) 설정 */
.m_menu li a {/* width: 107px; */ background-color:#336ea8; color:#ffffff; font-size:14px; display:block; font-weight:normal;
line-height:40px; margin:0px; padding:0px 25px; text-align:center; text-decoration:none; font-family:맑은 고딕;}
/*  마우스 커서 올리면 드랍메뉴 보이게 하기 */
.m_menu li:hover ul {display: block;} 
.m_menu li a:hover {background:#1a6397; /* color:#1dfdfd; */} 





.logo-space{width: 100%; height: 80px; background: #fff;}
.menu-space{width: fill; height: 50px; background: #1a6397;}

.contents-txt{ float:left; padding:-10px; margin:0;}
.contents-txt ul{float: left;}
.contents-txt ul > li {list-style: none; text-decoration: none; float: left;}


.head_bottom { height:40px; background:#0d7dc0; clear:both; }
.head_bottom_in {/* width:100%; */  margin:0 auto; overflow:hidden; }
.head_bottom_in .head_menu{/* width:100%; */overflow:hidden;}
.head_menu{float:left; /* padding:0;margin:0;  */}
.head_menu li {float:left; list-style: none; }
.head_menu li:first-child a{width:150px;}
.head_menu li a {text-decoration:none;display:block; height:40px;/* line-height:20px;  */color:#fff;font-size:15px; width:150px;text-align:center;}
.head_menu li.on a {background:#1a6397;}
.head_menu li:first-child a:hover {}
.head_menu li a:hover {background:#1a6397;} 







/*서브메뉴*/
.local_menu {  display:none; width:800px; position:absolute; }
.local_menu_in {width:800px;background:#ffffff;border-bottom:1px solid #d5d5d5;overflow:hidden; border-left:1px solid #0d7dc0; 
border-bottom:1px solid #0d7dc0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.local_menu .lm {float:left; width:158px; border-right:1px solid #e7e7e7; padding-bottom:17px;}
.local_menu .lm:last-child{border-right:1px solid #0d7dc0;}
.local_menu .lm ul {margin:10px 0 0 0; list-style: none;}
.local_menu .lm ul li {/* line-height:10px; */}
.local_menu .lm ul li a {font-size:11px; font-family: 맑은 고딕; text-decoration: none;  margin-left:-25px; }
/* .local_menu .lm ul li.on a  {color:#0065cc;}  */
 .local_menu .lm ul li a:hover {color:#8db3db; font-weight: bold;} 
.local_menu .lm.group2{background:#fff;}
.local_menu .lm.group3{background:#fff;}
.local_menu .lm.group4{background:#fff;}
.local_menu .lm.group5{background:#fff;}

.txtSince {font-family:맑은 고딕;}

/* 버튼 */
.button {
   border: 3px solid #306ba7;
   background: #ffffff;
   text-align: center;
   padding: 5px 0 6px 0 ;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #354047;
   font-size: 14px;
   font-weight: bold;
   font-family: 맑은 고딕;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border: 3px solid #306ba7;
   background: #3b8abf;   
   color: #fff;
   }
.button:active {
   border: 3px solid #306ba7;
   background: #3b8abf;  
   color: #fff;
   }
   
 /* ANG_202 */
 .index {border: 3px solid #306ba7; background: #fff;text-align: center;padding: 5px 0 6px 0 ;-webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px;color: #354047; font-size: 14px;font-weight: bold;font-family: 맑은 고딕;
text-decoration: none;vertical-align: middle; } 

.select-index {border: 3px solid #306ba7; background: #3b8abf; text-align: center; padding: 5px 0 6px 0 ;-webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px;color: #fff; font-size: 14px;font-weight: bold;font-family: 맑은 고딕;
text-decoration: none;vertical-align: middle; } 

.label{/* border: 3px solid #306ba7; */ background: #3b8abf; text-align: center;padding: 5px 0 6px 0 ;-webkit-border-radius: 3px;
-moz-border-radius: 3px; border-radius: 3px;/* color: #fff; font-size: 14px;font-weight: bold;font-family: 맑은 고딕;
text-decoration: none; */vertical-align: middle; }

.text-title {width:640px; font-family: 맑은 고딕; text-align:center; font-size: 26px; padding: 50px; font-weight: bold; color: #336ea8;}

.text-layout {text-align: left; font-family: 맑은 고딕;  /* font-size: 11px; *//* font-size: 16px; */}
.text-layout li {list-style: none; padding: 9 0 0 0; font-family: 맑은 고딕;} 
.text-layout li a {font-family: 맑은 고딕; text-decoration: none;}
.txt-normal a {font-family: 맑은 고딕; font-size: 16px; text-decoration: none; color:#3a383b;} 
.txt-big a {font-family: 맑은 고딕; font-size: 20px; text-decoration: none; color:#336ea8; font-weight: bold;} 
.txt-small a {font-family: 맑은 고딕; font-size: 13px; text-decoration: none; color:#3a383b} 

/* 탭 */
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /* border-bottom: 1px solid #eee; */ 
/* border-left : 2px solid  #306ba7 ; */ border-top : 2px solid  #306ba7 ; width: 100%;  font-family:맑은 고딕; color:#3a383b;  font-size:12px;}
ul.tabs li {float: left; text-align:center; font-size:14px; cursor: pointer; width:206px; /*  width:205px; */ height: 34px; line-height: 31px;
border-right : 2px solid  #306ba7 ; border-bottom : 2px solid  #306ba7 ;
/*  border: 2px solid #3b8abf; border-left: 2px solid #3b8abf; */  font-weight: bold; background: #fafafa;
overflow: hidden; position: relative;}
ul.tabs li:FIRST-CHILD{border-left: 2px solid #306ba7;}
ul.tabs li.active { /*  background: #FFFFFF; */ background: #3b8abf; color: #ffffff; border-bottom : 2px solid  #306ba7 ;}
.tab_container {border: 2px solid #fff; border-top: none; clear: both; float: left; width: 100%;  background: #FFFFFF;}
.tab_content {/* width: 100%; */ padding: 5px; font-size: 12px; display: none; }
.tab_container .tab_content ul {width:100%; margin:0px; padding:0px;}
.tab_container .tab_content ul li { padding:5px; list-style:none}
#container {width: 100%; margin: 0 auto;}

.box{height: 100%; border: 1px solid #dfdfdf; padding: 15px;}
.logo_border{height: 100%; border: 1px solid #dfdfdf; padding: 5px;}
.s_box{height: 100%; border: 1px solid #dfdfdf; padding: 5px;}
.no_p_box{height: 100%; border: 1px solid #dfdfdf;}
.all-box{width:100%; height: 100%; border: 1px solid #dfdfdf; padding: 15px;}
.no-box {width: 20px; height: 30px; border: 1px solid #306ba7; padding:  0 0   0 5px;}

/* 메인문구 */
.maintxt {font-size: 25px; font-family: 맑은 고딕;  font-weight: bold;  color: #346ca9; letter-spacing:-2px; word-spacing : 5px; }
 


.test1 {}
.test1 li {list-style: none; text-align: left;}

/*반응형웹 css*/
.leftColumn {
width: 200px;
height: 500px;
}

.rightColumn {
position: absolute;
width: 100%;
height: 500px;
padding-left: 200px;
}

/* 체크박스 */
.checks {position: relative; margin: 0 0 5px 0;} /*상 우 하 좌*/
.checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-left: 25px;  /* 글자와 체크박스 사이의 간격을 변경 */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: '';
  position: absolute;
  left: 0;
  top: 0px;  /* 이 값을 변경해서 글자와의 정렬 */
  width: 15px;  /* 체크박스의 너비를 지정 */
  height: 15px;  /* 체크박스의 높이를 지정 */
  line-height: 15px; /* 세로정렬을 위해 높이값과 일치 */
  text-align: center;  
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #99a1a7;
  text-shadow: 1px 1px #fff;
  background: #e9ecee;
  border-color: #adb8c0;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}


/* input[type=text], select {
width: 100%;} */

.md{padding:10px; position:absolute; width:613px; border: 1px solid #dfdfdf; height: 130px;}
/* top:37px;left:327px;z-index:15; */

/* .form_box {width: 100%; border: 1px solid #dfdfdf;  padding: 0 0 0 0; margin: 0;  padding: 5px; }
.form_box > a {border:1px solid #dfdfdf; width: 100%; } */
.a2 {background-color: RED; width: 100%; height: 30px;}
.a1 {background-color: RED; width: 320px; height: 30px;}
.b {background-color: blue; width: 150px; height: 30px;}
.c {background-color: black; width: 150px; height: 30px; }
.d {background-color: purple; width: 150px; height: 30px; z-index: 10; }
.half_form {width: 100%; border: 1px solid #dfdfdf; } 
.half {width: 50%; float: left; z-index: 10;}
.tit_blue {color : #336ea8}


 .form_box{width: 70%; border: 1px solid #dfdfdf; padding: 15px; margin-left: 15%; }
 .company_nm{width: 100%; margin:5px 0 5px 0;}/*상 우 하 좌*/
 .manager_nm{width: 45%; margin:5px 0 5px 0; /* margin-left: */ }
 .f_number{width: 100%; margin:5px 0 5px 0;}
 .f_number2{width: 48.5%; margin:5px 0 5px 5%; /* margin-left:  */}
 .p_number{width: 45%; margin:5px 0 5px 0;}
 .mail{width: 35%; margin:5px 2px 5px 0;}
 .mail2{width: 30%; margin:5px 2px 5px 2px;}
 .mail3{width: 28%; height:21px; /*  margin:5px 0 5px 0; */}
 
 .input_tit{text-decoration: none; }
 .tit{/* padding: 0;  *//* margin-bottom: 10px;  */text-decoration: none; color: #646464;}
 .tit:HOVER {text-decoration: none; color: #646464;}
 .tit_half{/* padding: 0;  *//* margin-bottom: 10px;  */text-decoration: none; color: #646464; margin-left:38%;}
 .tit_half:HOVER {text-decoration: none; color: #646464;}


/*확인버튼*/
.btn_ok {
   margin: 5px 0 0 40%; /*상 우 하 좌*/
   width: 20%;
   border: 1px solid #646464;
   background: #ffffff;
   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
   background: -webkit-linear-gradient(top, #ffffff, #ffffff);
   background: -moz-linear-gradient(top, #ffffff, #ffffff);
   background: -ms-linear-gradient(top, #ffffff, #ffffff);
   background: -o-linear-gradient(top, #ffffff, #ffffff);
   background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
   padding:5px 0 5px 0;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #ffffff 0 1px 0;
   color: #646464;
   font-size: 14px;
   font-family: 맑은 고딕;
   text-decoration: none;
   vertical-align: middle;
   
   }
.btn_ok:hover {
   border: 1px solid #646464;
   text-shadow: #ffffff 0 1px 0;
   background: #cccccc;
   background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#cccccc));
   background: -webkit-linear-gradient(top, #e8e8e8, #cccccc);
   background: -moz-linear-gradient(top, #e8e8e8, #cccccc);
   background: -ms-linear-gradient(top, #e8e8e8, #cccccc);
   background: -o-linear-gradient(top, #e8e8e8, #cccccc);
   background-image: -ms-linear-gradient(top, #e8e8e8 0%, #cccccc 100%);
   color: #646464;
   }
.btn_ok:active {
   text-shadow: #ffffff 0 1px 0;
   border: 1px solid #646464;
   background: #cccccc;
   background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#cccccc));
   background: -webkit-linear-gradient(top, #e8e8e8, #cccccc);
   background: -moz-linear-gradient(top, #e8e8e8, #cccccc);
   background: -ms-linear-gradient(top, #e8e8e8, #cccccc);
   background: -o-linear-gradient(top, #e8e8e8, #cccccc);
   background-image: -ms-linear-gradient(top, #e8e8e8 0%, #cccccc 100%);
   color: #646464;
}

.main_box{width: 640px;}

/*---------------------------------------------------------------------test 페이지 css-------------------------------------------------------------------------- */

/* 상단메뉴 */
.top2, .top2 a, .top2 ul, .top2 li, .top2 div, .top2 form, .top2 input { margin: 0;  padding:0;  border: none; outline: none;}
.top2 a { text-decoration: none; font-family: 맑은 고딕;}
.top2 li { list-style: none; }
/* Menu Container */
.top2 { display: inline-block; position: relative; cursor: default; z-index: 500; width: 100%; }
/* Menu List */
.top2 > li { display: block; float: left; width: 20%; }
/* Menu Links */
.top2 > li > a { position: relative; display: block; z-index: 510; height: 50%; padding: 0 48px; line-height: 40px;
/* font-family: Helvetica, Arial, sans-serif; */ font-weight: normal; font-size: 14px; color: #fcfcfc; 
text-shadow: 0 0 1px rgba(0,0,0,.35); background: #306ba7; border-left: 1px solid #5b91c9; border-right: 1px solid #264362; 
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease;
transition: all .3s ease; }
/* .nav > li:hover > a { background: #5b91c9; } */
.top2 li:hover > a { background: #5b91c9; }
.top2 li.expand { background: #5b91c9; }
/* .zeta-menu li.expand>a { color: white; } */

/* .top li a.expand{background: #5b91c9;} */
.top2 > li:first-child > a { border-radius: 3px 0 0 3px; border-left: none; }

/* 상단 서브메뉴 드롭다운 */
.top2 .sub2 { background: #fff; position: absolute; display: block; width: 99.6%; opacity: 0; visibility: hidden; overflow: hidden;
-webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s; transition: all .3s ease .15s;  /* padding: 30 0 0 0; */   margin-top :30px;
border-left:1px solid #0d7dc0;  border-right:1px solid #0d7dc0; 
border-bottom:1px solid #0d7dc0;}
.top2:hover .sub2{  opacity: 1; visibility: visible; overflow: visible;  }


/* 상단 서브메뉴 스타일 */
 .sub2 .sub_group2 {border-bottom:1px solid #d5d5d5;overflow:hidden; 
 box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  } 
.sub2 .s {float:left; width: 19.86%; height:150px; padding-top: 25px; /*  padding-bottom:20px; */ border-right:1px solid #d5d5d5; }
.sub2 .s:last-child{/* border-right:1px solid #0d7dc0; */}
.sub2 .s ul {/* background: #fff; */}
.sub2 .s ul li {margin-bottom: 4px; }
.sub2 .s ul li:hover a {color: #8db3db; }
.sub2 .s ul li a {background:#fff;width:100%;  font-size:11px; font-family: 맑은 고딕; text-decoration: none;  margin-left: 10px; /* display: block; */}
.sub2 .s ul li a:hover { color:#8db3db; font-weight: bold;} 

.top_space_wrap{width: 100%; height: 20px; background-color: #fff;}
.logo_wrap{width: 20%; height: 10%; background-color: #fff; float: left;}
.top_menu_wrap{width: 80%; height: 10%; background: #fff; float: left;}
.main_space{width: 100%; height: 50%; background: #eeeddd;}
.main_menu{background: #fff; width: 50%; height:20%; float: left;}

#footer_wrap{clear:both; width:100%; border-top:1px solid #cfcfcf; text-align:center; padding-top:19px}
#footer{width:1000px; margin:0 auto; padding-bottom:10px;}
#footer>p{display:block; width:204px; float:left; height:64px;}
#footer address{text-align:left;}
.bt_menu{float:left;}
.bt_menu li{float:left;}

/*게시판 테이블*/
.thead {width:680px; /* background: #5b91c9; */ background: #a7c2fa; height: 35px;  font-size: 12.5px;  font-weight: bold; /* color: #fff; */   color:#3b5774;   
text-align: center; border-top: 1px solid #aabbce; border-bottom: 1px solid #aabbce;}
.thead2 {width:680px; /* background: #5b91c9; */ background: #a7c2fa; height: 35px;  font-size: 12.5px;  font-weight: bold; /* color: #fff; */   color:#3b5774;   
border-top: 1px solid #aabbce; border-bottom: 1px solid #aabbce;}
.tbody {height: 30px; text-align: center;}
.tbody:HOVER {
	background: #f5f5f5;
}
.tdata{border-bottom: 1px solid #dfdfdf;} 
.list-data {text-decoration: none; }
.list-data:HOVER {text-decoration: none; color: #646464;}

/*  팝업창  */
.pop_title { }
.pop_top {background: #336ea8; width: 400px; height: 35px; color: #fff; font-size: 16px; font-weight: bold; padding-left: 20px;}
.pop_read_title {width: 400px; color: #43556d; /* background: #a7c1fa; */ border: none; font-size: 14px; text-align: left; 
font-weight: bold; padding-top: 10px; padding-bottom: 5px; padding-left: 16px; font-family: 맑은 고딕; }
.pop_box{background: #a7c1fa; }

.pop_read_content {width: 450px;  height: 300px; /* background: #dfdfdf; */ border: none;  font-size: 12px;  text-align: left; 
outline: none; resize: none; padding-left: 20px; padding-top: 10px;  padding-bottom: 10px;  font-family: 맑은 고딕; /* border-top: 2px solid #abb1bd; */}
.pop_bottom_line {border-top : 2px solid #abb1bd;}
.pop_bottom {padding-left: 200px;}

/* .cate {width: 400px;} */


/* 게시판   */
.board-line {width: 680px; border-bottom: 1px solid #aabbce;}
.board_title {width: 680px; font-weight: bold; height: 60px; font-size: 18px;}

/* 게시판 쓰기화면 */
.wr-head {background: #e8effd; height: 30px; font-size: 12.5px;  font-weight: bold; color:#3b5774; border-top: 1px solid #aabbce; border-left: 1px solid #aabbce; 
border-right: 1px solid #dfdfdf;}
.wr-txt {padding-left: 10px; height: 35px; border-top: 1px solid #aabbce; border-right: 1px solid #aabbce;}
.wr-txtarea {font-family: 맑은 고딕; font-style: 맑은 고딕; resize: none;}

/* 게시판 읽기화면 */
.r-head {background: #e8effd; height: 30px; font-size: 12.5px;  font-weight: bold; color:#3b5774; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; 
border-right: 1px solid #dfdfdf;}
.read-txt {border: none; padding-left: 10px; height: 35px; border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.r-txtarea {font-family: 맑은 고딕; font-style: 맑은 고딕; resize: none;}

/* .ellipsis {text-overflow:ellipsis; overflow:hidden;} */

.target {width: 100px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}