@charset "utf-8";

* {font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;}
a, abbr, address, article, aside, audio, body, canvas, caption, cite, dd, details, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, img, label, legend, li, menu, nav, object, ol, p, section, span, strong, summary, table, tbody, td, tfoot, th, thead, tr, ul, video{font-family: 'nsr','맑은고딕','Malgun Gothic',-apple-system;}

.main_wrap {position: relative;/* background: url(/template/A1/images/main/visual_bg.jpg)no-repeat center; */background-size:cover;background-position: center;background-repeat: no-repeat;}
.main_wrap .group {height: 900px;}
.main_wrap .group1 {float:left;width:55%;background: rgba(0,106,190,.95);}
.main_wrap .group2 {float:right; position:relative; width:45%; padding-right:80px;}
.main_wrap .group2 .obj {position:absolute; right:0; top:0; width:80px; height:100%; background:#fff url(/template/A1/images/main/text.png)no-repeat center 30px; font-size:0;}
.main_wrap .group2 .box1 {position: absolute;left: 0;bottom: 0;width: calc(100% - 80px);height: 280px;padding: 15px 0 0 30px;background:#fff;}
.main_wrap .group2 .box1 .main-board__skin {position:relative;border-bottom: 1px solid #ebebeb;}
.main_wrap .group2 .box1 .main-board__skin:after {display:block; clear:both; visibility:hidden; content:'';}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item {display: inline-block;margin: 0 20px 0 0;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item:after {display:block; clear:both; visibility:hidden; content:'';}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__title {display:block;position:relative;width:100%;height:55px;line-height:55px;font-size: 18px;font-weight: bold;color: #858585;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__title:before {display:block;position:absolute;right: -13px;top: 26px;content:'';width: 3px;height: 3px;border-radius:50%;background:#aaa;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__title:after {display:block;opacity: 0;position:absolute;left:0;bottom: 0px;content:'';width:100%;height: 3px;background:#004a84; transition:all 0.3s; -webkit-transition:all 0.3s; }
.main_wrap .group2 .box1 .main-board__skin .board__nav-item:last-child .board__title:before {display:none;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item.active .board__title {color: #004a84;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item.active .board__title:after {opacity:1; }
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content {display:none;position:absolute;left:0;top: 55px;width: 100%;height: 165px;padding: 0;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item.active .board__content {display:block;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul {}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul:after {display:block; clear:both; visibility:hidden; content:'';}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li {float:left;position:relative;width:50%;margin: 30px 0 0;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a {display:block;position: relative;width: 100%;padding-left: 72px;padding-right: 30px;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li strong {display:block;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a:hover strong,
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a:focus strong {text-decoration:underline;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li strong em {display:block;overflow: hidden;max-width: 100%;line-height: 1.4;text-align:left;font-size: 17px;font-weight: bold;color: #111;text-overflow: ellipsis;white-space: nowrap;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li strong .new {position:absolute;left: 2px;top: -11px;/* z-index: 1; */width: 23px;height: 23px;line-height: 25px;border-radius: 50%;background: #81d4fa;color:#fff;font-size: 12px;font-weight:bold;text-align: center;vertical-align: top;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li .board__item--date {display:block;position:absolute;top: 0;left:0;width: 72px;margin: 0;padding: 30px 0 0;text-align: center;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li .board__item--date em {display:inline-block;font-weight: 700;font-size: 12px;color: #111;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li .board__item--date em.day {position:absolute;left:0;top: 0;width:100%;line-height: 1;font-size:36px;text-align:center;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li .board__item--content {display: block;overflow: hidden;margin: 5px 0 0;text-overflow: ellipsis;white-space: nowrap;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a:hover .board__item--content,
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a:focus .board__item--content {text-decoration:underline;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__more {display: none;position:absolute;right: 30px;top: 19px;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item.active .board__more {display:block;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item.active .board__more a {display:block;width: 15px;height: 15px;font-size:0;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item.active .board__more a:before,
.main_wrap .group2 .box1 .main-board__skin .board__nav-item.active .board__more a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item.active .board__more a:before{width:100%;height: 2px;background: #333;}
.main_wrap .group2 .box1 .main-board__skin .board__nav-item.active .board__more a:after {width: 2px;height:100%;background: #333;}


#f-locateAnchor {width: 730px;height:100%;margin: 0 auto;padding: 130px 0 0;}
#f-locateAnchor:after {display:block; clear:both; visibility:hidden; content:'';}
#f-locateAnchor .title {margin:0 0 45px;    }
#f-locateAnchor .title img {}
#f-locateAnchor .title strong {display:block;margin: 20px 0 10px;line-height: 1;text-indent: -5px;font-size:40px;color:#fff;}
#f-locateAnchor .title strong span {display:inline-block;line-height: 1;font-weight:bold;}
#f-locateAnchor .title p {max-width:350px;font-size:17px; color:#fff;}
#f-locateAnchor .title p.p2 {display:none;}
#f-locateAnchor .locate-map {float:right;position: relative;width: 377px;text-align: right;}
#f-locateAnchor .locate-map img {}
#f-locateAnchor .locate-map .marker {}
#f-locateAnchor .locate-map .marker button {position:absolute;width: 25px;height: 25px;border-radius:50%;background: transparent;font-size:0;}
#f-locateAnchor .locate-map .marker button:before {}
#f-locateAnchor .locate-map .marker button.ov {}
#f-locateAnchor .locate-map .marker button.ov:before {display:block;position:absolute;left:50%;top: -21px;content:'';width: 28px;height: 33px;margin-left: -16px;background: url(/template/A1/images/main/marker2.png)no-repeat;-webkit-animation: vibes2 1.5s ease infinite;animation: vibes2 1.5s ease infinite;}
#f-locateAnchor .locate-map .marker button span {display: none;position: absolute;left: 50%;top: -43px;width: 60px;margin-left: -30px;font-size: 15px;font-weight: bold;color:#00346a;text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;}
#f-locateAnchor .locate-map .marker button.ov span {display:block;}
#f-locateAnchor .locate-map .marker button:focus {outline:1px dotted #000;}
#f-locateAnchor .locate-map .marker button.museum01 {left: 17%;top: 8.5%;}
#f-locateAnchor .locate-map .marker button.museum02 {left: 61.5%;top: 3.5%;}
#f-locateAnchor .locate-map .marker button.museum03 {left: 7%;top: 14%;}
#f-locateAnchor .locate-map .marker button.museum04 {left: 59%;top: 11.5%;}
#f-locateAnchor .locate-map .marker button.museum05 {left: 18%;top: 36%;}
#f-locateAnchor .locate-map .marker button.museum06 {left: 28%;top: 41%;}
#f-locateAnchor .locate-map .marker button.museum07 {left: 40.5%;top: 40.5%;}
#f-locateAnchor .locate-map .marker button.museum08 {left: 74%;top: 39%;}
#f-locateAnchor .locate-map .marker button.museum09 {left: 31%;top: 51%;}
#f-locateAnchor .locate-map .marker button.museum10 {left: 76%;top: 54%;}
#f-locateAnchor .locate-map .marker button.museum11 {left: 74%;top: 61%;}
#f-locateAnchor .locate-map .marker button.museum12 {left: 62%;top: 62%;}
#f-locateAnchor .locate-map .marker button.museum13 {left: 58%;top: 67%;}
#f-locateAnchor .locate-map .marker button.museum14 {left: 48%;top: 68%;}
#f-locateAnchor .locate-map .marker button.museum15 {left: 44%;top: 74%;}
#f-locateAnchor .locate-map .marker button.museum16 {left: 37%;top: 79%;}
#f-locateAnchor .locate-map .marker button.museum17 {left: 36%;top: 92.5%;}
#f-locateAnchor .locate-map .marker button.museum18 {left: 26%;top: 78%;}
#f-locateAnchor .locate-map .marker button.museum19 {left: 23%;top: 71%;}
#f-locateAnchor .locate-map .marker button.museum20 {left: 24.5%;top: 29.8%;}
#f-locateAnchor .locate-map .marker button.museum21{top:38%; left:44%}
#f-locateAnchor .locate-search {float:left;position: relative;width: 300px;margin: 50px 0 0;}
#f-locateAnchor .locate-search.on {padding-top:60px;}
#f-locateAnchor .locate-search >button {display:block;position: relative;width: 100%;height:60px;padding-left:30px;border-bottom: 2px solid #fff;background: url(/template/A1/images/main/marker.png)no-repeat left center;text-align: left;}
#f-locateAnchor .locate-search.on >button {display:none;}
#f-locateAnchor .locate-search >button:after {display: block;position: absolute;top: 25px;right: 15px;content: '';width: 6px;height: 6px;border: solid #fff;border-width:0 0 2px 2px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#f-locateAnchor .locate-search >button strong {display:block;line-height:60px;font-size: 22px;font-weight:bold;color: #fff;}
#f-locateAnchor .locate-search .clickClose3 {display: none;position:absolute;left:0;top: 0;width: 100%;height:60px;font-size:0;}
#f-locateAnchor .locate-search .clickClose3:after {border-width:2px 2px 0 0 ;}
#f-locateAnchor .locate-search.on .clickClose3 {display:block;}
#f-locateAnchor .locate-search .button-group {display:none;position: absolute;left: 0;top: 58px;z-index: 1;width:100%;height:315px;padding: 15px;border: 2px solid #fff;background: #0d72c1;}
#f-locateAnchor .locate-search.on .button-group {display:block;}
#f-locateAnchor .locate-search .button-group .mCSB_scrollTools {right: -10px;}
#f-locateAnchor .locate-search .button-group > .buttonwrap {overflow-y: auto;width: 100%;height: 100%;}
#f-locateAnchor .locate-search .button-group > .buttonwrap .div {}
#f-locateAnchor .locate-search .button-group > .buttonwrap .div button {display:block;width: 100%;line-height:40px;padding: 0 15px;font-size:18px;font-weight:bold;color:#fff;text-align: left;}
#f-locateAnchor .locate-search .button-group > .buttonwrap .div button.ov {}
#f-locateAnchor .locate-search .button-group > .buttonwrap .div button:hover,
#f-locateAnchor .locate-search .button-group > .buttonwrap .div button:focus {background:rgba(255,255,255,.1);}
#f-locateAnchor .locate-search .button-group > .buttonwrap .div .infotext {display:none;}

#f-locateAnchor .selectinfo {}
#f-locateAnchor .selectinfo strong {display:block;margin: 30px 0 0;padding-left: 15px;background: url(/template/A1/images/main/bul.png)no-repeat left 40%;font-weight:bold;font-size: 17px;color: #fff;}
#f-locateAnchor .selectinfo p {padding-left: 15px;color: #fff;font-size: 16px;}
#f-locateAnchor .selectinfo p a{color:#fff;}
#f-locateAnchor .selectinfo .btnwrap {margin: 25px 0 0;}
#f-locateAnchor .selectinfo .btnwrap:after {display:block; clear:both; visibility:hidden; content:'';}
#f-locateAnchor .selectinfo .btnwrap a {display:inline-block;width: 100%;height:50px;line-height:48px;border: 1px solid #fff;border-radius:10px 0 10px 0;text-align:center;font-size: 16px;color: #fff;}

@media(max-width:1500px){
    .main_wrap .group1 {width:825px;}
    .main_wrap .group2 {width:calc(100% - 825px);}
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li {float:none;width:100%;}
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li:nth-child(3),
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li:nth-child(4) {display:none;}
}
@media(max-width:1299px){
    .main_wrap .group {height:auto;}
    .main_wrap .group1 {float:none; width:100%;}
    .main_wrap .group2 {float:none; width:100%;padding:0;}
    .main_wrap .group2 .obj {display:none;}
    .main_wrap .group2 .box1 {position:static;width:100%;padding: 15px 30px 0;}
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li {float:left;width:50%;}
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li:nth-child(3),
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li:nth-child(4) {display:block;}
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item.active .board__more {right:0;}

    #f-locateAnchor {width: 100%;max-width: 800px;padding: 100px 30px 75px;}
}

@media(max-width:767px){
    #f-locateAnchor {padding: 55px 20px 40px;}
    #f-locateAnchor .title {text-align:center;}
    #f-locateAnchor .title img {height:33px;}
    #f-locateAnchor .title strong {position:relative;line-height: 1.3;margin: 20px 0 60px;font-size:30px;text-indent:0;}
    #f-locateAnchor .title strong:after {display:block;position:absolute;left:50%;bottom: -45px;content:'';width:1px;height:30px;background:#fff;}
    #f-locateAnchor .title strong em {display:block;}
    #f-locateAnchor .title p {margin:0 auto;}
    #f-locateAnchor .title p.p1 {display:none;}
    #f-locateAnchor .title p.p2 {display:block;}

    #f-locateAnchor .locate-map {display:none;}
    #f-locateAnchor .locate-search {float: none; width:100%; max-width:500px; margin:0 auto;}
}

@media(max-width:580px){
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li {float:none;width:100%;}
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li:nth-child(3),
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li:nth-child(4) {display:none;}
    .main_wrap .group2 .box1 .main-board__skin .board__nav-item .board__content ul li a {padding-right:0;}
}