@charset "UTF-8";
@import url(new_fonts.css);
@import url(new_common.css);

/* contents common */
.bat { display: inline-block; margin-right: 10px; }
.bat span { display: inline-block; font-size: 14px; border: solid 1px #b5badc; color: #283483; background: #fff; padding:4px 8px; border-radius: 3px;}
.bat span + span {margin-left:5px;}

.sub-contents .bd-view-btns { text-align: center; padding: 40px 0;}
.sub-contents .bd-view-btns a { display: inline-block; color:#fff; width:120px; height: 36px; line-height: 36px; font-size:15px; background: #283483; }
.sub-contents .bd-view-btns a+a {margin-left: 10px;}
.sub-contents .bd-view-btns .btn-gray, .sub-contents .bd-view-btns .g  { background: #555; color: #fff}

/* 통합검색 */
.sub-search-all {padding:70px 20px;}
.sub-search-all .kd { color:#E83B3B !important;}
.search-all { background:#f5f6f9; padding:30px;margin-bottom: 80px;}
.search-all .all-search-wrapper { max-width: 700px; margin: 0 auto;position: relative; width: 100%;}
.search-all .search-form {position: relative;padding-bottom: 50px;}
.search-all .add-check {position: absolute; bottom: 0; left: 0; font-size: 16px; color:#333;height: 30px;line-height: 30px;}
.search-all .form-input { width: 100%; box-sizing: border-box; position: relative;}
.search-all .form-input input {width: 100%;  padding: 0 60px 0 20px; background-color: #fff; border: 0;font-size: 18px;box-sizing: border-box;height: 50px;line-height: 50px;}
.search-all .btn-search { position:absolute; right:15px; top:50%; display: block; width: 24px; height: 24px;
  background: url(../images/ic-com-search-basic.png) no-repeat center center; font-size: 0; margin-top: -12px;}
.search-all .btn-search:hover {background-image: url(../images/ic-com-search-basic-over.png)}
.search-all .btn-detail-search-open {width: 120px; height: 30px; line-height: 28px; color:#fff; background: #454545;position: absolute;right: 0;bottom: 0;font-size: 16px;}
.search-all.on-detail .search-form { display: none; }

.on-detail .detail-search-form { display: block;}
.detail-search-form .s-title { margin-bottom: 10px;}
.detail-search-form .s-title h2 {color: #111426; font-size: 24px; font-weight: 600;}
.detail-search-form .s-title .btn-detail-close {position:absolute; right:0; top:0; height: 16px; width: 16px; background: url(../images/ic-close-thin.png) no-repeat center center; font-size:0; line-height:0;}
.detail-search-form { display: none;}
.field-list {margin-bottom:30px;}
.field-list li { padding:20px 0; border-bottom:1px solid #ebebeb;display: flex;align-items: center;}
.field-list li > .i-tlt { width: 130px; color:#333; }
.field-list .i-form { width: 100%;color: #333;}
.field-list .i-form .d-keyword  { width: 100%; box-sizing: border-box;  border:0; padding: 7px 10px; font-size: 16px;}

.field-list .i-form input[type=radio]+label { padding-left: 2px;margin-right: 10px;}
.field-list .select-date { display: inline-block; padding-top: 5px;}
.field-list .select-date .f1:after,
.field-list .select-date .f2:after{ content: ""; display: block; width:14px; height:15px; top:50%; right:8px; background:url(../images/ic-datepicker-cal.png) no-repeat center center;position: absolute;margin-top: -8px;}
.field-list .select-date span { display:inline-block; position:relative;}
.field-list .select-date span input[type=text] { width: 110px; box-sizing: border-box;height: 34px;line-height: 34px; border: 1px solid #ccc; padding: 0 8px;font-size: 15px;}

.detail-search-form .section-btns {text-align: center;}
.detail-search-form .section-btns button {width: 120px; height: 40px; background-color: #454545; color:#fff; font-size: 16px;}
.detail-search-form .section-btns button+button { margin-left: 10px;}
.detail-search-form .section-btns .btn-detail-close-large { background: #454545}
.detail-search-form .section-btns .btn-detail-close { background: #454545}
.detail-search-form .section-btns .btn-go-dt-search { background: #283483;}

.search-result-msg p {font-size: 24px;  text-align: center; color:#111426; margin-bottom: 80px; }
.search-result-msg p .kd, .search-result-msg p strong { color:#E83B3B;font-weight: 500;}
.search-result-msg p strong { font-weight: 500;}

.result-tab {width: 100%;overflow: auto;overflow-y: hidden; margin-bottom:40px; -ms-overflow-style: none; scrollbar-width: none; border-bottom: 1px solid #ccc}
.result-tab::-webkit-scrollbar { display: none; }

.result-tab ul { white-space:nowrap;width: auto;}
.result-tab ul li { display: inline-block; margin-right: 30px;font-size: 16px; }
.result-tab ul li a { padding:10px 0;display: block; position: relative; color: #666;}
.result-tab ul li a:hover {color: #ed561a}
.result-tab ul li .on {font-weight: 500; color:#111426}
.result-tab ul li .on:after { content: ""; position: absolute; display: block; height: 2px; width: 100%; background: #111426; bottom:0px;}

.result-section .section-title h3 { font-size: 24px; display:inline-block; margin-right:10px; color: #111426; font-weight: 600; margin-bottom:15px;}
.result-section .section-title .tx-cnt-info strong {color:#e83b3b}
.result-section .menu-name {position:relative; background: #f7f7f7; padding: 12px 20px; margin-bottom: 20px;}
.result-section .menu-name h4 { display: inline-block;font-weight: 500;font-size: 18px;}
.result-section .menu-name .cnt {font-size: 14px; padding-left: 10px;}
.result-section .menu-name .more {float:right; font-size:14px; font-weight:500; color:#111426; background:url(../images/ic-more-plus.png) no-repeat right center / 10px; padding-right:15px}

.r-list, .r-list-img-type { margin-bottom: 30px;}
.r-list li { position:relative; padding:0 10px 20px 10px; margin-bottom: 20px; border-bottom:1px solid #eee; }
.r-list li:last-child { border:0;padding-bottom: 0;margin-bottom: 0;}
.r-list li .sb { font-size:16px; margin-bottom: 10px;padding-right: 150px;}
.r-list li .sb a { color:#333; font-weight: 400;line-height: 150%;}
.r-list li .sb a:hover { text-decoration: underline;}
.r-list li .ds { font-size: 14px; color:#555; line-height:22px;}
.r-list li .date {position:absolute; right:20px; top:5px; color:#aaa; font-size: 14px;float: right;font-weight: 300;z-index: 1;}

.r-list-img-type li {float:left; width: 50%;display: flex;align-items: center;}
.r-list-img-type:after { content: ""; display:block; clear: both;}
.r-list-img-type .img-box { display: flex; align-items: center; float:left; width: 110px; height: 150px; background:#f6f6f6; margin-right:15px;flex: 0 0 auto;}
.r-list-img-type img { width: auto; height: auto; max-width:100%; max-height:100%; -ms-flex: 0 0 auto;}

.r-list-img-type li .sb { font-size:16px; margin-bottom: 10px; }
.r-list-img-type li .sb a { color:#333; font-weight: 400;}
.r-list-img-type li .sb a:hover { text-decoration: underline;}
.r-list-img-type li .ds { font-size: 14px; color:#555; line-height:22px;}
.r-list-img-type li .date {position:absolute; right:0; top:5px; color:#aaa; font-size: 14px;float: right;font-weight: 300;}
.r-list-img-type li .text-box {width: 100%;}

.no-result .large-msg { font-size: 24px; margin-bottom:20px;}
.no-result .dir-msg li { color:#454545; line-height: 180%;}

.result-tab+.result-inner-tab { margin-top: -20px; overflow: auto;overflow-y: hidden;white-space: nowrap;padding-bottom: 10px;}
.sub-search-all .result-inner-tab {margin-bottom: 15px;}
.sub-search-all .result-inner-tab li { display: inline-block; font-size:  16px;}
.sub-search-all .result-inner-tab li+li { border-left:1px solid #ccc; padding-left: 10px; margin-left: 10px;}
.sub-search-all .result-inner-tab li .on {color: #111426; font-weight: 500;}

.sub-search-all .list-header {margin-bottom: 15px;;}
.sub-search-all .list-header:after, .list-header .ui-sort:after { content: ""; display: block; clear: both;}
.sub-search-all .list-header .ui-sort { float:right;}
.sub-search-all .list-header li { display: block; float:left; font-size:  13px;}
.sub-search-all .list-header li+li { background:url(../images/blt_dot_1px.png) no-repeat left center; padding-left: 10px; margin-left: 10px;}
.sub-search-all .list-header li .on {color: #111426; font-weight: 500;}

/* pageing */
.paging {text-align: center; padding:40px 0;}
.paging > div { display: inline-block;}
.paging .pbtn a {display: inline-block; width: 30px; height: 30px; font-size: 0; line-height: 0; background-repeat: no-repeat; background-position: center; background-size: auto;vertical-align: middle;} 
.paging .page-num a { display:inline-block; font-size:15px; position: relative;top: 2px;padding: 0 10px;}
.paging .page-num a:hover {text-decoration:underline}
.paging .page-num .now {color:#111426; font-weight: 600; text-decoration: underline;}
.paging .pbtn .btn-page-first {background-image: url(../images/ic-page-first.png);}
.paging .pbtn .btn-page-prev {background-image: url(../images/ic-page-prev.png)}
.paging .pbtn .btn-page-next {background-image: url(../images/ic-page-next.png)}
.paging .pbtn .btn-page-last {background-image: url(../images/ic-page-last.png)}

/* facet 레이아웃 */
.contents-view:after {content:""; display: block; clear: both;}
.contents-view .facet {position: relative; width: 260px;float: left;}

.facet > div { border-top:2px solid #454545;}
.facet .m-view-select { display: none;}
.facet .ls-t { padding:15px; font-size:17px; font-weight:500; border-bottom:1px solid #ccc;margin-bottom: 10px;}

.facet .inner-ls-selecttype + .year-select { border:0;display: none;}
.facet .inner-ls-selecttype .ls-t{ padding:15px; font-size:17px; font-weight:500; border-bottom:1px solid #ccc;margin-bottom: 10px;}
.facet .inner-ls-selecttype > ul > li {font-size: 16px; color: #454545;display: block;}
.facet .inner-ls-selecttype .fd-radio {display:block;position: relative;overflow: hidden;box-sizing: border-box;}

.facet .year-select { background: #F8F8F8;}
.facet .year-select .inner-t {background: #F8F8F8;padding: 15px;display: block;font-size: 15px;font-weight: 500;}
.facet .year-select .list-open { display: none;}
.facet .year-select li { font-size: 15px; color: #454545;}


.facet .inner-ls {margin-bottom:32px;}
.facet .inner-ls ul li {  font-size: 16px; color: #454545;}
.facet .fd-check {box-sizing: border-box; position: relative;padding-left: 15px;display: block; overflow: hidden;}
.facet .fd-check label {display: block;width: 100%;padding: 12px;box-sizing: border-box;}
.facet .fd-check input[type="checkbox"] {-webkit-appearance: none; appearance: none; background-color: #fff;  margin: 0;position: absolute; left:-300px}
.facet .fd-check input[type="checkbox"]+label {background:url(../images/ic-checkbox-off.png) no-repeat left center;padding-left: 30px;}
.facet .fd-check input[type="checkbox"]:checked+label {background:url(../images/ic-checkbox-check.png) no-repeat left center;}
.facet .fd-check input[type="checkbox"]:focus+label:after {content:""; position:absolute; top:0;left:0; display:block; border:2px solid #000; width:100%; height:100%; box-sizing:border-box;}

.facet .fd-radio label {display: block;width: 100%;padding: 15px;box-sizing: border-box; }
.facet .fd-radio input[type="radio"] {-webkit-appearance: none; appearance: none; background-color: #fff;  margin: 0;position: absolute; left:-300px}
.facet .fd-radio input[type="radio"]:checked+label { color: #283483;font-weight: 500;background: #F5F6F9;}
.facet .fd-radio input[type="radio"]:focus+label:after {content:""; position:absolute; top:0;left:0; display:block; border:2px solid #000; width:100%; height:100%; box-sizing:border-box;}

.facet .inner-child .inner-t {background: #F8F8F8;padding: 15px;}
.facet .inner-child ul {background: #F8F8F8;}
.facet .inner-child li { font-size: 16px; color: #454545;}
.facet .scrolled {overflow: auto; overflow-x: hidden;max-height: 240px;}

.facet .scrolled::-webkit-scrollbar{ width: 5px; height: 5px;}
.facet .scrolled::-webkit-scrollbar-thumb{background: #B3AFB3;border-radius: 0px;}
.facet .scrolled::-webkit-scrollbar-thumb:hover{background: #B3AFB3;}
.facet .scrolled::-webkit-scrollbar-track{background: #F0F0F0;border-radius: 0px; box-shadow: inset 0px 0px 0px 0px #F0F0F0;}

.facet .list-open { font-size:16px; padding:10px 0;  color:#333; font-size:16px; font-weight:500; text-align: left; 
  border-bottom:1px solid #ccc; background: url(../images/ic-facet-off.png) no-repeat right center; display: block; width: 100%; box-sizing: border-box;  
font-family: 'Noto Sans KR'; display: none; }

/* 온라인 박물관 */
.result-view {position:relative; float: right; width: calc(100% - 260px - 80px);border-top: 2px solid #454545; box-sizing: border-box;}
.list-header { position: absolute; top: -50px; right: 0; }
.list-header:after { content: ""; display: block; clear: both;}
.list-header .inner-search-field {position: relative;float: right; width: 300px; vertical-align: middle;display: flex;align-items: center;}
.list-header .inner-search-field input { width: 100%;height: 33px;font-size:13px; color:#666; padding: 8px 30px 8px 8px; border-radius: 1px; border: solid 1px #ccc; box-sizing: border-box;padding-right: 30px;}
.list-header .inner-search-field .btn-inner-search { position: absolute;background: url(../images/ic-result-search.png) no-repeat center;font-size: 0;width: 20px;height: 20px;right: 10px;top: 50%;margin-top: -10px;}
.list-header .inner-search-field select {padding: 5px 20px 5px 10px; font-family: inherit; background: #fff url(../images/ic-select-arr-basic.png) no-repeat right 8px center;
    -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #d0d0d0; cursor: pointer; color: #767676; font-family: 'Noto Sans KR', sans-serif; font-size:1em;
    border-radius: 2px;}
.list-header .add-select select { width:95px; margin-right: 5px;}
.list-header .add-select input[type=text] { width:calc(100% - 100px);}

/* 온라인 박물관 */
.ls-online-img { padding-top:10px; margin: 0 -20px 20px -20px;box-sizing: border-box;}
.ls-online-img ul li { float: left;width: 33.33%;  box-sizing: border-box;}
.ls-online-img ul:after {content: ""; display: block; clear: both;}
.ls-online-img ul li a { display: block; padding: 20px 15px; box-sizing: border-box; }
.ls-online-img ul li .img-box {position:relative; height: 200px; display: flex; align-items: center; text-align: center;justify-content: center; margin-bottom:20px; background: #F7F7F7;}
.ls-online-img ul li .img-box .ic-plus { display: none; position: absolute;  width: 40px; height: 40px; top:50%; left: 50%; margin-top:-20px; margin-left: -20px;
  background: url(../images/ic-thumb-plus.png) no-repeat center; z-index:10;}
.ls-online-img ul li .img-box img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-flex: 0 0 auto;}

.ls-online-img ul li a:hover .img-box:after {content: ""; display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.7)}
.ls-online-img ul li a:hover .ic-plus { display: block;}

.ls-online-img .bat { margin-bottom: 14px;}
.ls-online-img .bat span { padding:2px 5px; border-radius: 3px;}
.ls-online-img .date span { border:0; color:#666;}
.ls-online-img .sb { height: 60px; font-size: 20px; font-weight: 500; line-height: 1.4;
  letter-spacing: -0.5px; text-align: left; color: #000; overflow: hidden;}

/* 온라인 박물관 - 상세 */
.online-view .bd-view-header {border-top: 2px solid #454545; padding:20px 10px; border-bottom: 1px solid #ccc; margin-bottom: 40px;}
.online-view .bd-view-header .bd-view-title .bat span { display: inline-block; font-size: 14px; border: solid 1px #b5badc; color: #283483; background: #fff; padding:4px 8px; border-radius: 3px;line-height: 100%;}
.online-view .bd-view-header .bd-view-title h3 {display: inline-block; font-size: 20px; font-weight:500;line-height: 1.5;padding: 0;background: none;margin: 0;}
.online-view .inner-img-view,
.online-view .inner-vod-view,
.online-view .inner-youtube-view { position: relative; text-align: center; margin-bottom: 50px;}
.online-view .title-sub-info {padding-top:15px;}
.online-view .title-sub-info .lb { margin-right:20px; font-size: 14px;}
.online-view .title-sub-info .tx {color:#222222; font-size: 14px;} 

.online-view .inner-img-view img {width: auto; height: auto; max-height: 100%; max-width: 100%;  -ms-flex: 0 0 auto;}
.online-view .inner-img-view .btn-vr-open { display: block; width: 138px; height: 42px; line-height: 42px;
  border-radius: 30px; background: #000; box-sizing: border-box; color:#fff; font-size:15px; text-align: left;padding-left: 30px;position: absolute; left: 50%; bottom: 30px; margin-left: -69px;}
.online-view .inner-img-view .btn-vr-open:after {content: ""; position:absolute; top:16px; right:30px; width:14px; height:10px; background: url(../images/ic-arr-right-w-sm.png) no-repeat center;transition: right 0.3s;}
.online-view .inner-img-view .btn-vr-open:hover:after { right: 20px;}


/* 문화행사 */
.ls-culture-img { padding-top:10px; margin: 0 -20px 20px -20px;box-sizing: border-box;}
.ls-culture-img > ul > li { float: left;width: 33.33%;  box-sizing: border-box;margin-bottom: 40px;}
.ls-culture-img > ul:after {content: ""; display: block; clear: both;}
.ls-culture-img > ul > li a { display: block; padding: 20px; box-sizing: border-box; height: 624px;}
.ls-culture-img > ul > li .img-box {position:relative; height: 400px; display: flex; align-items: center; text-align: center;justify-content: center; margin-bottom:20px; background: #F7F7F7;}
.ls-culture-img > ul > li .img-box .ic-plus { display: none; position: absolute;  width: 100%; height: 100%; top:0; left: 0; background:rgba(0,0,0,0.7) url(../images/ic-thumb-plus.png) no-repeat center; }
.ls-culture-img > ul > li .img-box img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-flex: 0 0 auto;}
.ls-culture-img > ul > li a:hover .ic-plus { display: block;}
.ls-culture-img .bat { margin-bottom: 14px;}
.ls-culture-img .bat span {padding:2px 8px;}
.ls-culture-img .sb { max-height: 60px; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.5px; text-align: left; color: #000; overflow: hidden; margin-bottom: 20px;}
.ls-culture-img .img-box .stat-tag { position: absolute; top:0; right: 0; text-align: right;}
.ls-culture-img .img-box .stat-tag span {display: inline-block; padding:5px 10px; color:#fff; font-size: 14px; width: auto; }
.ls-culture-img .img-box .stat-tag span.plan {background:#283483}
.ls-culture-img .img-box .stat-tag span.open { background:#CD3C3C;}
.ls-culture-img .img-box .stat-tag span.close {background:#5D5E65}
.ls-culture-img .sb-info { color: #666666; font-size:15px;}
.ls-culture-img .sb-info li { margin-bottom:8px;}
.ls-culture-img .sb-info li .lb { display: inline-block; border-right:2px solid #e5e5e5; padding-right:8px; margin-right:8px;}

/* 문화행사 상세 */
.culture-view {border-top:2px solid #454545; padding-top:40px;}
.culture-view .bd-view-header {position: relative;padding-left: calc(480px + 80px);min-height: 630px;border-bottom: 1px solid #666;box-sizing: border-box;}
.culture-view  .bd-view-title {margin-bottom:39px;}
.culture-view .bd-view-title .bat { margin-bottom:12px; }
.culture-view .bd-view-title .sb {font-size: 32px; font-weight: 500; font-style: normal; line-height: 1.5; letter-spacing: -0.8px;  text-align: left; color: #111426; padding:0; margin: 0; background: none;}
.culture-view .bd-view-header .img-box {width: 480px;  height: 580px; background-color: #fafafa; display: flex; align-items: center; text-align: center;justify-content: center;
  position: absolute;left: 0; top: 0;}
.culture-view .bd-view-header .img-box img {width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-flex: 0 0 auto;}
.culture-view .bd-view-header .sb-info { padding: 20px 29px 29px 24px; border: solid 1px #ccc; background-color: #f8f8f8;}
.culture-view .sb-info ul li {background: url(../images/blt-dot.png) no-repeat left top 9px; padding-left:10px;color: #595959; margin-bottom: 10px;display: flex;line-height: 150%;}
.culture-view .sb-info ul li:last-child {margin-bottom: 0;}
.culture-view .sb-info span { display: inline-block;width: 100%;}
.culture-view .sb-info .tt {width: 140px; color: #222;}
.culture-view .bd-view-contents {padding-top:60px; }
.culture-view .bd-view-contents .inner-con { margin-bottom: 30px;}
.bd-view-contents .inner-con > img { width:auto; max-width: 100%; min-height: 100%;}
.culture-view .event-section:last-child { border:0;}
.culture-view .event-section .event-btns {text-align: center;}
.culture-view .event-section .btn-event-open {  height: 34px;  padding: 6px 16px;  border-radius: 17px;  border: solid 1px #111426;  background-color: #fff;
font-size: 15px;  font-weight: 500;  text-align: center;  color: #111426; font-family: 'Noto Sans KR';}

.event-layer.on { display: block !important;}
.event-layer { display:none; position: fixed; height: 100%; width: 100%; top:0; left: 0; z-index: 9000;overflow: auto;overflow-x: hidden;box-sizing: border-box;padding: 110px 20px;background: rgba(0,0,0,0.4);}
.event-layer .layer-wrap { max-width: 730px; background: #fff;width: 100%;margin: 0 auto; position: relative; z-index: 10; }
.event-layer .layer-header {position:relative; height: 60px; padding: 18px 30px 16px; background-color: #111426; color: #fff; box-sizing:border-box;overflow: hidden; }
.event-layer .layer-header .layer-title {font-size: 20px; }
.event-layer .btn-event-close { position: absolute; right: 32px; top:20px; width:20px; height:20px; background:url(../images/ic-layer-close-w-bold.png) no-repeat center; font-size:0;}
.event-layer .layer-body {padding:0px 30px 0 30px;}
.event-layer .p-title {font-size: 16px; font-weight: 500;  text-align: left; color: #000; margin-bottom:10px;}
.event-layer .scroll-cont-box {font-size:14px; color:#333;height: 150px; padding: 10px; border: solid 1px #ccc; line-height: 150%;
  background-color: #fff; overflow:auto; overflow-x:hidden; box-sizing:border-box; margin-bottom:10px;}
.event-layer .scroll-cont-box p+ul { margin-bottom: 20px;}
.event-layer .check { font-size: 13px; color:#333333;}
.event-layer .layer-section {padding:20px 0; border-bottom:1px solid #ccc;}
.event-layer .layer-f-list li {margin-bottom: 10px;}
.event-layer .layer-f-list li:last-child { margin: 0;}
.event-layer .layer-f-list .fgp {display: inline-flex;vertical-align: bottom;line-height: 0;align-items: center;}
.event-layer .layer-f-list .fgp+.fgp { margin-left: 40px;}
.event-layer .layer-f-list .lb { display: inline-block; width: 80px; font-size: 14px; color: #333;line-height: 30px;}
.event-layer .layer-f-list input[type=text] { width: 150px; height: 30px; border: solid 1px #ccc; background-color: #fff; box-sizing: border-box; box-sizing: border-box;}
.event-layer .layer-f-list .btn-req-auth {width: 100px; height: 30px;  background-color: #eee; font-size:13px; color: #454545; margin-left: 5px;font-family: 'Noto Sans KR';
  display: inline-block;text-align: center;box-sizing: border-box;}
.event-layer .noti-msg {font-size: 13px; color: #666;padding: 10px 0;}

.event-layer .layer-section:last-child { border:0; }
.event-layer .layer-f-list .wide { display: block !important;}
.event-layer .layer-f-list .wide input { width: calc(100% - 80px) !important; box-sizing: border-box;}
.event-layer .layer-btns { text-align: center;padding-bottom: 30px;}
.event-layer .layer-btns .btn-event-submit {height: 34px;  padding: 6px 38px; border-radius: 17px; font-size: 15px;
  font-weight: 500; border: solid 1px #111426; color:#fff; background-color: #000; font-family: 'Noto Sans KR';}

.divide-box:after { content: ""; display: block; clear: both;}
.divide-box .col {float:left;}
.divide-box .col + .col { margin-left:40px;}

/* 이전글 다음글 */
.article-nav { border-top:1px solid #ccc;}
.article-nav li {font-size:14px; position:relative; border-bottom:1px solid #ccc;}
.article-nav ul li span { display: block; float:left;box-sizing: border-box; padding:15px 0;line-height: 150%;}
.article-nav ul li:after {content: ""; display: block; clear: both;}
.article-nav ul li .lb {  width:100px; padding-left:38px; font-weight: 500; color:#333; background-repeat: no-repeat; background-position:left center;}
.article-nav ul li .prev {background-image:url(../images/ic-arr-perv-art.png); }
.article-nav ul li .next {background-image:url(../images/ic-arr-next-art.png); }
.article-nav ul li .sbj { float: left; width: calc(100% - 200px); }
.article-nav ul li .sbj a{ display: block; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; }
.article-nav ul li .sbj a:hover { text-decoration: underline; color:#333;}
.article-nav ul li .date { position: absolute; right: 0; color:#aaa;}

/* 교육 */
.sub-edu .result-view { border: 0;}
.sub-edu  .list-header {top: 0;}

.page-tabs { border-bottom:2px solid #454545;  margin-bottom:30px;height: 44px;}
.page-tabs ul:after { content: ""; display: block; clear: both;}
.page-tabs li {float:left; top:2px;}
.page-tabs li + li {margin-left:2px;}
.page-tabs li a { display: block; height: 46px; width: 160px; padding-top:8px; background: #fff; border: 1px solid #ccc;
  box-sizing: border-box; text-align: center; border-bottom:2px solid #454545; color:#555;font-size: 16px;}
.page-tabs li a.on {border:2px solid #454545; border-bottom:2px solid #fff; font-weight: 500; color: #333;}

.ls-edu-img { padding-top:10px; margin: 0 -20px 20px -20px;box-sizing: border-box;}
.ls-edu-img > ul > li { float: left;width: 33.33%;  box-sizing: border-box;margin-bottom: 40px;}
.ls-edu-img > ul:after {content: ""; display: block; clear: both;}
.ls-edu-img > ul > li a { display: block; padding: 20px; box-sizing: border-box; height: 460px;}
.ls-edu-img > ul > li .img-box {position:relative; height: 248px; display: flex; align-items: center; text-align: center;justify-content: center; margin-bottom:20px; background: #F7F7F7;}
.ls-edu-img > ul > li .img-box .ic-plus { display: none; position: absolute;  width: 100%; height: 100%; top:0; left: 0; background:rgba(0,0,0,0.7) url(../images/ic-thumb-plus.png) no-repeat center; z-index:15;}
.ls-edu-img > ul > li .img-box img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-flex: 0 0 auto;}
.ls-edu-img > ul > li a:hover .ic-plus { display: block;}
.ls-edu-img .bat { margin-bottom: 8px;}
.ls-edu-img .bat span {padding:4px 6px;}
.ls-edu-img .sb { max-height: 60px; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.5px; text-align: left; color: #000; overflow: hidden; margin-bottom: 20px;} 
.ls-edu-img .img-box .stat-tag { position: absolute; top:0; right: 0; z-index: 1;color:#fff; font-size: 14px;}
.ls-edu-img .img-box .stat-tag span {display: inline-block; padding:5px 10px;  }
.ls-edu-img .img-box .stat-tag span.plan {background:#283483}
.ls-edu-img .img-box .stat-tag span.open { background:#E83B3B;}
.ls-edu-img .img-box .stat-tag span.close {background:#5D5E65}
.ls-edu-img .sb-info { color: #666666; font-size:15px;}
.ls-edu-img .sb-info li { margin-bottom:8px;}
.ls-edu-img .sb-info li .lb { display: inline-block; border-right:2px solid #e5e5e5; padding-right:8px; margin-right:8px;}

/* 교육 상세 */
.inner-view-tabs ul:after {content: ""; display: block; clear:both;}
.inner-view-tabs ul li {float:left;}
.inner-view-tabs ul li a {width: 148px; height: 43px; font-size: 16px; color: #888;  padding-top: 12px;background-color: #fff;display: block;box-sizing: border-box;text-align: center;}
.inner-view-tabs ul li .on {color: #333 !important;; font-weight: 500; border: solid 1px #ccc; border-bottom:0;}
.inner-view-tabcontents .tab-con {padding: 20px 29px 29px 24px; border: solid 1px #ccc; background-color: #f8f8f8;}
#inner-tab2 {display: none;}

.edu-view {border-top:2px solid #454545; padding-top:40px;}
.edu-view .bd-view-header {position: relative;padding-left: calc(480px + 80px);min-height: 348px;border-bottom: 1px solid #666;box-sizing: border-box;padding-bottom: 50px;}
.edu-view  .bd-view-title {margin-bottom:39px;}
.edu-view .bd-view-title .bat { margin-bottom:12px; }
.edu-view .bd-view-title .sb {font-size: 32px; font-weight: 500; font-style: normal; line-height: 1.5; letter-spacing: -0.8px;  text-align: left; color: #111426; background: none; padding: 0; margin: 0;}
.edu-view .bd-view-header .img-box {width: 480px;  height: 292px; background-color: #fafafa; display: flex; align-items: center; text-align: center;justify-content: center; position: absolute;left: 0; top: 0;}
.edu-view .bd-view-header .img-box img {width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-flex: 0 0 auto;}
.edu-view .bd-view-header .sb-info { padding: 20px 29px 29px 24px; border: solid 1px #ccc; background-color: #f8f8f8;}
.edu-view .sb-info ul li {background: url(../images/blt-dot.png) no-repeat left top 10px; padding-left:10px;color: #595959; margin-bottom: 10px; display: flex;line-height: 150%;}
.edu-view .sb-info ul li:last-child {margin-bottom: 0;}
.edu-view .sb-info span { display: inline-block; width: 100%}
.edu-view .sb-info .tt {width: 140px; font-weight: 500; color: #222;}
.edu-view .bd-view-contents {padding-top:20px; }
.edu-view .bd-view-contents .inner-con { margin-bottom: 30px;}
.edu-view .bd-view-contents .inner-con .art-section-title {border-bottom:1px solid #ccc;} 
.edu-view .bd-view-contents .edu-overview {padding: 0 10px}

/* 특별전시 */
.ls-sp-exh-img { padding-top:10px; margin: 0 -20px 20px -20px; box-sizing: border-box;}
.ls-sp-exh-img > ul > li { float: left;width: 33.33%;  box-sizing: border-box;margin-bottom: 40px;}
.ls-sp-exh-img > ul:after {content: ""; display: block; clear: both;}
.ls-sp-exh-img > ul > li a { display: block; padding: 20px; box-sizing: border-box; height: 624px;}
.ls-sp-exh-img > ul > li .img-box {position:relative; height: 400px; display: flex; align-items: center; text-align: center;justify-content: center; margin-bottom:20px; background: #F7F7F7;}
.ls-sp-exh-img > ul > li .img-box .ic-plus { display: none; position: absolute;  width: 100%; height: 100%; top:0; left: 0; background:rgba(0,0,0,0.7) url(../images/ic-thumb-plus.png) no-repeat center; z-index:15;}
.ls-sp-exh-img > ul > li .img-box img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-flex: 0 0 auto;}
.ls-sp-exh-img > ul > li a:hover .ic-plus { display: block;}
.ls-sp-exh-img .img-box .stat-tag { position: absolute; top:0; right: 0; text-align: right;}
.ls-sp-exh-img .img-box .stat-tag span {display: inline-block; padding:5px 10px; color:#fff; font-size: 14px; width: auto; }
.ls-sp-exh-img .img-box .stat-tag span.plan {background:#283483}
.ls-sp-exh-img .bat { margin-bottom: 14px;}
.ls-sp-exh-img .bat span {padding:2px 8px;}
.ls-sp-exh-img .sb { max-height: 60px; font-size: 20px; font-weight: 500; line-height: 1.4; letter-spacing: -0.5px; text-align: left; color: #000; overflow: hidden; margin-bottom: 20px;}
.ls-sp-exh-img .sb-info { color: #666666; font-size:15px;}
.ls-sp-exh-img .sb-info li { margin-bottom:8px;}
.ls-sp-exh-img .sb-info li .lb { display: inline-block; border-right:2px solid #e5e5e5; padding-right:8px; margin-right:8px;}

/* 특별전시 상세 */
#exh-content-online, #exh-content-book { margin-bottom:50px; word-break: break-all;}
.sp-exh-view { position: relative;border-top: 2px solid #454545;padding-top: 40px; word-break:normal ;}
.related-info .art-section-title {font-size: 20px; font-weight: 500; line-height: 1.75; color: #283483; margin-bottom:20px; background: none;padding: 0;}
.rel-tab { overflow: auto; overflow-y: hidden;border-bottom: 1px solid #ccc; -ms-overflow-style: none; scrollbar-width: none; }
.rel-tab::-webkit-scrollbar { display: none; }

.rel-tab ul { white-space: nowrap}
.rel-tab ul li { display: inline-block; white-space: nowrap; font-size:16px; color:#666; font-weight:bold; }
.rel-tab ul li a { display: block; padding-bottom:12px;font-weight: 500;}
.rel-tab ul li+li {margin-left:30px;}
.rel-tab ul li .on {color: #111426; border-bottom:2px solid #111426;}

.related-info .tab-con {background-color: #f8f8f8; padding:20px; }
.related-info .tab-con > ul { display: none}
.related-info .tab-con ul:first-child { display:block;}
.related-info .tab-con li {margin-bottom: 10px;}
.related-info .tab-con li:last-child {margin-bottom: 0;}
.related-info .tab-con a { display: block; font-size: 16px; color: #595959; width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.related-info .tab-con a:hover { color: #333;font-weight: 500;}

.anc-nav {position:absolute; z-index: 100; width: 90px;  padding: 0 10px; border-radius: 3px; box-shadow: 0 3px 8px 0 rgba(90, 90, 90, 0.15); border: solid 1px #454545; background-color: #282C4B; box-sizing:border-box;left: 1420px;}
.anc-nav .nav-title {display:none;}
.anc-nav ul li { display: block; text-align: center; border-bottom: 1px solid #535774; padding: 15px 0;  }
.anc-nav ul li a {position:relative; font-size:14px; color:#111426; display: inline-block; padding-top: 38px; color:#fff; background-repeat: no-repeat; background-position: center top;}
.anc-nav ul li a:hover {color:#fff; font-weight: 500; }
.anc-nav ul li a span { display: inline-block; position: relative;}

.anc-nav ul .ic-online {background-image: url(../images/ic-anc01-off.png);}
.anc-nav ul .ic-book {background-image: url(../images/ic-anc02-off.png);}
.anc-nav ul .ic-related {background-image: url(../images/ic-anc03-off.png);}
.anc-nav ul .ic-online:hover {background-image: url(../images/ic-anc01-on.png);}
.anc-nav ul .ic-book:hover {background-image: url(../images/ic-anc02-on.png);}
.anc-nav ul .ic-related:hover {background-image: url(../images/ic-anc03-on.png);}

/* 웹콘텐츠 */
.webcontents-ls { border-top:2px solid #454545; padding-top:40px;}
.webcontents-ls li {margin-bottom:40px; padding-bottom: 40px; border-bottom:1px solid #ccc;}
.webcontents-ls .item:after { content: ""; display: block; clear: both;}
.webcontents-ls .item .img-box { float:left;margin-right: 60px;}
.webcontents-ls .item .it { font-size: 26px; font-weight: 500; color: #333; margin-bottom:20px; }
.webcontents-ls .item .i-ds {font-size: 18px; line-height: 1.61; color: #333; margin-bottom: 40px;}
.webcontents-ls .item .i-more { font-size: 16px; font-weight: 500; color: #333; background: url(../images/ic_arr_blue_off.png) no-repeat right center;padding-right: 25px; transition:padding 0.1s;}
.webcontents-ls a:hover .it {color: #283483}
.webcontents-ls a:hover .i-more {color: #283483; background: url(../images/ic_arr_blue_on.png) no-repeat right center; padding-right: 30px;}

/* 연구 */
.research-ls { border-top:2px solid #454545; padding-top:40px;}
.research-ls li {float: left;width: 33.33%;height: 520px;box-sizing:border-box;}
.research-ls .item:after { content: ""; display: block; clear: both;}
.research-ls .item .img-box { margin-bottom: 40px;text-align: left;}
.research-ls .item .ic {padding: 0 140px 0 30px; border-left:2px solid #ccc;}
.research-ls .item .it { font-size: 26px; font-weight: 500; color: #333; margin-bottom:10px; background: none; padding: 0;}
.research-ls .item .i-ds {font-size: 16px; line-height: 1.63; color: #333; margin-bottom: 30px; word-break:keep-all;}
.research-ls .item .i-more { font-size: 16px; font-weight: 500; color: #333; background: url(../images/ic_arr_blue_off.png) no-repeat right center;padding-right: 25px; transition:padding 0.1s;}
.research-ls a{display: block;}
.research-ls a:hover .it {color: #283483}
.research-ls a:hover .i-more {color: #283483; background: url(../images/ic_arr_blue_on.png) no-repeat right center; padding-right: 30px;}


/* 게시팜 검색 공통 */
.board-top-search {border:1px solid #ccc; padding: 20px; box-sizing: border-box;display: flex;justify-content: center;margin-bottom: 20px;}
.board-top-search .inner-search-field {position: relative; width: 100%; vertical-align: middle;display: flex;align-items: center;max-width: 600px;}
.board-top-search .inner-search-field input { width: 100%;height: 36px;font-size:13px; color:#666; padding: 8px 30px 8px 8px; border-radius: 1px; border: solid 1px #ccc; box-sizing: border-box;padding-right: 30px;}
.board-top-search .inner-search-field .btn-inner-search { position: absolute;background: url(../images/ic-result-search.png) no-repeat center;font-size: 0;width: 20px;height: 20px;right: 10px;top: 50%;margin-top: -10px;}
.board-top-search .inner-search-field select {padding: 5px 20px 5px 10px; font-family: inherit; background: #fff url(../images/ic-select-arr-basic.png) no-repeat right 8px center;
    -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #d0d0d0; cursor: pointer; color: #767676; font-family: 'Noto Sans KR', sans-serif; font-size:1em;
    border-radius: 2px; margin-right: 5px;}

.board-top-search .add-link {display:flex;  align-self: center; margin-left:10px; white-space: nowrap; font-weight: normal !important;}
.board-top-search .add-link a {font-weight: normal !important;}

/* 조직도 추가 */
/* CSS Document */
.new-org { padding-top:30px;}
.org-tab-contnets > div { display:none;}
.org-tabs {margin-bottom: 20px;}
.org-tabs ul:after { content: ""; display: block; clear: both;}
.org-tabs li {float:left; width: 16.6%; text-align: center; box-sizing:border-box;}
.org-tabs li a {border:1px solid #ccc; display: block; padding:5px 0;}
.org-tabs li+li a { border-left:0;}
.org-tabs .on { background: #105284; color:#fff;font-weight: bold;}
.org-img-view { margin-bottom: 50px; text-align: center;border: 1px solid #ccc;padding: 30px;}
.org-img-view img {max-width: 100%; max-height: 100%;}

/* 연구상세 추가 */
.research-view { display: flex; width: 100%;padding-bottom: 50px;}
.research-view .main-img { width: 40%; }
.research-view .intro { width: 60%; padding:0 50px; line-height:180%; font-size: 18px; word-break: keep-all;}
.research-view > div img {width: 100%; max-width: 100%; max-height: 100%;}
.research-view .art-section-title {font-size: 20px; font-weight: 500; line-height: 1.75; color: #283483; margin-bottom:20px; background: none;padding: 0;margin-top: 0;}


@media only screen and (max-width: 1440px) {
  .anc-nav {right:0;}
}

@media only screen and (max-width: 1279px) {

  /* contents common */
  .bat span { font-size: 13px;}

  /* facet 레이아웃 */
  .contents-view:after {content:""; display: block; clear: both;}
  .contents-view .facet {width:100%; margin-bottom: 77px;float: none;}
  .contents-view .facet:after {content:""; display: block; clear: both;}
  .facet .inner-ls { width: 49%; box-sizing: border-box; float:left; border:0; }
  .facet .p-l { float: left;}
  .facet .p-r { float: right;}
  .facet .inner-ls > ul { position: absolute; width: 49%; background: #fff; border:1px solid #ccc; padding: 10px; box-sizing: border-box;
    z-index: 10; overflow-x:hidden;top: 43px; box-shadow:0 5px 8px rgba(0,0,0,0.2); display: none;}
  .facet .on ul { display: block;}
  .facet .p-l ul {  font-size: 16px; color: #454545; }
  .facet .inner-ls {margin-bottom:0;}
  .facet .inner-ls ul li {  font-size: 16px; color: #454545;}   
  .facet .inner-ls .ls-t { display: none;}
  .facet .exh1Div .ls-t{display: block;}
  .facet .inner-ls .list-open { display: block;}
  .facet .m-view-select { display: none;}
  .facet .inner-ls-selecttype { float: left;width: 48%;border: 0;}
  .facet .exh1Div{margin-right:4%}
  .facet .inner-ls-selecttype .ls-t {white-space: nowrap;padding: 0;border: none;letter-spacing: -1.2px;margin-bottom: 0px;}
  .facet .inner-ls-selecttype .ls-t p{font-size:14px;}
  .facet .inner-ls-selecttype .list-open { display: block;}
  .facet .inner-ls-selecttype > ul { position: absolute; width: 49%; background: #fff; border:1px solid #ccc; padding: 10px; box-sizing: border-box;
    z-index: 100; max-height:200px; overflow: auto; overflow-x:hidden;top: 67px; box-shadow:0 5px 8px rgba(0,0,0,0.2); display: none;}
  .facet .inner-ls-selecttype .fd-radio {display:block;position: relative;overflow: hidden;box-sizing: border-box;}

  .facet .year-select { width: 100%;}  
  .facet .year-select .inner-t {background: #F8F8F8;padding: 10px;display: block;}
  .facet .year-select .list-open { display: none;}
  .facet .year-select.scrolled{max-height: none;}
  /* .facet .year-select ul {background: #fff; position: absolute; width: 49%; background: #fff; border:1px solid #ccc; padding: 10px; box-sizing: border-box;
    z-index: 1; max-height:200px; overflow: auto; overflow-x:hidden;top: 4px; box-shadow:0 5px 8px rgba(0,0,0,0.2);display: none;} */
  .facet .year-select li { font-size: 16px; color: #454545;} 

  .facet .fd-check {padding-left: 10px;}
  .facet .fd-check label {padding: 8px; }
  .facet .fd-radio label { padding: 15px 5px;}
  .facet .fd-radio input[type="radio"]:checked+label { color: #283483; background: #fff;}
  .facet .scrolled {overflow: auto; overflow-x: hidden;max-height: 220px;border: 0;}
  .facet .list-open { font-size:16px; padding:10px 0;  color:#333; font-size:16px; font-weight:500; text-align: left;
    border-bottom:1px solid #ccc; background: url(../images/ic-facet-off.png) no-repeat right center; display: block; width: 100%; box-sizing: border-box;
  font-family: 'Noto Sans KR'; display: none; }
   .facet .list-open.on { background: url(../images/ic-facet-on.png) no-repeat right center; }
  
  .facet .on+ul { display: block;} 

  /* 온라인 박물관 */
  .result-view {float: none; width: 100%; padding-top:10px;}    
  .ls-online-img { padding-top:10px; margin: 0;}
  .ls-online-img .sb { font-size: 18px;} 
  .ls-edu-img .img-box .stat-tag { font-size:13px;}
  
  
  /* 문화행사 상세 */
  .culture-view { padding-top:30px;}  
  .culture-view .bd-view-header { padding-left: 0;min-height: auto;padding-bottom: 40px;}
  .culture-view .bd-view-title .sb {font-size: 24px;}
  .culture-view .bd-view-header .img-box {width: 100%;  height: 400px; position: relative;left:  auto; top: auto; margin-bottom: 40px;}
  .culture-view .bd-view-header .sb-info { font-size: 14px;}  
  .culture-view .bd-view-contents {padding-top:40px;} 
  .culture-view .bd-view-contents .inner-con { margin-bottom: 30px;}
  .culture-view .bd-view-contents .inner-con img {max-width: 100%; min-height: 100%;}
  .culture-view .event-section:last-child { border:0;}
  .event-layer { padding: 40px;}
 
  /* 교육 */
  .sub-edu .result-view {padding-top:0;}    
  .sub-edu .list-header {position: absolute;right: 0;margin-bottom: 0;}
  .sub-edu .list-header .inner-search-field {position: relative;float: right; width: 300px; vertical-align: middle;display: flex;align-items: center;}
  .ls-edu-img {padding-top:0; padding: 0;}
  .ls-edu-img > ul > li .img-box {height: 170px;}
  .ls-edu-img > ul > li a { height: 400px;padding: 0 20px;height: 380px;}
  .ls-edu-img .sb {font-size: 18px; max-height: 75px;margin-bottom: 15px;}
  .ls-edu-img .sb-info {font-size: 14px;}

  /* 교육 상세 */
  .inner-view-tabs ul li {float:left;}
  .inner-view-tabs ul li a {font-size: 15px; padding-top: 13px; }
  .inner-view-tabcontents .sb-info {font-size:14px;}

  .edu-view { padding-top:30px;}  
  .edu-view .bd-view-header { padding-left: 0;min-height: auto;padding-bottom: 40px;}
  .edu-view .bd-view-title .sb {font-size: 24px;}
  .edu-view .bd-view-header .img-box {width: 100%; position: relative;left:  auto; top: auto; margin-bottom: 40px;}
  .edu-view .bd-view-header .sb-info { font-size: 14px;}  
  .edu-view .bd-view-contents .inner-con { margin-bottom: 30px;} 

  /* 특별전시 */
  .ls-sp-exh-img > ul > li a {height: 470px;}
  .ls-sp-exh-img > ul > li .img-box {height: 274px; }
  .ls-sp-exh-img .bat { margin-bottom: 14px;}
  .ls-sp-exh-img .bat span {padding:2px 8px;}
  .ls-sp-exh-img .sb {font-size: 18px;max-height: 75px;}
  .ls-sp-exh-img .sb-info { font-size:14px;}


  /* 특별전시 상세 */
  .related-info .art-section-title {font-size: 18px; }
  .rel-tab ul { white-space: nowrap}
  .rel-tab ul li { font-size: 15px; }
  .related-info .tab-con a { font-size: 15px; }

}

@media only screen and (max-width: 1023px) {

  /* 통합검색 */
  .sub-search-all {padding:40px 10px;}
  .search-all { padding: 30px 20px;margin-bottom: 40px;}

  .detail-search-form .s-title { margin-bottom: 10px;}
  .detail-search-form .s-title h2 {font-size: 20px; }

  .field-list {margin-bottom:20px;}
  .field-list li { padding:20px 0;}
  .field-list li > .i-tlt { width: 130px; color:#333; }
  .field-list .i-form { width: 100%;color: #333;}
  .field-list .i-form .d-keyword  { width: 100%; box-sizing: border-box;  border:0; padding: 7px 10px; font-size: 16px;}

  .search-result-msg p {font-size: 20px; margin-bottom: 50px; }

  .result-tab {margin-bottom:30px;}
  .result-tab ul li a { font-size:15px;}

  .result-section .section-title h3 { font-size: 20px;}
  .result-section .section-title .tx-cnt-info {font-size:14px;}
  .result-section .menu-name {position:relative; background: #f7f7f7; padding: 12px 20px; margin-bottom: 20px;}
  .result-section .menu-name h4 { font-size: 16px;}

  .r-list, .r-list-img-type { margin-bottom: 20px;}
  .r-list li { padding:0 10px 15px 10px; margin-bottom: 15px;   } 
  .r-list li .sb { font-size:15px; margin-bottom: 10px; padding-right: 100px;}
  .r-list-img-type li .sb { font-size:15px; margin-bottom: 10px; }
  .r-list-img-type li .ds { font-size: 14px; color:#555555; line-height:22px;} 

  .no-result .large-msg { font-size: 22px;}  
  .sub-search-all .result-inner-tab li { font-size:  15px;}

  /* 온라인 박물관 상세 */
  .online-view .bd-view-header { margin-bottom: 30px;}
  .online-view .bd-view-header .bd-view-title .bat { margin-right: 10px; }
  .online-view .bd-view-header .bd-view-title .bat span { font-size: 13px;  }
  .online-view .bd-view-header .bd-view-title h3 {font-size: 16px;}
  .online-view .bd-view-contents { margin-bottom:40px;}
  
  /* 웹콘텐츠 */
  .webcontents-ls { padding-top:30px;}
  .webcontents-ls li {margin-bottom:30px; padding-bottom: 30px; }
  .webcontents-ls .item .img-box { margin-right: 30px;}
  .webcontents-ls .item .it { font-size: 20px; margin-bottom:10px; }
  .webcontents-ls .item .i-ds {font-size: 14px; line-height: 1.5; color: #333; margin-bottom: 30px;}
  .webcontents-ls .item .i-more { font-size: 14px; } 
  
  /* 연구 */
  .research-ls {padding-top:30px;}
  .research-ls li {height: 390px; }
  .research-ls .item .img-box { width:300px; margin-bottom: 20px; }
  .research-ls .item .img-box img {  width: 100%; height: auto;}
  .research-ls .item .ic {padding: 0 20px 0 20px;}
  .research-ls .item .it { font-size: 20px; margin-bottom:10px; }
  .research-ls .item .i-ds {font-size: 14px;  margin-bottom: 23px; }
  .research-ls .item .i-more { font-size: 14px; } 
}



@media only screen and (max-width: 798px) {  
  
  .paging .page-num .mb-hide { display: none;}
  
    /* list header*/  
  .list-header {position: relative;top: auto; right: auto; margin-bottom:20px;}
  .list-header .inner-search-field {float: none; width: 100%;}
  
  /* facet 레이아웃 */ 
  .contents-view .facet { margin-bottom: 20px;}
  
  /* 온라인 박물관 */  
  .ls-online-img { padding-top:10px; margin: 0;}
  .ls-online-img ul li {width:50%; }
  .ls-online-img .sb {font-size: 15px;}  
  .online-view .inner-vod-view iframe { width: 100% !important; height:300px;}
   
  /* 문화행사 */
  .ls-culture-img { margin: 0;padding: 0;}
  .ls-culture-img > ul > li { float: none;width: 100%; padding: 0 0 30px 0;margin: 0;display: block;min-height: 152px;}
  .ls-culture-img > ul > li a { height: auto;padding-left: 140px;position: relative;padding: 0 0 0 110px;} 
  .ls-culture-img > ul > li .img-box { width: 100px;position: absolute;left: 0;height: 122px;top: 0px;}
  .ls-culture-img .bat { margin-bottom: 10px;}
  .ls-culture-img .bat span { font-size: 13px; padding:3px 5px;}
  .ls-culture-img .sb { max-height: none; font-size: 15px; overflow: visible; margin-bottom: 10px;}   
  .ls-culture-img .img-box .stat-tag span {font-size: 13px; }
  .ls-culture-img .sb-info {font-size: 14px; }
  .ls-culture-img .sb-info .date {margin-bottom: 0;}

  /* 특별전시 */
  .ls-sp-exh-img { margin: 0;padding: 0;}
  .ls-sp-exh-img > ul > li { float: none;width: 100%; padding: 0 0 30px 0;margin: 0;display: block;min-height: 152px;}
  .ls-sp-exh-img > ul > li a { height: auto;padding-left: 140px;position: relative;padding: 0 0 0 110px;} 
  .ls-sp-exh-img > ul > li .img-box { width: 100px;position: absolute;left: 0;height: 122px;top: 0px;}
  .ls-sp-exh-img .bat { margin-bottom: 10px;}
  .ls-sp-exh-img .bat span { font-size: 13px; padding:3px 5px;}
  .ls-sp-exh-img .sb { max-height: none; font-size: 15px; overflow: visible; margin-bottom: 10px;}   
  .ls-sp-exh-img .img-box .stat-tag span {font-size: 13px; }
  .ls-sp-exh-img .sb-info {font-size: 14px; }
  .ls-sp-exh-img .sb-info .date {margin-bottom: 0;}

  /* 교육 */
  .sub-edu .result-view {padding-top:0;}    
  .page-tabs {margin-bottom: 10px;}
  .sub-edu .list-header {position: relative; right: auto; margin-bottom: 20px;}
  .sub-edu .list-header .inner-search-field { float: none; width: 100%;  }
  .ls-edu-img {padding-top:0; padding: 0;margin: 0;}
  .ls-edu-img > ul > li { width: 100%; float:none;}
  .ls-edu-img > ul > li .img-box {height: 170px; margin-bottom:10px}
  .ls-edu-img > ul > li a {  padding: 0;height: auto;}
  .ls-edu-img .sb {font-size: 18px; max-height: 75px;margin-bottom: 15px;}
  .ls-edu-img .sb-info {font-size: 14px;}

  /* 교육 상세 */ 
  .inner-view-tabs ul li {float:left;}
  .inner-view-tabs ul li a {font-size: 15px; padding-top: 13px; }
  .inner-view-tabcontents .sb-info {font-size:14px;}

  .edu-view { padding-top:30px;}  
  .edu-view .bd-view-title { margin-bottom: 20px;}
  .edu-view .bd-view-header { padding-left: 0;min-height: auto;padding-bottom: 40px;}
  .edu-view .bd-view-title .sb {font-size: 20px;}
  .edu-view .bd-view-header .img-box { height:140px; margin-bottom: 30px;}
  .edu-view .bd-view-header .sb-info { font-size: 14px;}  
  
  
  /* 이벤트 레이어 */
  
  .event-layer { padding:18px 10px;}  
  .event-layer .layer-header {position:relative; padding: 19px 0 0 15px; height:57px; }
  .event-layer .layer-header .layer-title {font-size: 18px;  }
  .event-layer .btn-event-close {right: 17px; top:18px;}
  .event-layer .layer-body {padding:0px 15px;} 
  .event-layer .p-title {font-size: 15px; }  
  .event-layer .layer-section {padding:15px 0; }  
  .event-layer .layer-f-list input[type=text] { width: 106px; }
  .divide-box .col + .col { margin-left:0;}
 
  /* 특별전시 상세 */
  #exh-content-online,
  #related-information { width: 100%;}
  .anc-nav {right:auto;top:auto;bottom:0;width: 90%;padding: 6px 10px 0 10px;box-sizing:border-box;left: 0;height: 40px;border-radius: 25px; left: calc(50% - 45%) !important;}
  .anc-nav ul {text-align:center;display: flex;}
  .anc-nav ul li { display: block; padding: 0;width: 100%;box-sizing: border-box;border-bottom: 0;}
  .anc-nav ul li + li {border-left: 1px solid #ccc;}
  .anc-nav ul li a {display: inline-block; padding-top: 0; background: none !important;}
 
  /* 웹콘텐츠 */
  .webcontents-ls { padding-top:20px;}  
  .webcontents-ls li {margin-bottom:20px; padding-bottom: 20px; }
  .webcontents-ls .item .img-box { float:none; text-align:center; margin-right:0; margin-bottom: 20px;} 
  .webcontents-ls .item .it { font-size: 18px; margin-bottom:10px; }
  .webcontents-ls .item .i-ds {font-size: 14px; line-height: 1.5; color: #333; margin-bottom: 20px;}
  .webcontents-ls .item .i-more { font-size: 14px; } 
   
    /* 연구 */
  .research-ls {padding-top:20px;}
  .research-ls li {height: 390px; float:none; width: 100%; }
  .research-ls .item .img-box { width:100%; height: 166px; margin-bottom: 20px; text-align:center; }
  .research-ls .item .img-box img {  width: auto; height: 100%;}
  .research-ls .item .ic {padding: 0 10px 0 10px;}
  .research-ls .item .it { font-size: 18px; margin-bottom:10px; }
  .research-ls .item .i-ds {font-size: 14px;  margin-bottom: 25px; }
  .research-ls .item .i-more { font-size: 14px; } 

  /* 연구상세 추가 */
  .research-view { display: block;}
  .research-view .main-img { width: 100%; padding: 0 20px 40px 20px; box-sizing: border-box; }
  .research-view .intro { width: 100%; padding:0 50px; box-sizing:border-box}
  
  /* 온라인 전시 */
  .online-view .inner-youtube-view { position: relative; padding-bottom: 56.25%; padding-top: 30px;	height: 0;overflow: hidden; margin-bottom: 50px;}
  .online-view .inner-youtube-view iframe { position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}
  
  /* 게시팜 검색 공통 */
  .board-top-search { display: block;}
  .board-top-search .inner-search-field { max-width: none;}  
  .board-top-search .add-link { margin: 10px 0 0 0; align-content: center;justify-content: center;} 
  .board-top-search .add-link a {font-weight: normal !important;font-size: 14px;} 

  /* 기존 컨텐츠 보정 (소스 수정없이 css 재정의  -----------------------------------------------------------------  */
  .contents h3 { background-position: 0 4px; background-size: 14px;  padding-left: 20px; padding-bottom: 10px;}
  .map_daum ul li > a {padding: 5px 20px;}

  /* - 상설전시 */
  .exhi_title h1{font-size: 56px;   padding: 250px 0 60px 30px;  }
  .exhi_title h1 .cate{font-size:18px; }
  .exhi_title h1 .eng{font-size:30px; display: block; padding-top: 25px; }

  .exhi_desc { padding: 75% 0 0 0; background-position: top center; background-size: 100%; }
  .exhi_desc2 h2 { padding-right: 0;  }

  /* -어린이박물관*/
  .dis_1 > div p:last-of-type {padding-bottom:0;}
  .dis_img {padding-bottom: 200px;}
  .dis_3 {background-size: 100% auto;}


  /* -일정 상세 */
  .inner-view-tabcontents table { width: auto !important;}

  /* -교육신청*/
  .table_style_eu tbody tr td .input { float: left; width: 80%; padding: 10px;}

  /* -도서자료 */
  .board_list th,
  .board_list td, 
  .board_view th,
  .board_view td {  word-break: normal !important; white-space: normal !important;}

  /* -소장자료 소개 */
  .datainfo_img img { width: auto; max-width: 100%; max-height: 100%; margin-bottom: 10px;}
  .datainfo_img .btn_t{font-weight: bold;letter-spacing: -1px;font-size: 13px;padding: 2px 5px;}

  /* -이달의 소장품 */
  .month {padding: 3px 3px 3px 137px;}
  .month_01 { font-size: 18px;}
  .month_02 {display: block;padding:10px 0 8px 20px;font-size: 15px;color:#fff;background: #757575;border-radius: 5px;text-align: left;}

  /* -보존처리 */
  .tab_list_new{ position: relative; overflow: hidden;}
  .tab_list_new > ul{ border-bottom: 2px solid #003964; overflow:auto; width: 100%;white-space: nowrap;word-break: keep-all;}
  .tab_list_new > ul{ -ms-overflow-style: none; } 
  .tab_list_new > ul::-webkit-scrollbar{ display:none; }
  .tab_list_new > ul > li{float: none;display: inline-block;}

  /* -동정 게시판 이미지 뷰 */
  .board_view { width: 100% !important; min-width: none !important; box-sizing: border-box; white-space: normal !important; word-break: normal !important;}
  .board_view col { width: auto !important;}
  .board_view col:first-child {width:20% !important;}
  .board_view th,
  .board_view td { width: auto !important; box-sizing: border-box; white-space: normal !important; word-break: normal !important;}
  #divImageViewer { display: block !important; width: 100% !important;box-sizing: border-box !important;padding: 0 !important;margin: 0 !important; float:none !important;}
  #divImageViewer img,
  #divThumbViewer img { width: auto !important; height:auto !important; max-height: 100% !important; max-width: 100% !important;}
  #divThumbViewer {display: block !important; width: 100% !important; float:none !important;}
  #divThumbViewer > div { float:left !important; width: 20% !important; box-sizing: border-box !important;height: auto !important;padding: 0 !important;margin: 0 !important;}
  #divThumbViewer:after {content: ""; display: block; clear: both;}

  /* -개인정보처리방침*/
  .tab_list{background: #f6f6f6;border-bottom: 2px solid #003964;padding: 5px 5px 0 5px;overflow: auto;overflow-y: hidden;}
  .tab_list ul{white-space: nowrap;overflow: visible;}
  .tab_list ul li{float: none;border: 1px solid #dedede;border-bottom: none;background: #fff;margin-right: 3px;display: inline-block;} 

  .minim li { width: 50% !important;}
  .con_user h2 strong{display: block;font-size: 30px;line-height: 1.2em;font-weight: normal;color: #222;}

  /* -저작권 */
  .copy_t .table_style img {width: 100%; height: auto !important;}

  table * {font-size: 11px !important;line-height: 150% !important;vertical-align: middle;}

  /* -박물관 소개 */
  .structure {
    background-position: center 20px; padding: 150px 0 20px 0; word-break: keep-all; white-space: normal; overflow: visible;}
  .structure .list_dot { float: none !important;}
  .list_structure dd { padding:0;}
  .list_structure dd img {width: auto; max-width: 100%; max-height: 100%;}
  .list_structure dd.img,
  .list_structure dd.img2 {float:none; position: relative; top:auto; left:auto; padding-top: 20px; text-align: center;}
  .ci .btnb a {box-sizing: border-box;}

  /* -찾아오시는 길 */
  .map_daum ul li > div.map_b{background-size: contain;}

  /* - 연관정보 */
  #relationBox { left: 10px; right: 10px}
  .pop_pub .pop_pub_w { width: 100%; box-sizing: border-box;padding: 30px 61px 10px 60px;}
  .pop_pub .pop_pub_w .cycle-slideshow dl { width: auto;}
  .pop_pub .pop_pub_w .cycle-slideshow dl dd {width: 100%; box-sizing: box; padding: 0;}
  .pop_pub .pop_pub_w .cycle-slideshow dl dt {display: none;}
  .pop_pub .pop_pub_w .cycle-slideshow dl dd strong a { font-size: 20pxpx;}

  /* -역사관 */
  .exhi_ect .exhi_tab {background: #fff; display: table;}
  .exhi_ect .exhi_tab > li { display: table-cell; vertical-align: middle; width: 33%;}
  .exhi_ect .exhi_tab > li.active {background: #003964;}

  /* -관장인사말 */
  .guide_img .img2 {left: 40%;}
  .guide_img .img1 {left: 0px;}

  /* -공공데이터 개방*/
  .list_dot a  { word-break: break-all;} 

  /* - 홍보자료 */
  .img_explan.img_explan_view.img_explan_view3 .img {position: relative;margin-bottom: 20px;text-align: center;}
  .img_explan.img_explan_view.img_explan_view3 .img div {margin: 0 auto;}
  .img_explan.img_explan_view.img_explan_view3 dl {min-height: auto;padding: 20px 10px 10px 10px;/*! top: auto; */}
  .img_explan dl dd p { margin: 0;}

  /* - 층별안내 */
  .floorexhi ul li a.m {width:45px !important;}

  /* -조직도 */
  .org-tabs li {width: 33.3%;}
  .org-tabs li a {font-size: 14px; border:1px solid #ccc;}
  .org-tabs li:nth-child(1) a { border-bottom:0;}
  .org-tabs li:nth-child(2) a { border-bottom:0;}
  .org-tabs li:nth-child(3) a { border-bottom:0;}
  .org-tabs li:nth-child(4) a { border-left:1px solid #ccc;}
	.org-img-view { margin-bottom: 50px; text-align: center;border: 1px solid #ccc;padding: 10px;}
  .org-tab-contnets tr th, .org-tab-contnets tr td { font-size:11px !important; word-break: break-all; padding: 5px}
  .org-tab-contnets h4 {font-size: 16px;}

  /* 기존 컨텐츠 동영상 플레어 */
  .v_bg div{ margin:200px auto 0 auto; width:100%; position:relative; border:2px solid #fff; font-size:0; line-height:0; background: #fff;box-sizing: border-box; }
  .v_bg div a{ position:absolute; top:-30px; right:0;}
  .v_bg div iframe { width: 100% !important;}


}

@media only screen and (max-width: 479px) {
  
  .facet .inner-ls.p-l .opt-list { width: 80%; } 
  
  /* 통합검색 */
  .sub-search-all {padding:20px 10px; } 
  .search-all {padding: 20px 10px;margin-bottom: 40px;}
  .search-all .all-search-wrapper {padding-bottom: 0;}  
  .search-all .add-check { font-size: 14px; bottom: 0;}
  .search-all .form-input input { padding: 0 60px 0 20px; font-size: 16px;height: 40px;line-height: 40px;}  
  .search-all .btn-detail-search-open {width: 100px; font-size: 15px;bottom: 0;}
    
  .detail-search-form .s-title h2 {font-size: 18px;}
  .field-list {margin-bottom:20px;}
  .field-list li { padding:8px 0; }
  .field-list li > .i-tlt { width: 80px; font-size: 15px;}
  .field-list .i-form {font-size:15px;}
  .field-list .i-form .d-keyword  {padding: 5px 10px; font-size: 15px;}
  .field-list .i-form input[type=radio]+label { padding-left: 1px;margin-right: 4px;}
  .field-list li:nth-child(4) .i-form > span { display: block;}
  .field-list li:nth-child(4) .i-form > span+span {padding-top:5px;} 
  .field-list .select-date .radio { display: block; padding:5px 0;}
  .field-list .select-date span input[type=text] {height: 24px;line-height: 24px; }
  .detail-search-form .section-btns button {width: 100px; height: 34px; font-size: 15px;}
  .detail-search-form .section-btns button+button { margin-left: 10px;}  
  .search-result-msg p { margin-bottom: 40px; font-size: 18px; line-height: 140%}    
  .no-result .large-msg { font-size: 18px;}
  .r-list-img-type li { width: 100%;margin-bottom: 10px;}
  .paging .page-num a {padding: 0 3px;}
  
  /* 온라인 박물관 */
  .result-view {float: none; width: 100%;}    
  .ls-online-img { padding-top:10px; margin: 0;}
  .ls-online-img .bat { margin-bottom: 10px;}
  .ls-online-img ul li {float:none; width:100%;  margin-bottom: 30px;}
  .ls-online-img ul li a {padding-left:0; padding-right:0;padding: 0;}
  .ls-online-img .sb {font-size: 15px;height: auto;}
 
   /* 온라인 박물관 상세 */ 
  .online-view .bd-view-header { margin-bottom: 30px; padding: 15px 10px;}
  .online-view .bd-view-header .bd-view-title .bat { margin:0 0 10px 0; text-align: center;display: block;}
  .online-view .bd-view-header .bd-view-title .bat span { font-size: 13px;  }
  .online-view .bd-view-header .bd-view-title h3 {font-size: 16px; }
  .online-view .bd-view-contents { margin-bottom:30px;}  

  .research-view .intro { padding:0 10px;}

}

/*비전*/
.sub-contents .bd-view-btns .btn-down{width: auto; padding: 0 20px 0 44px; text-align: right; background: #283483 url('/images/btn/btn_down.png') no-repeat 20px center;}
.sub-contents .vision .bd-view-btns{text-align: right; padding: 0 0 20px;}
.sub-contents .vision_box{border:solid 1px #b5badc; padding: 40px 80px;}
.vision_box li{margin: 40px 0; width: 100%;}
.vision_box li h3{padding: 0; background: none; margin: 0; display: inline-block; vertical-align: middle;  text-align: left; width: 90px; }
.vision_box li div{display: inline-block; vertical-align: middle;  text-align: left; position: relative; padding-left: 120px; box-sizing: border-box;}
.vision_box li div::after{content: ""; background: #aaa; width: 40px; height: 1px; display: block; position: absolute; top:50%; left: 0;}
.vision_box li div.box2::after{width: 20px;}
.vision_box li div.box2::before{content: ""; background: #aaa; width: 1px; height: 100%; display: block; position: absolute; top:0; left: 20px;}				
.vision_box li .box2_wrap::before{content: ""; background: #aaa; width: 20px; height: 1px; display: block; position: absolute; bottom:0; left: -100px;}
.vision_box li .box2_wrap::after{content: ""; background: #aaa; width: 20px; height: 1px; display: block; position: absolute; top:0; left: -100px;}

.vision_box li div.box1, .vision_box li div.box2, .vision_box li div.box3{width: calc(60% - 150px); margin-right: 60px;}				
.vision_box li div p, .vision_box li div .box2_wrap{border-radius: 200px; text-align: center; font-size: 1.25em; padding: 28px 0; width: 100%; box-sizing: border-box; font-weight: bold;}
.vision_box li div.box1 p{background:#222222;  color: #fff;}
.vision_box li div.box2 .box2_wrap{padding: 0;}
.vision_box li div.box2 .box2_wrap p{color: #222; background: #fff; display: inline-block; width:40%; height: 0px; padding:20% 0 20% 0; border: 1px solid #666; border-radius: 100px; vertical-align: middle; font-size: 1em; margin: 8px;}					
.vision_box li div.box2 .box2_wrap span:not(.bg){margin: -15% 0; display: block;}
.vision_box li div.box2 .box2_wrap span strong{font-weight: normal; font-size: .9em; display: block;}
.vision_box li div.box2 .box2_wrap span.bg{border: none; width: 80%; height: 0px; padding-top:80%; border-radius: 200px; background: #F1F1F1; position: absolute; top:50%; left: 50%; z-index: -1; transform: translate(-50%, -50%);}
.vision_box li div.box3 p{background:#283483;  color: #fff;}
.vision_box li div.txt{width: calc(40% - 10px); padding-left: 80px;}

@media only screen and (max-width: 1024px) {
	.sub-contents .vision_box{padding: 20px;}
	.vision_box li div{padding-left: 60px;}
	.vision_box li div.box1, .vision_box li div.box2, .vision_box li div.box3{margin-right: 20px; width: calc(60% - 120px);}								
	.vision_box li .box2_wrap::before, .vision_box li .box2_wrap::after{left: -40px;}					
	.vision_box li div.txt{width: calc(40% - 10px); padding-left: 60px;}
}
@media only screen and (max-width: 768px) {
	
	.vision_box li h3{width: 100%; text-align: center; margin: 0 0 20px; padding: 0;}
	.vision_box li div p, .vision_box li div .box2_wrap{font-size: 1em;}
	.vision_box li div::before,
	.vision_box li div::after,					
	.vision_box li div.box2::after,
	.vision_box li div.box2::before,
	.vision_box li .box2_wrap::before,
	.vision_box li .box2_wrap::after{content: none;}
	.vision_box li div.box1, .vision_box li div.box2, .vision_box li div.box3{width: 100%; padding: 0; max-width: 600px; display: block;margin: 0 auto;}
	.vision_box li div.txt{width: 100%;margin-top: 16px; padding: 0; text-align: center;}
	.vision_box li div.box2 .box2_wrap{width: 100%; max-width: 500px; margin: 0 auto; text-align: center; display: block;}
	.vision_box li div.box2 .box2_wrap span:not(.bg){margin-top:-12%;}					
	.vision_box li div.box2 .box2_wrap p{margin: 4px;}
	.vision_box li div p {padding: 20px;}
	.sub-contents .bd-view-btns .btn-down{height: auto; text-align: left; line-height: 1.3rem; padding: 8px 8px 8px 48px;}
}