@charset "utf-8";
/* 메인페이지 */
body, header, div, nav, article, input, section, footer, h1, h2, h3, h4, hr, ul,li,p,dl,dt,dd,iframe { margin: 0; padding: 0; }
.hidden { display: none;}
input, hr{ border-style: none; }
ul, li { list-style: none; }
a { text-decoration: none; }

/* header 영역 */
.menuFixed{position: fixed; top: 0px;}

/*hr구조 삭제 - 헤더 밑에 border 넣음*/
header { min-width: 100%; height: 80px; margin:0 auto; background-color:#fff; border-bottom:1px solid #e7e7e7; box-sizing:border-box; z-index:2;}
header div#header_area{ height:80px; margin:0 auto; }

header div#header_area div.left { float: left; }
header div#header_area div.left h1 { float: left; }
header div#header_area div.left img { float: left; margin-left: 30px; width: 180px; height: 40px; padding-top: 20px; }

div#center_nav { min-width: 1293px; height: 80px; margin:0 auto; font-family:'NanumSquare';}
div#center_nav div#main_nav { height: 80px; line-height: 90px; }
div#center_nav div#main_nav ul { overflow: hidden; width: 1010px; margin: 0px auto; }
div#center_nav div#main_nav ul li { width: 160px; float: left; text-align: center; }
div#center_nav div#main_nav ul  li a { color: black; font-size: 18px; font-weight: bold; }
div#center_nav div#main_nav ul  li a:hover { color: #69c3ae; font-size: 18px; font-weight: bold; }

/* li 높이 넓힘 + 밑에 선 추가 + z-index 추가*/
div#center_nav div#sub { background: #fcfcfc; width: 100%; position: absolute; top: 80px; line-height: 60px; z-index:100; border-bottom:1px solid #ececec;}
div#center_nav div#sub div#sub_menu { overflow: hidden; width: 900px; margin: 0px auto; padding-bottom: 25px; text-align: center;}
div#center_nav div#sub div#sub_menu ul.menu { width: 180px; float: left; }
div#center_nav div#sub div#sub_menu ul.menu li { height: 30px; padding-bottom: 8px; }
div#center_nav div#sub div#sub_menu ul.menu li span { color: #69c3ae; font-size: 18px; font-weight: bold; }
div#center_nav div#sub div#sub_menu ul.menu li a { color: #898989; font-size: 14px; }
div#center_nav div#sub div#sub_menu ul.menu li a:hover { color: black; }

header div#header_area div.right { float: right; padding-right: 15px; bottom: 50px; position: relative; }
header div#header_area div.right div { display: block; margin-left: 20px; }
header div#header_area div.right div a { color: black; font-size: 12px; }
header div#header_area div.right div a:hover { color: #2a9c85; font-size: 12px; }
header div#header_area div.right div:nth-child(1) {  float: left;  width : 68px; height: 30px; border: 1px solid #333333; text-align: center; line-height: 28px; font-weight: bold; }
header div#header_area div.right div:nth-child(1):hover { display: block; border: 1px solid #2a9c85; }
header div#header_area div.right div:nth-child(2) { float: left;  width : 94px; height: 30px; border: 1px solid #333333; text-align: center; line-height: 28px; font-weight: bold; }
header div#header_area div.right div:nth-child(2):hover { border: 1px solid #2a9c85; }
header div#header_area div.right div:nth-child(3) { float: left; }
header div#header_area div.right div img { width: 23px; height: 28px; }


/* visual 영역 */
div#wrap{width:1280px; margin:0 auto; }

/* article 영역 */
article {height:344px; background:#fff;}
div#topmenu{width:100%; height:23px; margin:30px 0 45px;}
div#topmenu ul{float:right; background:#fff;}
div#topmenu li{float:left; font-size:14px; margin:0 5px; line-height:23px;}
div#topmenu li a {color:#636363;}

ul.right li p{width:9px; height:9px; border-top:1px solid #636363; border-right:1px solid #636363; transform:rotate(45deg); margin:7px 0 0;}
ul.right li:nth-child(3) a{color:#000 !important;}

/*박물관 소개*/
article h2{height:54px; font-size:45px; margin:20px 0 0px; text-align:center; font-family:'NanumSquare';font-weight:700; line-height:54px;}

div.middle_menu{height:37px; margin:40px 0 30px; }
div.middle_menu ul.menu{width:555px; height:100%; margin:0 auto; line-height:35px;position:relative; font-family: 'Apple SD Gothic Neo', Arial, sans-serif;}
div.middle_menu ul li a{float:left; color:#636363; padding:4px 18px; font-size:15px;}
div.middle_menu ul li:nth-child(1) a{ color:#000; z-index: 50;}
div.middle_menu ul li:nth-child(1)::after{content:""; width:152px; height:35px; display:block; position:absolute; border:1px solid #000; border-radius:40px; clear:both; top:2px; left:2px;}


div#wrap div.line{height:85px; background:url(../img/83e56964a6e7c.png)no-repeat;}

/** section **/
.section_wrap{width:1200px; margin:0 auto; margin:0 auto; background-color:#fff;}
#padding_01{height:-300px; margin:10px; margin:0 auto; }
.text-table_01 h6{height:5px;  margin-top:10px; margin-bottom:10px; text-align: center; font-size:30px; line-height:1;}
#padding_02{ height:5px;}
span.title_02{display:inline-block; width:100%; height:5px;  margin-top:5px; margin-bottom:5px; text-align: center; font-size:20px; line-height: 1.7; font-style:normal;}
#padding_03{ height:50px;}
.text-table_03 h5{ height:25px;   margin-top:10px; margin-bottom:10px; text-align: center; font-size:20px; line-height: 1.7; color:rgb(34, 167, 179);}
.text-table_04{height:108px;   text-align: center; font-size: 16px; font-weight: normal; font-style: normal; line-height: 1.5;}
#padding_04{ height:60px;}

.list_wrap { display:block;background-color: #fff;}
.list_wrap .list_bg:after{content:'';display:block; clear:both;}
.list_wrap li{width:292.25px; height:200px; display:block;float:left; margin-right:10px;  background-color: #5e5e5e; background-size: contain !important;}

/* footer 영역 */
footer { height: 245px; font-family: 'Spoqa Han Sans Neo', sans-serif;}
footer div.footer_wrap { width: 1597px; height:245px; margin: 0px auto; }
footer div.footer_wrap hr { height: 2px; background: #f5f5f5;  margin-bottom: 3px;}
footer div.footer_wrap ul.left_top li{ float : left; padding-right: 20px;  }
footer div.footer_wrap ul.left_top li a { color: #999999; }
footer div.footer_wrap ul.left_top li:last-child a{color:#000;}
footer div.footer_wrap ul.left_top li a:hover { color: black; }

footer div.footer_wrap div.right_top { float: right; }
footer div.footer_wrap div.right_top { float: right; }
footer div.footer_wrap div.right_top div { float: left; margin-left:  20px; }
footer div.footer_wrap div.right_top div:nth-child(1) { width : 68px; height: 30px; border: 1px solid #999999; text-align: center; line-height: 28px; }
footer div.footer_wrap div.right_top div:nth-child(1):hover { display: block; border: 1px solid #2a9c85; }

footer div.footer_wrap div.right_top div:nth-child(2) { float: left;  width : 98px; height: 30px; border: 1px solid #999999; text-align: center; line-height: 28px; }
footer div.footer_wrap div.right_top div:nth-child(2):hover { display: block; border: 1px solid #2a9c85; }
footer div.footer_wrap div.right_top div { float: left; }
footer div.footer_wrap div.right_top div a { color: #999999; font-size: 14px; }
footer div.footer_wrap div.right_top div a:hover { color: #2a9c85; }

footer div.footer_wrap div img { position: relative; width: 73px; height: 98px; bottom: -95px; left: -560px;}

footer div.footer_wrap dl { position: relative; left: 100px; top: -18px; line-height: 30px; font-size: 14px; color: #999999; font-weight: bold; }
footer div.footer_wrap div.privacy > p{float:right; font-size:14px; color:#999999; font-weight:bold; position:relative; top:-18px;}
footer div.footer_wrap span { position: relative; left: 100px; top: -18px; font-size: 11px; color: #9e988e; font-family: 'NanumSquare', sans-serif;}