@charset "UTF-8";
@import url(/resource/pinnode/css/new_fonts.css);
@import url(/resource/pinnode/css/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(/resource/asis_common/images/common/ic-com-search-basic.png) no-repeat center center; font-size: 0; margin-top: -12px;}
.search-all .btn-search:hover {background-image: url(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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: 120px; 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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/ic-page-first.png);}
.paging .pbtn .btn-page-prev {background-image: url(/resource/asis_common/images/common/ic-page-prev.png)}
.paging .pbtn .btn-page-next {background-image: url(/resource/asis_common/images/common/ic-page-next.png)}
.paging .pbtn .btn-page-last {background-image: url(/resource/asis_common/images/common/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(/resource/asis_common/images/common/ic-checkbox-off.png) no-repeat left center;padding-left: 30px;}
.facet .fd-check input[type="checkbox"]:checked+label {background:url(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/ic-arr-perv-art.png); }
.article-nav ul li .next {background-image:url(/resource/asis_common/images/common/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:#666;}

/* 교육 */
.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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/ic-anc01-off.png);}
.anc-nav ul .ic-book {background-image: url(/resource/asis_common/images/common/ic-anc02-off.png);}
.anc-nav ul .ic-related {background-image: url(/resource/asis_common/images/common/ic-anc03-off.png);}
.anc-nav ul .ic-online:hover {background-image: url(/resource/asis_common/images/common/ic-anc01-on.png);}
.anc-nav ul .ic-book:hover {background-image: url(/resource/asis_common/images/common/ic-anc02-on.png);}
.anc-nav ul .ic-related:hover {background-image: url(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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;}


.buyinfo_table table {
  width: 100%;
  border-top: 2px solid #6698de;
  border-bottom: 2px solid #6698de;
  word-break: break-all;
  text-align: center;
}
.buyinfo_table .head1>td:nth-child(1) {
  border-bottom: 1px solid #6698de;
  background-color: #f7f8fa;
}
.buyinfo_table .head1, .buyinfo_table .head2 {
  background-color: #f7f8fa;
}
.buyinfo_table .head2 td {
  border-bottom: 1px solid #6698de;
}
.buyinfo_table td {
  border: 1px solid #dadada;
  padding: 5px;
}
@media only screen and (max-width: 798px)
{
  .buyinfo_table table {
  font-size: 11px !important;
  line-height: 150% !important;
  vertical-align: middle;
}
}



@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(/resource/asis_common/images/common/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(/resource/asis_common/images/common/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; display : flex; flex-wrap : wrap; justify-content: space-between; }
  .board-top-search .inner-search-field select { display : block; width : 100%; margin : 0 0 5px 0 }
  .board-top-search .inner-search-field input { width : calc(100% - 50px )}
  .board-top-search #searchKeyword + button,
  .board-top-search .inner-search-field .btn-inner-search  { width : 45px; position : static; height : 35px; border : 1px solid #ccc; margin : 0; }
  .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;}
  .board-top-search .add-link { display : none !important }

  /* 기존 컨텐츠 보정 (소스 수정없이 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 10px;font-size: 15px;color:#fff;background: #757575;border-radius: 5px;text-align: left; min-height: 25px;}

  /* -보존처리 */
  .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: top center !important; padding : 120px 10px 10px 10px !important }
  .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: static !important; 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: 10%;}
  .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('../img/sub/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;}
}


/* 諛뺣Ъ愿   씪 젙 */
.mgl5 {margin-left:5px;}
.month_daily { width:300px; height:auto; position: absolute; top: 0; left: 0; z-index: 1;}
.month_daily .mon {display:block; text-align:center; font-size:18px; color:#444; font-weight:500; padding:10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.month_daily .mon a{ display: inline-block; padding: 0 10px; }
.month_daily .mon a img{ margin-bottom: -3px;}
.month_daily .calender { border-collapse: collapse; width:100%; text-align:center; }
.month_daily .calender th{padding:10px 7px; border-right:1px solid #3d6597; background:#007cbc; color:#fff; border-bottom:1px solid #eff5f8;}
.month_daily .calender td {padding:15px 7px; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6;}
.month_daily .calender td:first-child, .calender th:first-child{border-left:1px solid #e6e6e6;}
.month_daily .calender td.on{font-weight:600; background:#eff3f4;}
.month_daily .calender .red {color:#D44039;}
.month_daily .calender .red_bg {background:#D44039;}
.month_daily .calender .toDayRed {color:#D44039; font-weight:600; background:#eff3f4;}

.month_list { height:auto; position:relative; padding:35px 0 0 330px;}
.month_list .mon { width:180px; text-align:left; font-size:1.4em; color:#444; font-weight:500; padding:5px 5px 5px 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; float:left;}
.month_list .mon_btn { width:210px; float:right;}
.month_list .mon_btn .today a{width:100px; height:30px; color:#666666; line-height:30px; background:#eff4f7; border:1px solid #d0e8f6; display:block; text-align:center; margin-bottom:5px; float:left;}
.month_list .mon_btn .to_month a{width:100px; height:30px; color:#666666; line-height:30px; background:#eff4f7; border:1px solid #d0e8f6; display:block; text-align:center; margin-bottom:5px; margin-left:5px;  float:left;}
.month_list .box {margin-top:10px; padding:10px; height:auto; border:1px solid #e0e0e0; background:#f6f6f6; color:#666; clear:both; }
.month_list .no-day {text-align:left; font-weight:600; color:#D44039;}
.month_list .box ul {margin-bottom:10px; line-height: 1.2em;}
.month_list .box ul li {padding:6px 6px 13px 15px; background: url(/images/common/blt_n.png) no-repeat 3px 10px;}
.month_list .box ul li span.t{ color: #D44039; display: inline-block; padding-right: 10px;}
.month_list .box ul li span.d{ display: block; color: #777; font-size: 0.9em; padding: 5px 0 0 0;}
.month_list .box ul li strong{ color: #444; font-size: 1.2em;}

.month_L  { height:auto; clear:both;}
.month_L .mon {display:block; text-align:center; font-size:1.4em; color:#444; font-weight:500; padding:10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
/*  떖 젰 selectBox 異붽  */
.month_L .monSelect {display:block; text-align:center; font-size:18px; color:#777; font-weight:500; padding:10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.month_L .today a, .to_month a{width:100px; height:30px; color:#666666; line-height:30px; background:#eff4f7; border:1px solid #d0e8f6; display:inline-block; text-align:center;}
.month_L .calender_L { border-collapse: collapse; width:100%; margin-top:10px; table-layout: fixed;}
.month_L .calender_L th{padding:5px 0px; border-right:1px solid #3d6597; background:#007cbc; color:#fff; border-bottom:1px solid #eff5f8;}
.month_L .calender_L td {padding:5px; min-height:100px; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; vertical-align:top;}
.month_L .calender_L td:first-child, .calender_L th:first-child{border-left:1px solid #e6e6e6;}
.month_L .calender_L td.on{ background:#eff3f4;}
.month_L .calender_L td span{display:block; text-align:left; font-weight:600; font-size:13px;}
.month_L .calender_L td li {padding:3px 0;  line-height: 1em;}
.month_L .calender_L td li a{display:block;}
.month_L .calender_L .red a{color:#D44039;}
.month_L .calender_L .red_bg {background:#D44039;}
.month_L .calender_L td ul li a.exh{color:#0a8457; font-size: 0.8em;}
.month_L .calender_L td ul li a.evt{color:#cc0066; font-size: 0.8em;}
.month_L .calender_L td ul li a.cul{color:#0000ff; font-size: 0.8em;}
.month_L .calender_L td ul li a.edu{color:#c74000; font-size: 0.8em;}
.month_L .calender_L td ul li a.ris{color:#7A7200; font-size: 0.8em;}
.month_L .calender_L td ul li b.hol{color:#d12b2b; font-size: 0.8em;}
.month_L .monSelect .btn_search{ padding: 5px 30px; /* background-size: cover; */}
.month_L .monSelect select{ margin-bottom: -1px;}

/* 듅蹂꾩쟾 떆  긽 꽭 럹 씠吏   젅 씠 븘 썐*/

.bold {font-weight:bold;}
.line_B {width:100%; background:url("/images/exhibition_cnts/line_bold.gif" ) repeat-x; height:9px;}
.stich{width:100%; height:1px;  background:url("/images/exhibition_cnts/dash.png" ) repeat-x; margin:30px 0;}
.line_dr{width:100%; height:7px;  background:url("/images/exhibition_cnts/solid.png" ) repeat-x; margin:30px 0;}
#special_wrap { font-size: 1em; width: 100%; height:auto; overflow:hidden; position:relative; clear:both; display:block;}
#special_wrap:after{ clear:both; display:block; content:"";}
#special_wrap .top_box {width:100%; min-height:350px; overflow: hidden;  position:relative; margin-bottom:50px;}
#special_wrap .top_box .s_poster {width:270px; float:left; margin-right:40px;}
#special_wrap .top_box .s_txt {width:450px; float:left; margin-bottom:15px; }
#special_wrap .top_box .s_txt h1 {font-size:34px; color:#000; line-height:40px; text-align:left; font-weight:bold; font-family: ' 굹 닎怨좊뵓','NanumGothic', Dotum,sans-serif;}
#special_wrap .top_box .s_txt .s_txt_list {width:450px; position:absolute; bottom:0; right:0; display:block; line-height:16px;}
#special_wrap .top_box .s_txt .s_txt_list .red {font-size:16px; font-weight:bold; color:#d93f21; line-height:25px;}
#special_wrap .top_box .s_txt .s_txt_list .gray {font-size:12px; font-weight:bold; color:#555555;}
#special_wrap .top_box .s_txt .s_txt_list .info{line-height:1.4em; background:#fafafa; padding:10px; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
#special_wrap p.txt {line-height:1.6em; text-indent:10px;}
#special_wrap .cnt_box {width:100%; display:block; height:auto; margin-top:50px; text-align:justify;}
#special_wrap .cnt_box h1{text-align:center; font-size:28px; line-height:40px; font-weight:bold;}
#special_wrap .cnt_box h2 {margin:30px 0;}
#special_wrap .cnt_box table td {text-align:center; vertical-align:top!important; padding:15px 0; }
.sr-only {   position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.section_table02  { border-bottom:2px solid #dadada;}
.section_table02 thead  { }
.section_table02 thead th {   height:20px; padding:10px 15px 0 15px; text-align:center; font-weight:bold; color:#333333; }
.section_table02 .last {  background:url(../images/user/sub1/bg_table_last.gif) no-repeat top right; }
.section_table02 caption { display:none;}
.section_table02 tbody td {  height:22px; color:#787878; padding:12px 15px 0 15px; border-bottom:1px solid #e3e3e3;  text-align:center; }
.section_table02 tbody td.text { text-align:left !important;  }
.section_table02 tbody td.text img { height:14px; vertical-align:middle;}
.section_table02 tbody th { height:22px; color:#787878; padding:0 15px 0 15px; border-bottom:1px solid #e3e3e3; }
.section_table02 strong { font-weight:bold;  }
.section_table02 .content { padding:15px 0px 30px 0px; line-height:18px; }
.section_table02 .content p { margin-bottom:20px; }
.section_table02 .bg_title {background:#f4f4f4; color:#787878; }
.section_table03 .imgbox{padding:0; margin:0; position:relative;}
.section_table03 .imgbox .viewmore {position:absolute; z-index:100; top:460px; left:620px;}
.section_table03 .imgbox table {width:530px;}
.section_table03 .imgbox table td {line-height:10px;}
.section_table03 .imgbox table.tb300 {width:460px;}
.section_table03 .img {display:block; float:left; width:240px; text-align:center; position:relative; top:0; left:0; padding:17px 0 17px 0; overflow:hidden;}
.section_table03 .img300 {display:block; float:left; width:302px; position:relative; top:0; left:0; padding:0;}
.section_table03 .img300 p {width:300px; height:300px; line-height:300px; text-align:center; vertical-align: middle; border-right:1px solid #dedede; border-bottom:1px solid #e0e0e0; background-color:#efefef;}
.section_table03 .img300 .thums {display:block; float:left; width:300px; margin-bottom:20px;}
.section_table03 .img300 .thums li {float:left; width:53px; height:53px; line-height:53px; background:#efefef; margin:0 5px 0 0; border:1px solid #dedede; vertical-align: middle; text-align: center;}
.section_table03 .img300 .thums li img {max-width:53px; max-height:53px; vertical-align: middle;}
.section_table03 .imgbox table.tb300 td.text {width:310px;}
.section_table03 .img a{position:absolute; top:225px; left:70px;}
.section_table03 .text2{height:140px; border-bottom:none;}
.section_table03 .text_l2{border-bottom:none;}
.section_table02_next{background:none;}
.section_table03 {border-bottom:1px solid #dadada;}
.section_table03 td{line-height:20px; }


/* 諛뺣Ъ愿   냼媛  */
.org_tit h2 {word-break:normal; font-size:20px; line-height:22px; margin-bottom:23px; color:#494949;}
.org_tit p {word-break:normal; font-size:13px; line-height:22px; margin-bottom:23px; color:#777;}
.org_tit img{display:block; margin-bottom:23px;}
.org_infobox {display:block;position:relative;}
.org_infobox div{display:block;}
.org_infobox div span{display:block!important;float:none!important; line-height:19px;margin-left:10px; color:#737373;}
.org_infobox div span img{display:block; margin-bottom:13px;}
.org_infobox div span p{padding:5px 0 22px 0;}
.org_wrap{background:url(/images/sub/p_sub08_03_org_line.gif) no-repeat center 65px; overflow:hidden; margin-top:30px; padding-bottom:20px; position:relative; text-align: center;}
.org_wrap .org_list dt{text-align:center; overflow:hidden; clear:both;}
.org_wrap .org_list dt.hy {margin-left:388px; margin-bottom:40px; margin-top:55px;}
.org_wrap .o{ position:absolute; top:110px; left:50%; margin-left:-25px; color:#757575; font-size:0.9em;}
.org_wrap ul{margin:0 auto;padding:0;list-style:none; height: 1000px; display: inline-block;}
.org_wrap ul:after{display:block;clear:both;content:""}
.org_wrap li{ display: inline-block; padding:30px 0 0 0; text-align: left; margin: 0 -1px;}
.org_wrap li a {display:inline-block;cursor:pointer; padding:0 0 0 4px;float:left; width:123px;}
.org_wrap li ul{display:none;position:absolute;top:170px;right:0;width:100%;margin:0;padding:0;border:0;list-style:none;}
.org_wrap li ul:after{display:block;clear:both;content:""}
.org_wrap.m1 .m1 ul,
.org_wrap.m2 .m2 ul,
.org_wrap.m3 .m3 ul,
.org_wrap.m4 .m4 ul,
.org_wrap.m5 .m5 ul,
.org_wrap.m6 .m6 ul{display:block;}
.org_wrap .org_list dd{text-align:center; overflow:hidden; clear:both;}
.org_wrap .org_list dd.hy {margin-left:390px; margin-top:60px}
.structure{border:4px solid #dadada; padding:10px 0 10px 200px; overflow:hidden; background:#f9f9f9 url(../img/sub/p_sub08_07_img1.gif) no-repeat 0 0;}
.structure ul{float:left; width:200px; line-height: 1.4em;}
.structure ul:first-child{float:left; width:340px;}
.structure ul li{ padding-bottom:1px;}
.list_structure{position:relative; top:0; left:0; line-height:20px; color:#737373; margin:10px 0 0 0; padding-bottom:30px; overflow:hidden;}
.list_structure dt{height:42px;}
.list_structure dd{width:520px; overflow:hidden;}
.contents .list_structure dd h4{background-position:0 6px; padding-left:12px; font-weight: 300;}
.contents .list_structure dd h5{background-position:4px 12px; padding-left:19px;}
.list_structure dd.w{width:100%; padding:0 0 20px 0;}
.list_structure dd.w2{width:100%; padding:75px 0 0 0;}
.list_structure dd.w2 p{ text-align:center; padding:25px 0 0 0;}
.list_structure dd.bg{background:url(/images/sub/p_sub08_07_img5.jpg) no-repeat 0 0; padding:0 0 0 340px;}
.contents .list_structure dd.bg h5{margin-top:0;}
.list_structure dd.img{width:auto; position:absolute; top:23px; right:0;}
.list_structure dd.img2{width:auto; position:absolute; top:45px; right:0;}
.list_structure dd h4{color:#242424;}
.list_structure h4{ font-weight: 600; color:#444;}
.his_tit{ height:48px; padding-top:0px; margin-top:0px;}
.his_tit h2 {word-break:normal; font-size:20px; line-height:22px; margin-bottom:5px; color:#494949;}
.historic dd {color:#555;}
.his_out {border-top: 2px solid #464646; border-bottom: 2px solid #464646;}
.his_line {border-bottom: 1px solid #dadada; position:relative;}
.his_line2 {border-bottom: 0px solid #dadada;}
.his_out div ul {padding:20px 0;}
.his_out div ul li {padding:5px 0 5px 3px; color:#6c6c6c;}
.his_out div ul li.years {font-size:21px; font-family:arial; color:#326cb2;}
.his_out div ul li strong {float:left; width: 60px; }
.his_out div ul li strong,
.his_out div ul li p {line-height:16px;}
.his_line div.imgs {position:absolute; right:3px; bottom:25px; z-index:10;}

/*  꺆 쁺 뿭 20151130  쎒 젒洹쇱꽦  쟻 슜 */
.tab_list3{display:block; position:relative; overflow:hidden; width:100%;}
.tab_list3 ul{position:relative;margin:0;padding:0;border-bottom:2px solid #003964; list-style:none;display:block;}
.tab_list3 ul:after{display:block;clear:both;content:""}
.tab_list3 li{float:left;margin-bottom:-1px; }
.tab_list3 li a{font-size: 0.85em; border-bottom:#003964 solid 1px; margin-right:2px; display:inline-block; background:#fafafa; padding: 5px 10px; vertical-align:middle; border-top:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; color:#878787; letter-spacing:-0.05em;}  /*  꺆留ㅻ돱 蹂 寃쎈 遺  off */
.tab_list3 li a span{display:inline-block;letter-spacing:-1px;cursor:pointer;}
.tab_list3 li ul{display:none;position:absolute;top:30px;right:0;width:100%; border:none; }
.tab_list3 li ul:after{display:block;clear:both;content:""}
.tab_list3 li ul a {padding:0!important;background:none!important; border:none!important; display:block;}
.tab_list3 li table a{ padding:0;}


/*  꺆 쁺 뿭 20151130  쎒 젒洹쇱꽦  쟻 슜- 젙蹂닿났媛쒖븞 궡 */
.tab_list3 li.info a{border-bottom:#003964 solid 1px; margin-right:2px; display:inline-block; background:#fafafa; vertical-align:middle; border-top:#e1e1e1 solid 1px; border-left:#e1e1e1 solid 1px; border-right:#e1e1e1 solid 1px; color:#878787; letter-spacing:-0.05em; }  /*  꺆留ㅻ돱 蹂 寃쎈 遺  off */

/*  꺆 쁺 뿭 20151130  쎒 젒洹쇱꽦  쟻 슜- 긽 꽕 쟾 떆 븞 궡 */
 .tab_list3 ul li.sangsul ul li a{width:170px; height:110px; display:block;}


.tab_list3.m1 .m1 a,
.tab_list3.m2 .m2 a,
.tab_list3.m3 .m3 a,
.tab_list3.m4 .m4 a,
.tab_list3.m5 .m5 a,
.tab_list3.m6 .m6 a,
.tab_list3.m7 .m7 a{background:#003964; border-top:#003964 solid 1px; border-left:#003964 solid 1px; border-right:#003964 solid 1px; color:#fff; font-weight:bold;} /*  꺆留ㅻ돱 蹂 寃쎈 遺  on */

.tab_list3.m1 .on a,
.tab_list3.m2 .on a,
.tab_list3.m3 .on a,
.tab_list3.m4 .on a,
.tab_list3.m5 .on a,
.tab_list3.m6 .on a,
.tab_list3.m7 .on a{background:#003964; border-top:#003964 solid 1px; border-left:#003964 solid 1px; border-right:#003964 solid 1px; color:#fff; font-weight:bold;} /*  꺆留ㅻ돱 蹂 寃쎈 遺  on */

.tab_list3.m1 .m1 a span,
.tab_list3.m2 .m2 a span,
.tab_list3.m3 .m3 a span,
.tab_list3.m4 .m4 a span,
.tab_list3.m5 .m5 a span,
.tab_list3.m6 .m6 a span,
.tab_list3.m7 .m7 a span{font-weight:bold;}

.tab_list3.m1 .m1 ul,
.tab_list3.m2 .m2 ul,
.tab_list3.m3 .m3 ul,
.tab_list3.m4 .m4 ul,
.tab_list3.m5 .m5 ul,
.tab_list3.m6 .m6 ul,
.tab_list3.m7 .m7 ul{display:block;}

/*踰꾪듉*/
.btnwrap{float:left; clear:both; width:100%;}
.blue140{display:inline-block; padding:2px 0 0 10px; width:130px; height:19px; overflow:hidden; background:url(/images/common/button.gif) no-repeat -300px -139px; color:white; font-size:13px; line-height:15px; text-align:left;}
.blue160{display:inline-block; padding:2px 0 0 10px; width:150px; height:19px; overflow:hidden; background:url(/images/common/button.gif) no-repeat -440px -139px; color:white; font-size:13px; line-height:15px; text-align:left;}
.gray80{}
.gray140{display:inline-block; padding:2px 0 0 10px; width:130px; height:19px; overflow:hidden; background:url(/images/common/button.gif) no-repeat -300px -160px; color:white; font-size:13px; line-height:15px; text-align:left;}
.gray160{display:inline-block; padding:2px 0 0 10px; width:150px; height:19px; overflow:hidden; background:url(/images/common/button.gif) no-repeat -440px -160px; color:white; font-size:13px; line-height:15px; text-align:left;}
.darkbtn{display:inline-block; padding:2px 10px; width:auto; height:17px; overflow:hidden; background:#696969; color:white; font-size:13px; line-height:15px; text-align:center;}
.whitebtn{display:inline-block; padding:2px 10px; width:auto; height:17px; overflow:hidden; background:white; border:1px solid #b8b8b8; color:#4e4e4e; font-size:13px; line-height:15px; text-align:center;}
.printbtn{display:inline-block; padding:2px 0 0 30px; width:110px; height:19px; background:url(/images/common/button.gif) no-repeat 0px -399px; color:#606060; font-size:13px; line-height:15px; text-align:left;}
.printbtn2{display:inline-block; padding:2px 0 0 30px; width:40px; height:19px; background:url(/images/common/button.gif) no-repeat -140px -399px; color:#606060; font-size:13px; line-height:15px; text-align:left;}
.eminbtn{display:inline-block; padding:10px 0 0 0; width:233px; height:33px; background:url(/images/common/button.gif) no-repeat -253px 0px; font-size:14px; line-height:18px; font-weight:bold; color:#0e62c3;}
.radius{border-radius:4px;}
.radius1{border-radius:1px;}
.vm{vertical-align:middle;}

.minim{padding:10px 10px; overflow:hidden; border: 2px solid #003964; border-top:none; margin-top:-20px; margin-bottom:30px;}
.minim li{padding:0 10px 0 22px; width:25%; background:url(/resource/asis_common/images/common/bullet.gif) no-repeat 0px -150px; display: inline-block;}
.prytit{width:100%; text-align:center; margin-top:30px; }
.prytit dt{padding-top:4px;  height:23px; text-align:center; font-weight:bold; color:white; font-size:15px; line-height:17px; background:url(/resource/common/img/prytit.gif) no-repeat top center;}
.prytit dt.dno{ display:none;}
.prytit dd{padding-top:5px; width:100%; text-align:center;  font-size:15px; line-height:15px; color:#888888;}
.prytxt{padding:15px 20px; text-align:justify; background:#f1f1f1; overflow:hidden; margin-top:30px; color:#444; font-size:1.1em;}
.pry3{margin-top:10px; padding-left:20px; float:left; clear:both; width:720px; overflow:hidden; font-size:13px; line-height:15px; color:#4e4d4d;}
.pry3txt{display:block; padding-left:40px; clear:both; width:700px; overflow:hidden;}
.pryul{margin-top:10px; padding:10px 20px; color:#4e4d4d; border:1px solid #ddd; font-size:0.9em; line-height:1.6em; color:#666;}
.pryul li{padding-bottom:3px;}
.pryul li dl{margin-top:10px; padding-bottom:20px; padding-left:20px; color:#8C8C8C}
.pryul li dl dt{}
.pryul li dl dd{padding-left:20px;}
.subject8{padding-bottom:5px; overflow:hidden; color:#1477c1; font-size:1.2em; margin-top:30px;}
.text1{ color:#4e4d4d; text-align:justify;}
.text2{color:#4e4d4d; text-align:center;}
.dotted{border-bottom:1px dotted #cccccc;}
.writeform{margin:5px 0; padding:10px; width:95%; height:300px; border:1px solid #e4e4e4;}

/* 넂 씠 꼫鍮 */
.mt5{margin-top:5px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt50{margin-top:50px;} .mt100{margin-top:100px;}
.pb5{padding-bottom:5px;} .pb10{padding-bottom:10px;} .pb20{padding-bottom:20px;}
.pr10{padding-right:10px;}
.pl10{padding-left:10px;} .pl15{padding-left:15px;} .pl20{padding-left:20px;}
.mr5{margin-right:5px;} .mr20{margin-right:20px;} .mr25{margin-right:25px;} .mr30{margin-right:30px;}

.section_table02  { width:100%; border-bottom:2px solid #dadada; }
.section_table02 thead  { }
.section_table02 thead th {   height:20px; padding:10px 15px 0 15px; text-align:center; font-weight:bold; color:#333333; }
.section_table02 .last {  background:url(/images/sub/bg_table_last.gif) no-repeat top right; }
.section_table02 caption { display:none;}
.section_table02 tbody td {  height:22px; color:#787878; padding:12px 15px 0 15px; border-bottom:1px solid #e3e3e3;  text-align:center; }
.section_table02 tbody td.text { text-align:left !important;  }
.section_table02 tbody td.text img { height:14px; vertical-align:middle;}
.section_table02 tbody th { height:22px; color:#787878; padding:0 15px 0 15px; border-bottom:1px solid #e3e3e3; }
.section_table02 strong { font-weight:bold;  }
.section_table02 .content { padding:15px 0px 30px 0px; line-height:18px; }
.section_table02 .content p { margin-bottom:20px; }
.section_table02 .bg_title {background:#f4f4f4; color:#787878; }
.board_view .imgbox{padding:0; margin:0; position:relative;}
.board_view .imgbox .viewmore {position:absolute; z-index:100; top:460px; left:620px;}
.board_view .imgbox table {width:530px;}
.board_view .imgbox table td {line-height:10px;}
.board_view .imgbox table.tb300 {width:460px;}
.board_view .img {display:block; float:left; width:240px; text-align:center; position:relative; top:0; left:0; padding:17px 0 17px 0; overflow:hidden;}
.board_view .img300 {display:block; float:left; width:302px; position:relative; top:0; left:0; padding:0;}
.board_view .img300 p {width:300px; height:300px; line-height:300px; text-align:center; vertical-align: middle; border-right:1px solid #dedede; border-bottom:1px solid #e0e0e0; background-color:#efefef;}
.board_view .img300 .thums {display:block; float:left; width:300px; margin-bottom:20px;}
.board_view .img300 .thums li {float:left; width:53px; height:53px; line-height:53px; background:#efefef; margin:0 5px 0 0; border:1px solid #dedede; vertical-align: middle; text-align: center;}
.board_view .img300 .thums li img {max-width:53px; max-height:53px;}
.section_table03 .imgbox table.tb300 td.text {width:310px;}
.section_table03 .img a{position:absolute; top:225px; left:70px;}
.section_table03 .text2{height:140px; border-bottom:none;}
.section_table03 .text_l2{border-bottom:none;}
.section_table02_next{background:none;}
.section_table03 {border-bottom:1px solid #dadada;}
.section_table03 td{line-height:20px; }

.section_table04 .imgbox {padding-top:10px; margin:0;}
.section_table04 .imgbox table {border-top:1px solid #e3e3e3; width:400px; float:right; margin-right:10px;}
.section_table04 .imgbox table td.bg_title {padding:12px 0px 0 15px; width:80px;}
.section_table04 .img {display:block; float:left; width:328px; text-align:center; position:relative; top:0; left:0; padding:10px 0 0 0; margin-bottom:15px;}
.section_table04 .img img {margin-bottom:10px;}
.section_table04 .img li{float:left; width:60px; height:40px; border-bottom:1px solid #dbdbda; margin-right:7px;}
.section_table04 .imgbox {border-bottom:0px solid #ffffff;}
.viewp_content {  line-height:20px; color:#787878; padding:25px 15px 0px 15px;  }
.viewp_content p { margin-bottom:20px; }
.section_table05 .imgbox {padding: 20px 0 20px 0;  width:736px;}
.section_table05 .img_list {padding:20px 0 20px 0; width:100%; height:110px;}
 .section_table05 .img_list li {float:left; width:115px; height:170px; margin-right:20px;}
.section_table05 .img_list li a img{ margin-bottom: 15px;}
.section_table05 .img_list li div{ overflow:hidden;}
.section_table05 .img_list_td {padding:0 0 0 15px;}

.month {height:43px; background:#fff; padding: 3px 3px 3px 170px; border: 1px solid #ddd; border-radius: 10px; overflow: hidden; position: relative;}
.month_01 {display: inline-block; width:160px; padding:13px 0 0 20px; font-size:1.4em; position: absolute; top:0; left:0;  color:#555; text-align: left;}
.month_02 {display: block; padding:10px 0 8px 20px; font-size:1.1em; color:#fff; background: #757575; border-radius: 5px; text-align: left;}
.month .months div{ display: inline-block; position: absolute; top: 0; right: 0;}
.respon{background:#fafafa url(/images/sub/bg_mail.gif) no-repeat 20px 18px; border-radius:2px; border:1px solid #e4e4e4; color:#737373; overflow:hidden; margin:30px 0 10px 0; padding:12px 45px;}

.pryul1{margin-top:10px; width:100%; line-height:18px; color:#4e4d4d;}
.pryul1 li{list-style:disc; overflow: hidden; background: url(/images/common/blt_dot.gif) no-repeat 0 10px; padding: 0 0 20px 10px;}
.pryul1 img {margin-left:30px;}
.pryul1 li span {color:#cb412d;}
.conul{padding-left:30px; float:left; clear:both; width:100%; overflow:hidden;}
.conul li{padding-left:10px; float:left; clear:both; width:100%; overflow:hidden; color:#4e4d4d; font-size:13px; line-height:20px; background:url(/images/common/bullet.gif) no-repeat 0px -52px;}
.conul li a{display:inline; background:none;}
.new{display:inline-block; background:#fa4c51; color:white; width:13px; height:12px; font-size:9px; line-height:15px; text-align:center; margin:0px 0 0 3px; padding:0 0 1px 0;}

.chapter1{float:left; clear:both; width:315px; overflow:hidden; background:white;}
.calendar{margin:auto; clear:both; width:300px; overflow:hidden; font-size:13px; line-height:15px;}
.calendar span{padding:9px 0; display:block; float:left; clear:both; width:195px; height:20px; overflow:hidden; text-align:center;}
.calendar table{width:100%; font-size:13px; line-height:15px;}
.calendar table thead tr th{height:25px; border:1px solid #3d6597; background:#5e91b9; color:white;}
.calendar table tbody tr td{height:25px; border:1px solid #d5d5d5; text-align:center;}
.calendar table a{color:#4a4a4a;}
.calendar table .eduselcet{padding:5px 0; color:white; background:#ee4517;}
.chapter1{float:left; border:1px solid #eaeaea; border-radius:0px; padding:15px; width:315px; }
.chapter1 *{vertical-align:middle;}
.chapter1 .calendar{width:300px; background:#444242; text-align:center; color:#fff; font-size:12px; line-height:16px; padding:4px 1px 0 0px; overflow:hidden;}
.chapter1 .calendar span {width:100%; font-size:14px;}
.chapter1 .calendar a img{margin-bottom:4px;}
.prvmonth{display:inline-block; width:8px; height:16px; font-size:0; line-height:0; background:url(/images/admin/calendar_prev.gif) no-repeat 0px 0px;}
.nextmonth{display:inline-block; width:8px; height:16px; font-size:0; line-height:0; background:url(/images/admin/calendar_next.gif) no-repeat 0px 0px;}
.chapter1 table{border-collapse:collapse; border-spacing:0; width:100%; text-align:center; table-layout:fixed; line-height:12px; font-size:11px;}
.chapter1 table thead tr th{background:#242424; color:#fff; padding:8px 0 7px 0; border:0px solid #dcdcdc;}
.chapter1 table thead tr th.sun{color:#ff8080;}
.chapter1 table tbody tr td{border:1px solid #dcdcdc; height:35px; font-size:11px; background:#fff; padding:2px; text-align:left; color:#737373; vertical-align:top;}
.chapter1 table tbody tr td p{ text-align:left; color:#555; padding:6px 7px;}
.chapter1 table tbody tr td.bg, .chapter1 table tbody tr td:hover{background:#f3f3f3;}
.chapter1 table tbody tr td.sun p{color:#ce1616;}
.chapter1 table tbody tr td div{ text-align: center;}
.chapter2wrap{float:left; width:445px; position:relative; padding-left:30px;}
.chapter2{padding:0 15px 10px 15px; float:left; clear:both; width:410px; height:auto; min-height:220px; background:white;}
.chapter2wrap{float:left; border:1px solid #eaeaea; border-radius:0px; padding:0px; width:380px; overflow:hidden; margin-left:25px; }
.chapter2{padding:0 15px 10px 15px; float:left; clear:both; width:100%; height:auto; min-height:220px; background:white;}
.chapter2 span{text-align:center; font-size:13px; padding:10px; display:block; width:330px;}
.chapter2 span mark{font-weight:bold; color:#000;}
.reserchck caption{position:absolute; left:-2000px; overflow:hidden;}
.reserchck {border-collapse:collapse; border-spacing:0; width:345px; table-layout:fixed; line-height:20px; text-align:center; border-top:1px solid #ccc;}
.reserchck th, .reserchck td {border-bottom:1px solid #e3e4e3; padding:6px 10px 6px 10px;}
.reserchck th {background:#fafafa; color:#000; vertical-align:middle; width:22%; padding-left:24px; font-weight:normal;}
.reserchck td {color:#666; vertical-align:middle;}
.reserchck td mark{font-weight:400; color:#2873b3; background:none;}

.search_list05{border:1px solid #d4d4d4; background:#fafafa; border-radius:4px; padding:10px 29px;}
.search_list05 table{border-collapse:collapse; border-spacing:0; width:100%; text-align:left; table-layout:fixed; line-height:20px; }
.search_list05 table caption{display:none; }
.search_list05 table th{text-align:left; color:#787878; font-weight:normal; padding:1px 10px;}
.search_list05 table td{text-align:left; color:#787878; font-weight:normal; padding:1px 15px;}
.search_list05 table td select{width:120px; margin-right:10px;}
.search_list05 table td .input{width:340px; margin-right:10px; color:#afafaf; height:18px; font-size:12px;}
.search_list05 table td .input:hover, .search_list02 table td .input:focus{color:#444;}
.search_list05 table td label{padding-right:20px;}

.detail-thumnail {
  display: inline-block;
  width: 388px;
  height: 305px;
  margin-top: -10px;
}
.detail-thumnail > .big_img {
  overflow: hidden;
  display: none;
  width: 388px;
  height: 235px;
  background: #e4e5e4;
  border: 1px solid #c2ccd1;
}
.big_img img{
  max-width: 100%;
  max-height: 100%;}
.detail-thumnail > .big_img.active {
  display: block;
}
.detail-thumnail .thumnail-list {
  display: block;
  width: 100%;
  height: 60px;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 0;
}
.detail-thumnail .thumnail-list li {
  border: 3px solid #E4E5E4;
  display: inline-block;
  float: left;
  width: 66px;
  height: 60px;
  margin: 0 5px 0 0;
  padding: 0;
  background: #e4e5e4;
}
.detail-thumnail .thumnail-list li.active {
  border: 3px solid #ff6666;
}
.detail-thumnail .thumnail-list li img {
  /* border: 3px solid transparent; */
}
.detail-thumnail .thumnail-list li.active img {
  /* border: 3px solid #ff6666; */
}
.detail-thumnail .thumnail-list li.last {
  float: right;
  margin: 0;
}
.table-owndata {
  width: 410px;
  float: right;
  margin-top: 20px;
}
.detail-thumnail.original {
  width: 233px;
  height: 288px;
  padding: 3px;
  border: 1px solid #c2ccd1;
}

.narr_text {

  padding:0 2%;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #ccc;
  font-family: Dotum, " 룍  ";
}

.narr_text p {
  font-size: 12px;
  line-height: 16px;
  color: #333;
  padding: 0 3px;
}

.narr_text .gray {
  background: #e4e4e4;
  margin: 0 10px;
  padding: 5px;
}

.narr_text .title {
  font-size: 25px;
  font-weight: bold;
  color: #000;
}
.video_ifram iframe{width: 700px; height:400px; border: none; overflow: hidden;}


.thumb_wrap { position : relative }
.thumb_wrap span { position : absolute; top : 0; left : 0 }
.thumb_wrap b { position : absolute; bottom : 0; right : 0 }

.modal_wrap { display : none; position : fixed; top : 0; left : 0; width : 100%; height : 100%; background-color : rgba(0,0,0,0.2); z-index : 9 }
.modal_wrap.active { display : block }
.modal_wrap .inner { position : absolute; top : 50%; left : 50%; transform: translate(-50%, -50%); background-color : #fff; border-radius : 5px; min-width : 300px; padding : 20px; max-height : 600px; overflow : auto }
.modal_wrap .inner .title { position : relative; font-size : 20px; padding : 0 0 15px 0 ; border-bottom : 1px solid #111 }
.modal_wrap .inner .title button { position : absolute; top : -10px; right : 0; background : none; width : 50px; height : 50px }
.modal_wrap .inner .title button img { width : 18px; height : 18px; -webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0); }

.modal_wrap .inner .txt { padding : 20px 0 }




@media screen and (max-width:1099px){
  /*
  .month_daily{ position: relative; width: 100%;}
  .month_daily p, .mt{ }
  .month_daily .mon{ padding: 20px 0; font-size: 16px;}
  .month_daily .mon img{ width: 40px; margin-bottom: -6px;}
  .month_list{ padding: 30px 0 0 0;}
  .month_list .mon{ width: auto;}
  .month_list .box{ padding-top: 30px; letter-spacing: -0.05em;}
  .month_list .box ul li {background: url(/images/common/blt_n.png) no-repeat 3px 14px;}
  .month_list .box ul li span.t, .month_list .box ul li strong{ font-size: 1.6em;}
  .narr_text {line-height: 2.4em;}
  .narr_text p{ font-size: 1.4em; line-height: 1.4em;}
  .section_table05 .img_list_td{ padding: 0;}
  .section_table05 .img_list li{margin-right: 5px;}
	 .respon{background:#fafafa url(/images/sub/bg_mail.gif) no-repeat 20px 25px;}
	 .month_list .mon_btn{ width: auto; padding-bottom: 15px;}
	 .month_list .mon_btn .today a, .month_list .mon_btn .to_month a, .month_L .today a, .to_month a{ font-size: 1.6em; width: 150px; padding-top: 10px; height: auto; padding-bottom: 10px;}
	 .month_L .monSelect{ font-size: 2em;}
	 .month_L .monSelect select{ margin-left: 20px; width: 20%;}
	 .month_L .monSelect .btn_search{ padding: 10px 30px; font-size:1em; font-weight: bold; background-size: cover; margin-left: 20px;}
	 .month_L .calender_L td ul li a.exh{ padding-bottom: 10px;}
	 .srchform{ font-size: 1.4em; padding: 15px 0;}*/

	 .video_ifram iframe{ width: 100%; height:350px;}
	 .narr_text span{ line-height: 40px; color:#222;}
	 .org_wrap ul li ul li{ width: 100%;}

	/*  삤 뒛 쓽  씪 젙 */
	.month_daily{ width: 100%; position: relative; margin-bottom: 10px;}
	.month_list{ padding: 10px 0 0 0;}
	.month_daily .mon a img{ width: 30px; margin-bottom: -3px;}
	.month_daily .calender td{ padding: 10px 0;}
	.month_list .box ul li{ background-position: 3px 15px;}
	.month_list .box ul li strong, .month_list .box ul li span.d{ letter-spacing: -0.05em;}
	.month_list .box ul li span.t{ display: none;}
	.org_wrap{background: url(/images/sub/p_sub08_03_org_line_m.gif) no-repeat center 65px;}
	.org_wrap li a, .org_wrap ul li img{ width: 90px;}

	/* 紐⑤컮 씪  룿 듃 */
	.month_daily .mon{ font-size: 30px; line-height: 24px; font-weight: bold;}
	.month_daily .calender th, .month_daily .calender td a span, .month_list .box ul li strong,
	.narr_text, .narr_text{ font-size: 16px; line-height: 24px;}
	.month_list .box ul li span.d{ font-size: 12px; line-height: 20px;}
}