@charset "utf-8";

/**** 상단 영역 ****/
#header {/*position: absolute; top: 0; */width: 100%; background: #fff; z-index: 999;}

div.top_wrap {width: 100%; position: relative; box-shadow: 0 0 10px 5px #dedede; border-bottom: 1px solid #ccc; background: #fff;}
div.top_wrap > div.topList_01 {width: 100%; background:#009b9b;}
div.logo_wrap {width:1600px; /*height: 90px;*/ margin: 0 auto; overflow: hidden;}
div.logo_wrap h1 {float: left; font-size: 30px; font-family: "nanumGothicBold","돋움", sans-serif; line-height: 90px;}
div.logo_wrap h1 a {color: #fff;}
div.logo_wrap div.login_rightBox {float:right; padding-top:30px;}
div.logo_wrap div.loginBtn {color:#fff;}
div.logo_wrap div.loginBtn .welcome_text {padding-right:10px;}

/*탑메뉴*/
div.gnbWrap {width:100%; background:#003e3e;}
div.gnbWrap #gnb {width:1600px; height:auto; margin:0 auto; }

#gnb > ul { width: 1600px; height: 60px; line-height: 60px; margin: 0 auto;}
#gnb > ul > li {float: left; font-size: 16px; width: 240px; position: relative;}
#gnb > ul > li:first-child > a {border-left: 1px solid #008484;}
#gnb > ul > li > a {color: #fff; border-right: 1px solid #008484; box-sizing: border-box;}
#gnb > ul > li {width: 14.2%; text-align: center; line-height: 60px; position:relative;}
#gnb > ul > li > a {display: block; width: 100%; }
#gnb > ul > li.on > a {color: #ffda00;}

#gnb > ul > li > div {position: absolute; width: 1600px; z-index: 99999;}
#gnb > ul > li > div > ul.sub_menu {height: 45px; display: none;}
#gnb > ul > li > div > ul.sub_menu > li { display: inline-block; vertical-align:top; line-height: 44px; font-size: 14px; padding-right: 20px; border: 0;}
#gnb > ul > li > div > ul.sub_menu > li > a { display: block; color: #000; padding-left: 15px;}
#gnb > ul > li > div > ul.sub_menu > li.on > a {color: #ff0000; font-family: "nanumGothicBold","돋움", sans-serif;}
#gnb > ul > li > div > ul.sub_last > li {clear:both; float: none; padding-right: 0;}

/* dep2 */
#gnb > ul > li > ul {position:absolute; top:60px; width:100%; display:none;}
#gnb > ul > li > ul >li > a {display:block; background:#fff}
#gnb > ul > li > ul >li:first-child > a {border-bottom:0;}
#gnb > ul > li > ul >li > a {display:block; background:#fff; border:1px solid #eee}
#gnb > ul > li > ul >li > a:hover {background:#009b9b; color:#fff;}
#gnb > ul > li > ul >li.on > a {background:#009b9b; color:#fff;}

/**** 하단 영역 ****/
#footer {position:relative; z-index:5; width:100%; background:#009b9b;color: #fff;border-top: 1px solid #61e8ff;}
#footer div.footer_wrap {width:1600px; margin: 0 auto; padding:30px 0;}
#footer div.footer_wrap p.footer_logo {font-size:16px; font-family: "nanumGothicBold","돋움", sans-serif;}
#footer div.footer_wrap p {line-height:1.4;}
#footer div.footer_wrap p span {padding:0 5px;}
#footer div.footer_wrap p a {color: #fff;}


/*** 본문 ****/
div.container {width: 1600px; margin: 50px auto 100px;}
div.container .con {width: 1600px; margin: 0 auto;}
div.container .con p.con_title { height: 30px; font-size: 24px; color: #000; line-height: 30px; border-left: 5px solid #3ecde6; padding-left: 15px; font-family: "nanumGothicBold","돋움", sans-serif; margin-bottom:30px;}

div.table_topBox {width: 1120px; background-color: #fff; padding: 10px 40px;}