@charset "UTF-8"; /*JJ*/

.container {position:relative; height:100%; background:#fff;}


/* 서브 메뉴 */
.nav {background:#fff; height:100px; position:relative; border-bottom:1px solid #e9e9e9}
.nav_bg {position:relative;}
.nav_bg h1 {width:220px; height:100px; float:left;}
.nav_bg h1 a {display:block; height:100px; line-height:110px;}
.nav_wrap_bg {background:#fff; z-index:100; position:absolute;left:0; width:100%; border-bottom:1px solid #84b2d4;}
.lnb {}
.lnb > ul{float:right;}
.lnb > ul:after{content:"";display:block; clear:both;}
.lnb > ul > li{float:left; width:135px; position:relative; height:100px; line-height:100px; font-size:18px; letter-spacing:-2px;}
.lnb > ul > li > a{display:block;text-align:center; font-weight:600; color:#231916}
.lnb > ul > li > a.ch {background:url("../img/lnb_bg2.png"); color:#0068b7; }
.lnb .menu{position:absolute; width:100%; z-index:99999; }
.lnb .menu.ch{background:url("../img/lnb_bg2.png"); color:#fff}
.lnb .menu{position:absolute;width:100%;}
.lnb .menu ul{padding-bottom:10px; margin-top:5px; }
.lnb .menu ul li{font-size:13px; height:30px; line-height:30px; text-align:center; }
.lnb .menu ul li a{display:block; font-weight:600; color:#222}
.lnb .menu ul li a:hover{background:#0068b7; color:#fff; -webkit-transition:0.5s ease; transition:0.5s ease;}



/* 서브 컨텐츠 */
.sub_content {width:100%; position:relative; height:100%; padding-bottom:60px;}
.sub_content:after{content:"";display:block; clear:both;}
.sub_content .sub_map {width:100%; position:relative; border-bottom:1px solid #e9e9e9; height:35px; }
.sub_content .sub_map ul {float:right; line-height: 35px; font-size:12px; color:#888;}
.sub_content .sub_map ul li {float:left; margin:0 7px;}
.sub_content .sub_map ul li.current {color:#333; line-height:20px; margin:7px 0 0 7px; border-bottom:1px solid #333;}

.sub_content .sub_title {height:115px; position:relative;}
.sub_content .sub_title .con {border-bottom:1px solid #ddd; height:115px;}
.sub_content .sub_title .sub_txt {text-align:center; padding-top:35px;}
.sub_content .sub_title .sub_txt li:first-child {font-size:18px; font-weight:600; color:#333; text-transform:uppercase}
.sub_content .sub_title .sub_txt li:last-child {font-size:15px; font-weight:600; color:#bdbdbd;}

.sub_content .sub_title .title_nav {position:absolute; top:35px; width:1200px;}
.sub_content .sub_title .title_nav li:first-child {float:left;}
.sub_content .sub_title .title_nav li:last-child {float:right;}

.sub_content .sub_con {width:1100px; margin:0 auto; padding:80px 0; min-height:400px; height:100%;}


/*상설전시*/

.collection {width:100%; height:230px; position:relative; background:#f5f5f5; text-align:center; letter-spacing:-2px}
.collection h2 {padding-top:65px; font-size:36px; color:#000; }
.collection h3 {margin-top:5px; font-size:20px; color:#999; font-weight:600}




/* 미술관 주변 */
.place_wrap h1 {font-size: 30px;color: #484848;font-weight:bold;}
.place_wrap h2.place_tit {font-size:25px;color:#000;font-weight:600;padding: 0 0 0 55px;}
.place_wrap p.place_tell {font-size:18px;background: url("/src/img/sub/bullet_new.png") left 10px no-repeat;padding: 0 0 0 13px;    margin: 0 auto;
    width: 100%;
    max-width: 900px;}
.place_wrap p.place_info {font-size:18px;background: url("/src/img/sub/bullet_new.png") left 10px no-repeat;padding: 0 0 0 13px;width: 100%;
    max-width: 900px; margin:0 auto;
}

/* .place_wrap .place_img {border:1px solid #ddd;} */