@charset 'utf-8';

.nodata-type {padding: 20px 0; text-align: center;}

/*일반게시판 리스트 형식 type1*/
.board-list-type1 .board-list-content .board-list-thead {border-top: 1px solid #202020; border-bottom: 1px solid #ccc}
.board-list-type1 .board-list-content .board-list-thead > ul {display: table; width: 100%;}
.board-list-type1 .board-list-content .board-list-thead > ul > li {display: table-cell; padding: 19px 0; text-align: center; color: #202020; vertical-align: middle;}
.board-list-type1 .board-list-content .board-list-tbody > ul {display: table; width: 100%; border-bottom: 1px solid #efefef;}
.board-list-type1 .board-list-content .board-list-tbody > ul:last-child {border-bottom: 1px solid #ccc;}
.board-list-type1 .board-list-content .board-list-tbody > ul > li {display: table-cell; padding: 19px 0; text-align: center; vertical-align: middle;
    color: #202020; word-break: keep-all; box-sizing: border-box;}
.board-list-type1 .board-list-content .board-list-tbody > ul > li > a {color: #444;font-family: 'notokr-regular';}
.board-list-type1 .board-list-content .board-list-tbody > ul > li > a:hover, .board-list-type1 .board-list-content .board-list-tbody > ul > li > a:focus {text-decoration: underline}
.board-list-type1 .board-list-content .board-list-tbody > ul > li.l {text-align: left; padding: 19px 20px;}
.board-list-type1 .board-list-content .board-list-tbody > ul > li .pdf_button {
    border: 1px solid #222;
    padding: 4px 12px;
}

.board-list-type3 .board-list-content .board-list-tbody {border-top: 2px solid #222; margin-top: 20px;}
.board-list-type3 .board-list-content .board-list-tbody > ul {display: table; width: 100%; padding: 55px 0; border-bottom: 1px solid #ccc}
.board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l {width: calc(100% - 140px); display: table-cell; padding-left: 25px; vertical-align: middle;
    border-box: box-sizing;}
.board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .subject {display: block; margin-bottom: 25px; font-size: 24px; color: #222; font-weight: normal; font-family: 'notokr-medium'; }
.board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li {float: left; position: relative; padding: 0 15px}
.board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li:last-child {padding-right: 0}
.board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li:before {width: 1px; height: 16px; position: absolute; top: 3px; right: 0; content: ""; background: #ccc;}
.board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li:last-child:before {display: none;}
.board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li > strong {font-weight: normal; font-family: 'notokr-medium'; color: #444; padding-right: 10px}
.board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-r {width: 140px; display: table-cell; text-align: center; vertical-align: middle;}

/*게시판 검색 형식 type1*/
.board-list-header:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.page-search-type1 {width: 460px; float: right; position: relative; background: #f5f5f5; border-radius: 5px;}
.page-search-type1 input[type="text"] {width: 85%; height: 65px; padding-left: 20px; box-sizing: border-box; border: 0; background: none; color: #666666; outline: none; font-size: 18px;}
.page-search-type1 input::placeholder {color: #666666; font-size: 18px; font-family: 'notokr-regular';}
.page-search-type1 .btn-util-search {position: absolute; top: 17px; right: 30px}
.page-search-type1 input::-webkit-input-placeholder { text-align: left; }
.page-search-type1 input::-moz-input-placeholder { text-align: left; }
.page-search-type1 input::-ms-input-placeholder {text-align: left;}
.m-page-search-type1 {display: none;}

.board-list-total {display: inline-block; margin: 25px 0 20px 0;}
.board-list-total span {font-family: 'notokr-medium';}

/*게시판 리스트 형식 footer*/
.board-list-foot {position: relative;}
.board-list-foot .allPage {position: absolute; padding: 18px 30px; background: #f8f8f8;}
.board-list-foot .allPage span {font-weight: 400; }
.board-list-foot .allPage span.b {color: #202020; font-weight: 800}
.board-list-foot .allPage strong {font-size: 18px; color: #000; padding-right: 10px;}

/*pagenation*/
.m-pagenation {display: none;}
.pagenation {text-align: center; margin-top: 60px; clear: both;}
.pagenation a {display: inline-block; vertical-align: top; margin-right: 25px;}
.pagenation a img {width: 36px; height: 39px;}
.pagenation a.prev img, .pagenation a.next img {width: 21px; height: 39px;}
.pagenation a.last {margin-right: 0}
.pagenation ul {display: inline-block; line-height: 37px; vertical-align: middle;}
.pagenation ul li {display: inline-block;}
.pagenation ul li a {font-size: 24px; color: #666; line-height: 24px;}
.pagenation ul li a.on {color: #202020; border-bottom: 1px solid #202020;box-sizing: border-box}
.pagenation ul li:last-child {margin-right: 0}

/*포토게시판 리스트 형식 type1*/
.board-list-type2 {}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt {display: table; width: 100%; padding: 40px 0; border-bottom: 1px solid #ccc}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.img-box-type1 {display: table-cell; width: 330px; height: 217px; padding-right: 40px; vertical-align: middle;}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.img-box-type1 > img {display: block; vertical-align: middle; width: 100%; height: 100%;}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l {display: table-cell; width: calc(100% - 840px); vertical-align: middle;}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l a {font-size: 26px; color: #202020; display: inline-block; margin: 20px 0}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l a:hover, .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l a:focus {text-decoration: underline}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li {display: table; width: 100%; padding-bottom: 10px;}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li strong {display: table-cell; width: 90px; color: #444444; font-size: 18px; font-weight: normal;font-family: 'notokr-medium';}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li span {display: table-cell; width: calc(100% - 90px); font-size: 20px}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt .alt-apply > li {float: left; position: relative; padding: 0 15px;}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt .alt-apply > li:before {display: block; content: ""; width: 1px; height: 15px; background: #cccccc;
    position: absolute; top: 3px; left: 0}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt .alt-apply > li:first-child {padding-left: 0}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt .alt-apply > li:first-child:before {display: none}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt .alt-apply:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r {display: table-cell; width: 470px; font-size: 18px; vertical-align: middle; text-align: center;}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r > span {margin-left: 40px; display: inline-block;}
.board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r .receipt-txt {font-size: 22px;}

/*포토게시판 뷰 형식 type1*/
.board-view-type1 {}
.board-view-type1 .board-view-content:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.board-view-type1 .outview-img-box {float: left; width: 457px; margin-right: 52px;}
.board-view-type1 .outview-img-box img {width: 100%; display: block; box-shadow: 8px 8px #dadada;}
.board-view-type1 .outview-img-box .outview {margin-top: 18px;}
.board-view-type1 .outview-txt-box {float: left; width: calc(100% - 509px);}
.board-view-type1 .outview-txt-box .outview-text {padding: 50px 30px 40px 45px; box-sizing: border-box; border-top: 3px solid #333; background: #f8f8f8;}
.board-view-type1 .outview-txt-box .outview-text > strong {font-size: 36px; color: #202020; display: inline-block; margin-bottom: 30px;font-weight: normal;
    font-family: 'notokr-medium';}
.board-view-type1 .outview-txt-box .outview-list > li {display: table; width: 100%; padding-bottom: 15px;}
.board-view-type1 .outview-txt-box .outview-list > li:last-child {padding-bottom: 0}
.board-view-type1 .outview-txt-box .outview-list > li strong {display: table-cell; width: 150px; color: #444444; font-size: 16px; font-weight: normal;font-family: 'notokr-medium';}
.board-view-type1 .outview-txt-box .outview-list > li p {display: table-cell; width: calc(100% - 100px); font-size: 16px; word-break: keep-all}
.board-view-type1 .outview-txt-box .alt-apply {margin-bottom: 30px;}
.board-view-type1 .outview-txt-box .alt-apply > li {float: left; position: relative; padding: 0 15px; font-size: 17px;}
.board-view-type1 .outview-txt-box .alt-apply > li:before {display: block; content: ""; width: 1px; height: 15px; background: #cccccc;
    position: absolute; top: 3px; left: 0}
.board-view-type1 .outview-txt-box .alt-apply > li:first-child {padding-left: 0}
.board-view-type1 .outview-txt-box .alt-apply > li:first-child:before {display: none}
.board-view-type1 .outview-txt-box .alt-apply:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
/* .board-view-type1 .view-info{margin-top:100px} */
.board-view-type1 .view-info-cont {padding: 80px 35px;}
.board-view-type1 .view-info-cont.line {border-bottom: 1px solid #efefef}
.board-view-type1 .view-info .view-info-cont-t1 {padding: 0 !important;}
.board-view-type1 .view-info .view-info-cont-t1 .codeView01 {padding: 25px 0}
.board-view-type1 .view-info .view-info-cont-t1 p {line-height: 26px; word-break: break-all}
.board-view-type1 .tbl-type1 tbody td.l {color: #202020}
.btn-outview-area {margin-top: 35px}
.btn-outview-area .btn {padding: 12px 2px; font-size: 26px; font-family: 'NanumSquare'; font-weight: 800;}
.btn-outview-area:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.btn-outview-area .r {float: right;}
.btn-outview-area.flex-buttons { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.btn-outview-area.flex-buttons .btn { margin: 0; }
.btn-outview-area.flex-buttons:after {display: none;}
.relation-area {margin-top: 80px; border-top: 1px solid #ddd}
.relation-area > ul > li {width: 100%; padding: 16px 0; border-bottom: 1px solid #efefef }
.relation-area > ul > li:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.relation-area > ul > li strong {float: left; width: 190px; color: #444444; font-size: 16px; font-weight: normal;font-family: 'notokr-medium';}
.relation-area > ul > li .relation-info {float: left; width: calc(100% - 190px); font-size: 16px; word-break: keep-all}
.relation-area > ul > li .relation-info a {color: #666;}
.relation-area > ul > li .relation-info a:hover, .relation-area > ul > li .relation-info a:focus {text-decoration: underline}
.relation-area > ul > li .relation-info .swiper-slide {width: 213px; margin-right: 30px;}
.m-view-list {display: none;}

.board-view-type1 .outview-tit-box {float: left; width: 457px; margin-right: 52px; padding: 40px 20px 0 20px; border-top: 2px solid #000; box-sizing: border-box}
.board-view-type1 .outview-tit-box .label-list {margin-bottom: 15px;}
.board-view-type1 .outview-tit-box .outveiw-tit {display: block; margin-bottom: 30px; font-size: 46px; color: #202020; font-weight: normal;font-family: 'notokr-medium'; }
.board-view-type1 .outview-tit-box .outview-list > li {display: table; width: 100%; margin-bottom: 10px;}
.board-view-type1 .outview-tit-box .outview-list > li:last-child {padding-bottom: 0}
.board-view-type1 .outview-tit-box .outview-list > li strong {display: table-cell; width: 130px; color: #202020; font-size: 16px; font-weight: normal;}
.board-view-type1 .outview-tit-box .outview-list > li p {display: table-cell; width: calc(100% - 130px); font-size: 16px; word-break: keep-all}

/*교육ㆍ행사*/
.edu-content .tab-type1 { width: 100%;}
.edu-content .tab-type1:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.edu-content .tab-type1 > ul {width: 355px; vertical-align: middle; float: left;}
.edu-section {width: calc(100% - 355px); padding-top: 30px; text-align: right; vertical-align: middle; float: right;}
.edu-section > strong {display: inline-block; margin: 0 20px; color: #444; font-size: 18px; font-weight: normal; font-family: 'notokr-medium';}
.edu-section > .serverTime {display: inline-block;padding: 5px 25px; border: 1px solid #ccc; border-radius: 30px; text-align: center; color: #3f89dd}
.page-search-type1.detail-search {width: 555px; border-radius: 5px; background: #f5f5f5; }
.page-search-type1.high-detail-search {width: 670px;}
.select-box-type.high-select-left {height: 65px; border: 0;}
.page-search-type1.detail-search .page-search-type1 {width: auto; float: none; position: relative;}
.page-search-type1.detail-search > div {float: right; width: 400px;}
/*.page-search-type1.detail-search > div:before{width:1px; height:26px; position: absolute; top:20px; right:0; background: #ddd; content:""}*/
.page-search-type1.detail-search > a {width: calc(100% - 400px); display: block; line-height: 64px; float: left; color: #444; font-size: 20px; text-align: center; position: relative;}
.page-search-type1.detail-search > a:before {width: 1px; height: 26px; position: absolute; top: 20px; right: 0; background: #ddd; content: ""}
.page-search-type1.detail-search > a i {width: 15px; height: 8px; margin-left: 12px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_sm_black_open.png) no-repeat center; background-size: 15px 8px;}
.common-option-content {display: none; clear: both; padding: 50px 0; background: #f8f8f8;}
.common-option-content .inner-option-content {margin: 0 auto;}
/*max-width:1070px; padding:0 15px*/
.common-option-content .receipt-box {display: table; width: 100%; }
.common-option-content .receipt-box.last ul {border-bottom: 0; padding-top: 40px; padding-bottom: 0;}
.common-option-content .receipt-box > strong {display: table-cell; width: 185px; vertical-align: top; font-weight: normal; color: #222222; font-size: 24px;}
.common-option-content .receipt-box > ul {display: table-cell; width: calc(100% - 185px); padding-bottom: 20px; vertical-align: top; border-bottom: 1px solid #ccc}
.common-option-content .receipt-box > ul > li {float: left; width: 20%; margin-bottom: 20px;}
.common-option-content .receipt-box > ul > li > a {color: #666; font-size: 18px;}
.common-option-content .receipt-box > ul:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.common-option-content .detail-search {margin-top: 30px;}
.common-option-content .detail-search:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.common-option-content .inner-detail-search {width: calc(100% - 158px); float: left; position: relative; background: #ffffff; border: 1px solid #ddd; border-radius: 5px;
    box-sizing: border-box}
.common-option-content .inner-detail-search input[type="text"] {width: 90%; height: 60px; padding-left: 20px; box-sizing: border-box; border: 0; background: none; color: #666666; outline: none; font-size: 18px;}
.common-option-content .inner-detail-search input::placeholder {color: #666666; font-size: 18px; font-family: 'notokr-regular';}
.common-option-content .inner-detail-search .btn-util-search {position: absolute; top: 15px; right: 30px}
.common-option-content .inner-detail-search input::-webkit-input-placeholder { text-align: left; }
.common-option-content .inner-detail-search input::-moz-input-placeholder { text-align: left; }
.common-option-content .inner-detail-search input::-ms-input-placeholder {text-align: left;}
.common-option-content .btn-simple-search {float: left; width: 145px; margin-left: 13px; display: block;line-height: 60px; color: #444; font-size: 20px; text-align: right;}
.common-option-content .btn-simple-search i {width: 43px; height: 42px; margin-left: 12px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_circle_close.png) no-repeat center; background-size: 43px 42px;}
.common-option-content .option-choice-area {max-width: 885px; width: 100%; font-size: 18px; display: table; margin-top: 35px;}
.common-option-content .option-choice-area strong {display: table-cell; width: 145px; padding-right: 20px; position: relative; font-weight: normal; color: #202020;}
.common-option-content .option-choice-area strong:before {width: 1px; height: 20px; position: absolute; top: 3px; right: 20px; background: #ddd; content: ""}
.common-option-content .option-choice-area strong i {width: 28px; height: 28px; margin-right: 12px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_filter_img.png) no-repeat center; background-size: 28px 28px;}
.common-option-content .option-choice-area p {display: table-cell; width: calc(100% - 255px); color: #3f0b9f;}
.common-option-content .option-choice-area .option-reset {display: table-cell; width: 90px;}
.common-option-content .option-choice-area .option-reset a {color: #202020;}
.common-option-content .option-choice-area .option-reset a > i {width: 23px; height: 23px; margin-left: 12px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_reset_img.png) no-repeat center; background-size: 23px;}

.common-option-content .option-choice-area .option-reset2 {display: table-cell; width: 90px;}
.common-option-content .option-choice-area .option-reset2 a {color: #202020;}
.common-option-content .option-choice-area .option-reset2 a > i {width: 23px; height: 23px; margin-left: 12px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_reset_img.png) no-repeat center; background-size: 23px;}
/*국문 추가 CSS*/
.board-list-header.ebook-report-margin {margin-bottom: 40px;}

/*마이페이지 > 로그인*/
.join-content {max-width: 1070px; margin: 0 auto 70px auto; padding-top: 60px; border-top: 2px solid #333333;}
.join-content .login-cont {width: 100%; max-width: 800px; margin: 0 auto; display: table;}
.join-content .login-cont i.ico-login {width: 114px; height: 114px; display: table-cell; vertical-align: top; background: url(/ux/content/images/common/ico/ico_login_img.png) no-repeat top;
    background-size: 114px;}
.join-content .login-cont .login-txt {display: table-cell; padding-left: 40px; width: calc(100% - 154px); vertical-align: middle;}
.join-content .login-cont .login-txt strong {display: block; margin: 20px 0 15px 0; font-size: 36px; color: #202020; font-family: 'NanumSquare'; font-weight: 600;}
.join-content .login-cont .login-txt p {font-size: 18px;}
.join-content .login-cont .login-txt .btn-area {margin-top: 40px}
.join-content .login-info {margin-top: 60px; padding: 35px 0 40px 0; text-align: center; background: #f8f8f8;border-bottom: 1px solid #ebebeb;}
.join-content .login-info > p {display: inline-block; padding-right: 50px;}
.join-content .login-cont .login-txt .btn-area a {margin-right: 7px;}

/*예약하기*/
.step-tit {text-align: center; padding: 0 15px;}
.step-tit img {max-width: 100%;}
.step-tit .edu-section {display: inline-block; width: 100%; text-align: center; padding: 60px 0 0 0; float: none}
.step-tit .m-bg-reserv {display: none;}
.apply-content {padding: 60px 0; margin-top: 60px;background: #f8f8f8;}
.inner-apply-cont {max-width: 1440px; padding: 0 15px; margin: 0 auto;}
.apply-content .step1-info .step1-area-l {float: left; width: 66%; margin-right: 2.5%}
.apply-content .step1-info .step1-area-r {float: left; width: 31.5%}
.apply-content .step1-info .step1-area-r.step2 .input-list > li strong {font-weight: normal; margin-left: 30px;}
.apply-content .step1-info .step1-area-r.step2 .input-list > li:before {top: 10px;}
.apply-content .step1-info:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.apply-content .step-tb-box {padding: 40px 60px; background: #fff;}
.apply-content .step-tb-box .step1-tit {display: block; margin-bottom: 40px; text-align: center; font-size: 32px; color: #202020; font-weight: normal; font-family: 'notokr-medium';}
.apply-content .tbl-type2 {margin-top: 50px;}
.apply-content .select-t1:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.apply-content .select-t1 .select-box-type {float: left; width: calc(100% - 110px); vertical-align: middle;}
.apply-content .select-t1 .btn {float: left; margin-left: 20px; vertical-align: middle; margin-top: 2px;}
.apply-content .step-box {padding: 30px; background: #fff; margin-bottom: 40px}
.apply-content .step-box .inpt {max-width: 90px; margin: 0 20px; vertical-align: middle}
.apply-content .step-box .btn-delete {vertical-align: middle; margin-left: 30px;}
.apply-content .btn-area {margin-top: 25px;}
.apply-content .btn-area > a {margin-left: 15px;}

.input-list {}
.input-list > li {position: relative; padding-left: 20px; margin-bottom: 20px;}
.input-list > li:last-child {margin-bottom: 0}
.input-list > li:before {position: absolute; top: 18px; left: 0; width: 3px; height: 3px; content: ""; background: #000;}
.input-list > li > span:first-child { display: inline-block; width: 120px; line-height: 32px;}
.input-list > li > span.eng-inpu-list-span:first-child {width: 220px;}

.apply-content .step2-info {clear: both; margin-top: 60px; padding-top: 50px; border-top: 1px solid #cccccc}
.apply-content .step2-info .step2-area-l {float: left; width: 49%; margin-right: 2%}
.apply-content .step2-info .step2-area-r {float: left; width: 49%}
.apply-content .step2-info:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.groupBox-area {margin-top: 80px;}
.groupBox-area:last-child {margin-top: 50px;}
.groupBox-area .groupBox {border: 1px solid #ccc; background: #fff}
.groupBox {padding: 40px;}
.groupBox ul li {line-height: 30px;}
.agreeLbl {padding: 30px 25px; background: #f8f8f8;}
.agreeLbl .agreeLbl-txt > li {margin-bottom: 20px; vertical-align: middle}
.agreeLbl .agreeLbl-txt > li:last-child {margin-bottom: 0}
.agreeLbl .agreeLbl-txt > li span {margin-right: 15px;}
.agreeLbl .agreeLbl-txt > li span.txt {color: #222}

.apply-btn {margin: 25px 0 100px 0; text-align: right}
.apply-btn a {margin-right: 10px;}
.apply-btn a:last-child {margin-right: 0}

.file-area a.ckbox-label {font-size: 16px;}
.file-area .checkbox {line-height: 24px}
.file-area .add-area-type1 {margin-bottom: 15px;}
.file-area p {line-height: 24px;}

.apply-content .step2-info {border-top: 0}
.step3-tit {text-align: left; padding-top: 40px; display: table; width: 100%; max-width: 855px; margin: 0 auto;}
.step3-tit i.icon-ok {display: table-cell; width: 129px; height: 129px;padding-right: 30px; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_step3.png) no-repeat left center;background-size: 129px}
.step3-tit p {display: table-cell; width: calc(100% - 159px); font-size: 42px; color: #222; line-height: 60px;vertical-align: middle; text-align: left; font-family: 'notokr-medium';}

/*온라인 학습 영상 자료실*/
.online-box {padding: 40px 0 60px 0; background: #f8f8f8;}
.online-box .online-info {display: table; width: 100%;}
.online-box .online-info .tit {width: 265px; padding-right: 100px; display: table-cell; vertical-align: top }
.online-box .online-info .tit i.ico-online {width: 54px; height: 54px; display: inline-block; background: url(/ux/content/images/common/ico/ico_tit_img1.png) no-repeat left center;background-size: 54px}
.online-box .online-info .tit p {margin-top: 10px; font-size: 42px; line-height: 60px; color: #222;font-family: 'notokr-DemiLight';word-break: keep-all;}
.online-box .online-info .list {width: calc(100% - 365px); display: table-cell; line-height: 26px; vertical-align: top}
.online-box .online-info .list > ul > li {margin-top: 15px;}
.online-box .online-info .list > ul > li:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.online-box .online-info .list > ul > li > span:first-child {float: left; width: 27px; height: 27px; margin-right: 15px; font-size: 15px; text-align: center; line-height: 27px; color: #fff; border-radius: 100%; background: #000;}
.online-box .online-info .list > ul > li > span:last-child {float: left; width: calc(100% - 42px)}
.online-box .online-info .list > ul > li > span:last-child > a {color: #222; font-family: 'notokr-medium';}
.online-btn {clear: both; text-align: right; margin-top: 25px}
.online-btn a.down {margin-right: 20px;}
.online-btn a.down i {width: 24px; height: 27px; display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_down_off_img.png) no-repeat left center;}
.online-btn a.youtube i {width: 28px; height: 20px; display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_youtube_off_img.png) no-repeat left center;}
.online-btn a.down:hover i {background: url(/ux/content/images/common/ico/ico_down_on_img.png) no-repeat left center;}
.online-btn a.youtube:hover i {background: url(/ux/content/images/common/ico/ico_youtube_on_img.png) no-repeat left center;}
.online-page-tab {margin-bottom: 50px;}
/*영문 추가 CSS*/
.online-box .online-info .list.eng-new-list ul > li {margin-top: 15px;}
.online-box .online-info .list.eng-new-list ul > li > span:first-child { float: left; width: 27px; height: 27px; margin-right: 15px; font-size: 15px; text-align: center; line-height: 27px;
    color: #fff; border-radius: 100%; background: #000;}
.online-box .online-info .list.eng-new-list ul > li > span:last-child {float: left; width: calc(100% - 42px);}
.online-box .online-info .list.eng-new-list ul > li:after { clear: both; display: block; overflow: hidden; content: ""; height: 0;}
.eng-new-list .reser-tit {margin-top: 20px; font-size: 20px; color: #222; font-family: 'notokr-medium';}

/*일반게시판 뷰 형식 type1*/
.board-view-type2 {}
.board-view-type2 .board-view-content:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.board-view-type2 .board-view-txt {float: left; width: calc(100% - 390px);}
.board-view-type2 .board-view-txt .alt-apply > li {float: left; position: relative; padding: 0 15px; font-size: 17px;}
.board-view-type2 .board-view-txt .alt-apply > li:before {display: block; content: ""; width: 1px; height: 15px; background: #cccccc;
    position: absolute; top: 3px; left: 0}
.board-view-type2 .board-view-txt .alt-apply > li:first-child {padding-left: 0}
.board-view-type2 .board-view-txt .alt-apply > li:first-child:before {display: none}
.board-view-type2 .board-view-txt .alt-apply:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.board-view-type2 .board-view-txt .subject {display: block; margin: 20px 0 35px 0; font-size: 48px; line-height: 55px; color: #222; font-weight: normal; font-family: 'notokr-medium';}
.board-view-type2 .board-view-txt .view-l > li {display: inline-block; }
.board-view-type2 .board-view-txt .view-l > li {margin-right: 35px}
.board-view-type2 .board-view-txt .view-l > li:last-child {margin-right: 0}
.board-view-type2 .board-view-txt .view-l > li strong {color: #444444; font-family: 'notokr-medium'; font-weight: normal; margin-right: 15px; font-size: 16px;}
.board-view-type2 .board-view-txt .view-body {margin-top: 20px; border-top: 2px solid #222; border-bottom: 1px solid #dddddd}
.board-view-type2 .board-view-txt .view-body .viewStyle1 {padding: 40px 0;}
.board-view-type2 .board-view-aside {width: 330px; margin-left: 60px; float: right;}
.board-view-type2 .board-view-aside .aside-list {}
.board-view-type2 .board-view-aside .aside-list li {padding: 36px 30px 36px 0; border-bottom: 1px solid #dddddd;}
.board-view-type2 .board-view-aside .aside-list li strong {display: block; margin-bottom: 15px; color: #202020; font-weight: normal; font-family: 'notokr-medium';}
.board-view-type2 .board-view-aside .aside-list li.file:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.board-view-type2 .board-view-aside .aside-list li.file > a {display: table; width: 100%; margin-top: 20px;}
.board-view-type2 .board-view-aside .aside-list li.file i.Icon-file-type1 {display: table-cell; width: 24px; height: 27px;padding-right: 15px;vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_down_black.png) no-repeat; background-size: 24px 27px;}
.board-view-type2 .board-view-aside .aside-list li.file span {display: table-cell; width: calc(100% - 39px); }
.board-view-type2 .board-view-aside .aside-list li a {color: #666}
.board-view-type2 .board-view-aside .aside-list li a:hover {text-decoration: underline}
.view-foot {position: relative; text-align: center; margin-top: 40px;}
.view-foot a.btn-view {display: inline-block; color: #333333; font-size: 17px; font-family: 'notokr-medium';}
.view-foot .btn-view-prev {position: absolute; top: 10px; left: 0}
.view-foot .btn-view-prev i {width: 82px; height: 16px; display: block; content: ""; background: url(/ux/content/images/common/ico/ico_view_prev.png) no-repeat;
    background-size: 82px 16px;}
.view-foot .btn-view-next i {width: 82px; height: 16px; display: block; content: ""; background: url(/ux/content/images/common/ico/ico_view_next.png) no-repeat;
    background-size: 82px 16px;}
.view-foot .btn-view-next {position: absolute; top: 10px; right: 0}
.view-body .m-file {display: none;}
/* 추가 CSS*/
.board-view-type2 .board-view-txt.set-new-board-view-txt {width: 100%}

.board-view-type2 .board-view-txt .view-body.type2 {margin-top: 0}
.board-view-type2 .board-view-aside .aside-list.collection {display: table; width: 100%;}
.board-view-type2 .board-view-aside .aside-tit {font-size: 22px; color: #222222; font-weight: normal; font-family: 'notokr-medium';}
.board-view-type2 .board-view-aside .aside-list .img-box {width: 80px; height: 80px; padding-right: 25px; display: table-cell; vertical-align: middle;}
.board-view-type2 .board-view-aside .aside-list .img-box > img {width: 100%;}
.board-view-type2 .board-view-aside .aside-list .txt-box {display: table-cell; width: calc(100% - 105px); vertical-align: middle;}
.board-view-type2 .board-view-aside .aside-list .txt-box > span {display: block; font-size: 14px; margin-bottom: 8px;}
.board-view-type2 .board-view-aside .aside-list .txt-box > p {font-size: 17px; color: #222;}
.board-view-type2 .board-view-aside .aside-list.collection li:last-child {border-bottom: 0}
/*eng추가CSS - 게시판 하단 마크 -*/
.eng-board-view-bottom {display: table; padding: 40px 0 30px 40px; border-bottom: 1px solid #ddd;}
.eng-board-view-bottom > img:nth-child(1) {display: table-cell;}
.eng-board-view-bottom > img:nth-child(2) {display: none;}
.eng-board-view-bottom > div {display: table-cell; vertical-align: middle; font-family: 'notokr-DemiLight'; color: #666; font-size: 16px; padding: 0 70px 0 40px;}

/*공공누리 마크*/
.codeCopyright {padding: 25px 40px; border-bottom: 1px solid #ddd; display: table; width: 100%; box-sizing: border-box; display: none;}
.codeCopyright img {display: table-cell; width: 217px; height: 56px; margin-right: 40px; vertical-align: middle }
.codeCopyright .txt {display: table-cell; width: calc(100% - 257px); line-height: 28px; vertical-align: middle}
.codeCopyright .txt > a {color: #202020; }
.codeCopyright .txt > a:hover {text-decoration: underline}

/*이미지 게시판 list*/
.inner-board-img-body {max-width: 1220px; margin: 0 auto; padding: 0 15px;}

.img-list-type1 .info-area a > strong {font-size: 24px; color: #202020; display: inline-block; margin: 15px 0 20px 0;font-weight: normal; word-break: keep-all;
    font-family: 'notokr-medium';}
.img-list-type1 .info-area a:hover strong, .img-list-type1 .info-area a:focus strong {text-decoration: underline}
.img-list-type1 .info-area .info-list > li {display: table; width: 100%; padding-bottom: 10px;}
.img-list-type1 .info-area .info-list > li:last-child {padding-bottom: 0}
.img-list-type1 .info-area .info-list > li strong {display: table-cell; width: 70px; color: #444444; font-size: 16px; font-weight: normal; font-family: 'notokr-medium';}
.img-list-type1 .info-area .info-list > li p {display: table-cell; width: calc(100% - 70px); font-size: 16px; word-break: keep-all}

/*교육 / 행사 list*/
.show-list {margin-top: 50px;}
.show-list > li {float: left; width: 28%; margin-right: 8%; margin-bottom: 80px;}
.show-list > li .img-box img {width: 100%; display: block;}
.show-list > li:nth-child(3n+0) {margin-right: 0}
.show-list:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.show-list > li .info {margin-top: 30px;}
.show-list > li .info > p {line-height: 26px;}
.show-list > li .info a {display: inline-block; margin-bottom: 20px; height: 70px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.show-list > li .info a > strong {font-size: 24px; color: #202020; font-weight: normal; word-break: keep-all; font-family: 'notokr-medium';}
.show-list > li .info a:hover strong, .show-list > li .info a:focus strong {text-decoration: underline}
.show-list > li .info .info-list > li {display: table; width: 100%; padding-bottom: 10px;}
.show-list > li .info .info-list > li:last-child {padding-bottom: 0}
.show-list > li .info .info-list > li strong {display: table-cell; width: 70px; color: #444444; font-size: 16px; font-weight: normal; font-family: 'notokr-medium';}
.show-list > li .info .info-list > li p {display: table-cell; width: calc(100% - 70px); font-size: 16px; word-break: keep-all}

/*카드 형식*/
.board-list-card { /*border-bottom:1px solid #dddddd;*/ padding-bottom: 100px;}
/*20240308 페이징 위 라인 삭제*/
.board-list-card.recommend {border-bottom: 0; padding: 0}
.board-list-card .card-wrap {width: 100%;}
.board-list-card .card-container {width: 100%; position: relative; padding-left: 0;}
.board-list-card .card {width: 440px; overflow: hidden;}
.board-list-card .card a:hover, .board-list-card .card a:focus {text-decoration: underline}
.board-list-card .card img {width: 100%; display: block;}
.board-list-card .card .txt {margin-top: 25px;}
.board-list-card .card .txt strong {display: block;margin-bottom: 7px; color: #888; font-size: 14px; font-family: 'notokr-DemiLight'; font-weight: normal;}
.board-list-card .card .txt a {display: block; margin-bottom: 15px; color: #202020; font-size: 22px;font-family: 'notokr-medium'; letter-spacing: -1px; line-height: 32px;
    word-break: break-all}
.board-list-card .card .txt strong.tit {display: block; margin-bottom: 15px; color: #202020; font-size: 24px;font-family: 'notokr-medium'; letter-spacing: -1px; line-height: 32px;
    word-break: break-all}

/*2021.3.16 추가*/
.board-list-card.showroom .card > a {position: relative; max-height: 100%; display: block; margin: 0 auto;}
.board-list-card.showroom .card img {max-width: 100%; max-height: 100%; width: auto; height: auto; text-align: center; margin: 0 auto;vertical-align: middle;}
.board-list-card.showroom .card > a:before {position: absolute; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.03); z-index: 1}

/*옵션 박스 type*/
.common-option-content.type2 {display: block;}
.common-option-content.type2 .receipt-box {display: block; width: 100%; text-align: center;}
/*margin-top:30px*/
.common-option-content.type2 .receipt-box > ul {display: inline; width: 100%; padding-bottom: 0; vertical-align: top; border-bottom: 0}
.common-option-content.type2 .receipt-box > ul > li {float: none; display: inline-block; width: auto; margin-right: 40px; margin-bottom: 0; margin-top: 30px;}
.common-option-content.type2 .receipt-box > ul > li > a {color: #666; font-size: 18px;}
.common-option-content.type2 .receipt-box > ul > li:last-child {margin-right: 0}
.common-option-content.type2 .detail-search {margin-top: 0;}
.common-option-content.type2 .inner-detail-search {width: auto; max-width: 700px; float: none; margin: 0 auto; position: relative;}

/*큐레이터 추천 소장품*/
.board-list-header.full {max-width: 1440px; margin: 0 auto 70px auto; padding: 0 15px;}

/* 큐레이터 추천유물 - 문단 */
.curator50 { max-width: 720px; margin: 0 auto; line-height: 20px; text-align: justify;}
.curator50 img {max-width: 100%}
.curator50 h4 {margin-bottom: 50px;}
.curator50 h5 {margin-bottom: 20px; color: #3e5972; font-size: 15px;}
.curator50 .prg {overflow: hidden; width: 100%; margin-bottom: 30px;}
.curator50 .prg p {margin-bottom: 25px;}
.curator50 .prg .quot {padding: 0 15px !important; color: #8f8b80;}
.curator50 .right {text-align: right;}
.curator50 .prg .annotate {margin: 0; padding: 10px 0 0 14px !important; color: #8f8f8f; font-size: 11px; line-height: 16px; border-top: 1px solid #8f8f8f;}
.curator50 .prg .annotate span {margin-left: -14px;}
.curator50 .clear {clear: both;}

/* 큐레이터 추천유물 - 이미지 */
.curator50 .thum {padding-top: 4px;}
.curator50 .thum p {margin-bottom: 5px;}
.curator50 .thum span {display: block; padding: 7px 10px 5px; color: #83817b; font-size: 11px; line-height: 14px; background-color: #f5f5f5;}
.curator50 .fr {float: right; max-width: 360px; margin: 0 0 20px 30px;}
/* right position */
.curator50 .fr2 {float: right; max-width: 200px; margin: 0 0 20px 30px;}
/* right position2 */
.curator50 .fl {float: left; max-width: 360px; margin: 0 30px 20px 0;}
/* left position */

.curator50 .fl2 {float: left; max-width: 300px; margin: 0 30px 20px 0;}
/* left position */
.curator50 .ctr_h1 { max-width: 575px; margin: 0 auto;}
/* horizontal type 1cut */
.curator50 .ctr_v1 { max-width: 397px; margin: 0 auto;}
/* vertical type 1cut */
.curator50 .ctr_v2 { max-width: 690px; margin: 0 auto;}
/* vertical type 2cut */
.curator50 .ctr_v2_each {overflow: hidden; max-width: 680px; margin: 0 auto;}
/* vertical type 2cut each */
.curator50 .ctr_v2_each .frImg {float: right; max-width: 339px;}
.curator50 .ctr_v2_each .flImg {float: left; max-width: 339px;}
.curator50 .ctr_v2_each .caption {float: right; max-width: 339px;}
.curator50 .ctr_v2_each .caption span {margin-top: 5px;}
.curator50 .ctr_v3 { max-width: 690px; margin: 0 auto;}
/* vertical type 3cut */
.curator50 .ctr_v3 ul {overflow: hidden; max-width: 692px;}
.curator50 .ctr_v3 ul li {float: left; max-width: 225px; margin-right: 2px;}
.curator50 .ctr_v3 ul li.last { max-width: 226px;}
.curator50 .ctr_v4 { max-width: 690px; margin: 0 auto;}
/* vertical type 4cut */
.curator50 .ctr_v4 ul {overflow: hidden; max-width: 692px;}
.curator50 .ctr_v4 ul li {float: left; max-width: 168px; margin-right: 2px;}
.curator50 .ctr_v21_each { overflow: hidden; max-width: 720px; margin: 0 auto; }
/* vertical type 2cut each */
.curator50 .ctr_v21_each .frImg { float: right; max-width: 358px; }
.curator50 .ctr_v21_each .flImg { float: left; max-width: 358px; }
.curator50 .ctr_v21_each .caption { float: right; max-width: 358px; }
.curator50 .ctr_v21_each .caption span { margin-top: 5px; }

/* 큐레이터 추천유물 - 공통 */
.curator50 .mt5 {margin-top: 5px !important;}
.curator50 .mb0 {margin-bottom: 0 !important;}
.curator50 .mb5 {margin-bottom: 5px !important;}
.curator50 .mb25 {margin-bottom: 25px !important;}
.curator50 .mb50 {margin-bottom: 50px !important;}
.curator50 .w136 {width: 136px !important;}
.curator50 .w180 {width: 180px !important;}
.curator50 .w228 {width: 228px !important;}
.curator50 .w265 {width: 265px !important;}
.curator50 .w270 {width: 270px !important;}
.curator50 .w283 {width: 283px !important;}
.curator50 .w339 {width: 339px !important;}
.curator50 .w395 {width: 395px !important;}
.curator50 .w450 {width: 450px !important;}
.curator50 .h28 {height: 28px !important;}
.curator50 .h42 {height: 42px !important;}
.curator50 .h56 {height: 56px !important;}
.curator50 .h112 {height: 112px !important;}
.curator50 .h126 {height: 126px !important;}
.curator50 .ls-1 {letter-spacing: -1px;}
.curator50 .vam {vertical-align: middle;}
.curator50 .tbl {width: 100%; margin-bottom: 25px; border-top: 1px solid #ededed; border-left: 1px solid #ededed;}
.curator50 .tbl th, .curator50 .tbl td {border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; text-align: center;}
.curator50 .tbl th {background-color: #f5f5f5;}

/*소장품 검색*/
.selection-box {margin-top: 50px;}
.selection-box .selection-info {float: left; width: 32%; margin-right: 2%;}
.selection-box .selection-info:last-child {margin-right: 0}
.selection-box .selection-info > strong {display: block; margin-bottom: 20px; font-size: 24px; color: #222; font-weight: normal;font-family: 'notokr-medium'; }
.selection-box .selection-info > .selection-area .selection-list {float: left; width: 50%; padding: 20px 0; max-height: 220px; overflow-x: auto; background: #fff;}
.selection-box .selection-info > .selection-area .selection-list ul li {margin-bottom: 20px; padding: 0 0 0 15px; letter-spacing: -1px; text-align: left}
.selection-box:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.selection-box .selection-info > .selection-area:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.collection-option {margin-bottom: 50px;}
.collection-option .inner-option-content {max-width: 1360px;}
.common-option-content.collection-option .option-choice-area {max-width: 100%}
.common-option-content.collection-option .inner-detail-search {width: calc(100% - 378px);}
.common-option-content.collection-option .detail-search {max-width: 1075px; margin: 0 auto}
.common-option-content.collection-option .inner-detail-search input[type="text"] {width: 60%}
.radio-list {float: left; width: 400px; line-height: 60px;}
.radio-list li {display: inline-block; margin-right: 20px;}
.collection-search {max-width: 1000px; float: right;}
.collection-search:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.board-view-type1 .view-info .view-info-cont-t1 .btn-list {margin: 25px 0 50px 0}
.board-view-type1 .view-info .view-info-cont-t1 .btn-list i {display: inline-block; margin-left: 10px; vertical-align: middle;}
.board-view-type1 .view-info .view-info-cont-t1 .btn-3d i {width: 19px; height: 22px; background: url('/ux/content/images/common/ico/ico_3d_img.png') no-repeat center;
    background-size: 19px 22px;}
.board-view-type1 .view-info .view-info-cont-t1 .btn-curator i {width: 20px; height: 22px; background: url('/ux/content/images/common/ico/ico_curator_img.png') no-repeat center;
    background-size: 20px 19px;}
.board-view-type1 .outview-txt-box.collection {border-top: 1px solid #ccc}

/*소장품 검색 swiper*/
.preview {margin-bottom: 100px;}
.gallery-top {height: 859px;}
.btn-img-down {width: 38px; height: 41px; position: absolute; bottom: 25px; right: 25px; background: url('/ux/content/images/common/ico/ico_down_black.png') no-repeat center;}
.gallery-top .swiper-button {width: 43px; height: 127px; position: absolute; top: 50%; margin-top: -63.5px; border: 0}
.gallery-top .swiper-button-prev {background: url('/ux/content/images/common/btn/L_btn_swiper_prev.png') no-repeat center; left: 0}
.gallery-top .swiper-button-prev::after {content: ''}
.gallery-top .swiper-button-next {background: url('/ux/content/images/common/btn/L_btn_swiper_next.png') no-repeat center; right: 0}
.gallery-top .swiper-button-next::after {content: ''}
.gallery-thumbs .swiper-slide {width: 60px; height: 60px; position: relative;}
.gallery-thumbs .swiper-slide:last-child {margin-right: 0;}
.gallery-thumbs .swiper-slide:before {position: absolute;top: 0; left: 0; width: 60px; height: 60px; border: 1px solid #888; box-sizing: border-box; content: ""}
.gallery-thumbs .swiper-slide.swiper-slide-active {}
.gallery-thumbs .swiper-slide.swiper-slide-active:before {border: 5px solid #000; box-sizing: border-box; content: ""}
.thumbs-area {position: relative; overflow: hidden; margin-top: 28px;}

/*소장품 뷰 확대*/
.gallery-top .research-link {position: absolute; bottom: 0; right: 40px;}
.gallery-top .research-link a {background: #fff}
.gallery-top .research-link .btn-zoom i {width: 18px; height: 18px; padding-left: 10px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_zoom.png) no-repeat right; background-size: 18px}
.popup-collection {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 100;}
.img-content {width: 100%; height: 100%; overflow: hidden; position: relative;}
.img-content .imgFullScreen {position: absolute;left: 50%;top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.img-content .imgFullScreen img {width: 565px;}
.popup-collection .tit {width: 100%; position: absolute;left: 0;top: 55px;z-index: 10}
.popup-collection .tit:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.popup-collection .tit h3 {display: inline-block; margin-left: 90px; font-size: 36px; color: #fff;font-weight: normal;font-family: 'notokr-medium'; }
.popup-collection .tit ul {float: right; margin-right: 40px;}
.popup-collection .tit ul li {display: inline-block; margin-right: 15px}
.popup-collection .tit ul li:last-child {margin-right: 0}
.popup-collection .btn-file-down { position: absolute;right: 40px;bottom: 90px;z-index: 10; background: #fff}
.popup-collection .btn-file-down i {width: 22px; height: 21px; padding-left: 10px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_sm_down_black.png) no-repeat right; background-size: 22px 21px}

/*새창 팝업*/
.popup-inner {padding: 0 40px; margin-top: 40px;}
.popup-inner > h1 {color: #202020; font-size: 32px; font-weight: normal;font-family: 'notokr-medium';vertical-align: middle; }
.popup-inner > h1 > img {width: 34px; height: 36px; display: inline-block; vertical-align: top;}
.popup-inner .popup-content {margin-top: 50px;}
.popup-inner .popup-content .pop-desc {}
.popup-inner .popup-content .pop-desc > strong {color: #444; font-size: 20px; font-weight: normal;font-family: 'notokr-medium';vertical-align: middle; }
.popup-inner .popup-content .pop-desc > .pop-txt {line-height: 28px; margin-top: 15px;}
.popup-inner .popup-content .popup-list li {margin-top: 35px;}
.popup-inner .popup-content .popup-list ul li strong {display: block; margin-bottom: 10px; color: #222; font-size: 18px; font-weight: normal;}

/*소장품 열람*/
.board-list-content .board-list-tbody .reading-content-area.bg {background: #f4f4f4; margin-top: 0;}
.board-list-content .board-list-tbody .reading-content-area::after {content: '';display: block;clear: both;}
.board-list-content .board-list-tbody .reading-content-area.bg > li:first-child {float: left; width: calc(100% - 510px); border-top: 0; padding: 80px 56px 48px 60px; box-sizing: border-box;}
.board-list-content .board-list-tbody .reading-content-area.bg > li:last-child {float: left; width: 510px;}
.board-list-content .board-list-tbody .reading-content-area {background: #fff; margin-top: 100px; max-width: 1440px;margin: 50px auto 70px auto;padding: 0 15px;}
.board-list-content .board-list-tbody .reading-content-area > li:first-child {float: left; width: calc(100% - 390px); box-sizing: border-box; border-top: solid 2px #222222;}
.board-list-content .board-list-tbody .reading-content-area > li:last-child {float: left; width: 390px;}
.reading-content .reading-main-title {font-family: 'NanumSquare'; font-size: 42px; font-weight: 300; color: #333333}
.reading-content .reading-main-title2 {padding-top: 26px; font-family: 'notokr-DemiLight'; font-size: 18px; line-height: 28px; font-weight: 300; color: #444444}
.reading-content .reading-small-content {padding: 30px; margin-top: 18px; border-radius: 8px; background: #fff;}
.reading-content .reading-small-content > li {display: table; margin-bottom: 20px;}
.reading-content .reading-small-content > li > div {display: table-cell;}
.reading-content .reading-small-content > li > div:first-child {width: 63px;}
.reading-content .reading-small-content > li > div > h4 {font-family: 'notokr-medium'; font-size: 16px; color: #444444; font-weight: 500;}
.reading-content .reading-small-content > li > div > p {font-family: 'notokr-DemiLight'; font-size: 16px; color: #444444; font-weight: 300;}
.reading-content .reading-small-content > li > div:last-child {width: calc(100% - 63px);}
.reading-content .reading-small-content > li:last-child .reading-content-type2 {padding-left: 4px;}
.reading-body-title .reading-body-content::after {content: '';display: block; clear: both;}
.reading-body-title .reading-body-content > li {width: 100%; display: table; padding: 20px 0 20px 0; border-bottom: solid 1px #eaeaea;}
.reading-body-title .reading-body-content > li:last-child {border-bottom: 0;}
.reading-body-title .reading-body-content > li > div {display: table-cell;}
.reading-body-title .reading-body-content > li > div:first-child {width: 156px; }
.reading-body-title .reading-body-content > li > div:last-child {width: calc(100% - 156px); padding-left: 6px;}
.reading-body-content-type1 > h4 {font-family: 'notokr-medium'; font-size: 24px; color: #222222; font-weight: 500; }
.reading-body-content-type2 .reading-body-content-min {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; font-weight: 300; }
.reading-body-content-type2 .reading-body-content-min > li {margin-bottom: 12px; display: table}
.reading-body-content-type2 .reading-body-content-min > li::before {width: 2px; height: 2px; float: left; background: #000; content: '';display: table-cell; vertical-align: middle; margin-right: 10px; position: relative; top: -5px;}
.reading-body-content-type2 .reading-body-content-min > li > span {display: table-cell;}
.reading-side-box > li {margin-left: 90px; border-bottom: solid 1px #eaeaea;}
.reading-side-box > li:last-child {border-bottom: 0;}
.reading-side-box > li:last-child > h4 {padding-top: 14px;}
.reading-side-box > li > h4 {font-family: 'notokr-medium'; font-size: 16px; color: #202020; font-weight: 500;}
.reading-side-box > li > p {padding: 16px 0 22px 0; font-family: 'notokr-DemiLight'; font-size: 16px; line-height: 26px; color: #666666; word-break: keep-all; }
.online-btn.reading {text-align: left; margin-top: 0;}
.btn-lg.reading {font-size: 18px; padding: 0 4px 8px 4px; box-sizing: border-box;}
.online-btn.reading a.down {margin-right: 0;}
.online-btn.reading a.down i { margin-left: 12px; vertical-align: bottom;}
.page-tab-type1.reading {padding-top: 0;}
.page-content-type1.reading {margin: 0 auto;}

/*Global Excavation Projects Korea-Mongolia*/
.eng-exca-total {padding-top: 30px;}
.eng-exca-title {margin-bottom: 100px;}
.eng-exca-title > strong {font-size: 32px; color: #222; font-family: 'notokr-medium'; font-weight: normal;}
.eng-exca-sub-title {font-size: 24px; color: #222; font-family: 'notokr-DemiLight';}
.eng-exca-sub-txt {font-size: 16px; line-height: 28px; margin-top: 20px; color: #666; font-family: 'notokr-DemiLight';}
.eng-exca-content {margin-top: 70px; padding-bottom: 80px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.eng-exca-content > strong {font-size: 32px; margin-bottom: 30px; color: #222; font-family: 'notokr-medium'; font-weight: normal; display: block;}
.eng-exca-img > img {width: 100%;}
.m-eng-exca-mongolia-img {display: none;}
.eng-exca-mongolia-img {display: block;}
.eng-exca-img-txt {font-size: 22px; line-height: 36px; margin-top: 60px; color: #222; font-family: 'notokr-DemiLight';}
.eng-exca-img-sub-txt {margin-top: 10px;}
.eng-exca-img-sub-txt > li {font-size: 16px; margin-bottom: 40px; line-height: 28px; color: #666; font-family: 'notokr-DemiLight';}
.eng-exca-img-sub-txt > li:last-child {margin-bottom: 0;}
.eng-exca-table > strong {font-size: 32px; margin-top: 70px; color: #222; font-family: 'notokr-medium'; font-weight: normal; display: block;}
.eng-exca-table > p {font-size: 24px; margin: 50px 0 20px; color: #222; font-family: 'notokr-DemiLight';}
.m-eng-exca-table {display: none;}
table.eng-exca-tbl > tbody > tr > td {border-right: 1px solid #efefef;}
table.eng-exca-tbl > tbody > tr > td:last-child {text-align: left; padding-left: 30px; border-right: 0;}
table.general-tbl.eng-exca-tbl > tbody > tr:last-child > td {border-bottom: solid 1px #efefef;}
.eng-exca-point {padding-left: 10px; position: relative;}
.eng-exca-point:before {position: absolute; top: 12px; left: 0; width: 2px; height: 2px; content: ''; background: #000;}
.eng-exca-point-bottom > p {margin-bottom: 20px;}
.eng-exca-point-bottom > p:last-child {margin-bottom: 0;}
.eng-exca-links {display: table; margin-top: 100px;}
.eng-exca-links > strong {font-size: 32px; display: table-cell; width: 390px; color: #222; font-family: 'notokr-medium'; font-weight: normal; display: block;}
.eng-exca-links > ul {display: table-cell; width: calc(100% - 390px); }
.eng-exca-links > ul > li {margin-bottom: 20px;}
.eng-exca-links > ul > li > p {font-size: 18px; margin-bottom: 6px; color: #222; font-family: 'notokr-regular';}
/*Global Excavation Projects Korea-Vietnam*/
.eng-exca-vietnam-img {max-width: 1194px;}

/*Conservation Science International Exchanges*/
.eng-conser-main-img:after {clear: both; height: 0; content: ''; display: block;}
.eng-conser-main-img > img {width: 100%; display: block;}
.eng-conser-img-title {font-size: 15px; padding: 10px 72px 50px 0; float: right; font-family: 'notokr-DemiLight'; color: #666;}
.eng-conser-exc-top:after {clear: both; content: ''; height: 0; display: block;}
.eng-conser-exc-top {margin-bottom: 50px; display: table}
.eng-conser-exc-top > li {display: table-cell}
.eng-conser-exc-title {font-size: 32px; width: 27%; font-family: 'notokr-medium'; color: #222; vertical-align: top;}
.eng-conser-exc-title > span {display: block;}
.eng-conser-exc-img {width: 520px;}
.eng-conser-exc-img > img {width: 100%; display: block;}
.eng-conser-exc-img-txt {font-size: 15px; line-height: 22px; width: calc(100% - 910px); padding: 0 80px 0 20px; box-sizing: border-box; vertical-align: bottom; font-family: 'notokr-DemiLight'; color: #666; vertical-align: bottom;}
.eng-conser-exc-txt {font-size: 24px; margin-top: 60px; margin-bottom: 40px; font-family: 'notokr-DemiLight'; color: #222;}
.eng-exca-content > p:nth-child(2) {margin-top: 0;}
.eng-conser-exc-info {padding-left: 6px;}
.eng-conser-exc-info > li {display: table; width: 100%; margin-bottom: 20px;}
.eng-conser-exc-info > li > strong {display: table-cell; width: 160px; font-weight: normal;}
.eng-conser-exc-info > li > strong > span {font-size: 16px; padding-left: 12px; font-family: 'notokr-medium'; color: #222; position: relative;}
.eng-conser-exc-info > li > strong > span:before {position: absolute; top: 12px; left: 0; width: 2px; height: 2px; content: ''; background: #000;}
.eng-conser-exc-info > li > p {font-size: 16px; width: calc(100% - 160px); color: #666; font-family: 'notokr-DemiLight'; display: table-cell;}
.eng-conser-exc-top2 {padding: 80px 0 30px; }
.eng-conser-exc-img-box:after {clear: both; content: ''; display: block; height: 0;}
.eng-conser-exc-img-box > div {float: left; width: 255px; margin-right: 10px;}
.eng-conser-exc-img-box > div:last-child {margin-right: 0;}
.eng-conser-exc-img-box > div > img {width: 100%; display: block;}
.eng-conser-exc-img-box > div > p {font-size: 15px; margin-top: 10px; color: #666; font-family: 'notokr-DemiLight';}
table.eng-conser-exc-tbl > tbody > tr > td:last-child {text-align: center;}

/*Exhibitions and Workshops*/
.eng-conser-content {border: 0; padding-bottom: 0;}
.eng-conser-work-txt {font-size: 24px; margin-bottom: 30px; margin-top: 60px; color: #222; font-family: 'notokr-DemiLight';}
.eng-conser-work-txt > span {font-size: 16px; padding-left: 30px; color: #666;}
.eng-conser-work-info {padding-left: 6px;}
.eng-conser-work-info > li {display: table; margin-bottom: 20px;}
.eng-conser-work-info > li > strong {display: table-cell; width: 510px; font-weight: normal;}
.eng-conser-work-info > li > strong > span {font-size: 16px; padding-left: 12px; font-family: 'notokr-medium'; color: #222; position: relative;}
.eng-conser-work-info > li > strong > span:before {position: absolute; top: 12px; left: 0; width: 2px; height: 2px; content: ''; background: #000;}
.eng-conser-work-info > li > p {font-size: 16px; width: calc(100% - 510px); color: #666; font-family: 'notokr-DemiLight'; display: table-cell;}
.eng-conser-work-box {display: table; width: 100%;}
.eng-conser-work-box > div {display: table-cell; vertical-align: middle; }
.eng-conser-work-box > div:last-child {margin-bottom: 0;}
.eng-conser-work-box > div:nth-child(1) {width: 138px; padding-right: 40px;}
.eng-conser-work-box > div:nth-child(1) > p {font-size: 22px; padding: 36px 0; font-family: 'notokr-medium'; color: #fff; background: #10013f; text-align: center;}
.eng-conser-work-box > div:nth-child(2) > ul > li {margin-bottom: 10px;}
.eng-conser-work-box > div:nth-child(2) > ul > li:last-child {margin-bottom: 0;}
.eng-conser-work-box-bottom {margin-bottom: 20px;}
.eng-conser-work-box2 > li {display: table; width: 100%; margin-bottom: 20px;}
.eng-conser-work-box2 > li:last-child {margin-bottom: 0;}
.eng-conser-work-box2 > li > strong {display: table-cell; width: 138px; padding-right: 40px;}
.eng-conser-work-box2 > li > strong > span {font-size: 22px; padding: 10px 0; font-family: 'notokr-medium'; color: #fff; background: #10013f; text-align: center; display: block;}
.eng-conser-work-box2 > li > p {font-size: 16px; color: #666; display: table-cell; font-family: 'notokr-DemiLight'; vertical-align: middle;}
table.eng-conser-work-tbl > tbody > tr > td:last-child {text-align: center;}

/*International Conferences List*/
.card.report > a.eng-confer-box {height: 340px; background: #efefef; display: flex; align-items: center; justify-content: center;
    flex-direction: column; text-align: center;}
.card.report > a.eng-confer-box img {width: inherit; max-width: 100%; max-height: 100%;}
.show-list > li .info > p.eng-confer-txt {font-family: 'notokr-DemiLight';}

/*International Conferences View*/
.board-view-type2 .board-view-txt .view-body .viewStyle1.eng-conferview {padding: 180px 0 80px;}
.board-view-type2 .board-view-aside .aside-list li.eng-confer-file {padding: 66px 30px 36px 0;}
.eng-confer-txt {font-size: 16px; line-height: 28px; font-family: 'notokr-light'; color: #666;}

/*Exchange Programs*/
.eng-pro-p {display: block;}
.eng-national-box1.eng-pro-box1 {padding: 0 15px;}
.eng-pro-link-box {background: #f8f8f8;}
.org-link-box.eng-pro-link-box > li {width: 27.8%; margin-right: 8.1%;}
.org-link-box.eng-pro-link-box {padding: 66px 95px 70px 95px;}
.eng-pro-txt h4 i {width: 12px; height: 23px; padding-left: 16px; display: inline-block; background: url('/ux/content/images/common/btn/btn_eng_right_btn.png') no-repeat center; background-size: 12px 23px;
    vertical-align: middle;}
.eng-pro-txt h4:hover {text-decoration: underline;}

/*Specialist Exchange: Japan*/
.eng-pro-m-img {display: none;}
.eng-pro-about-m {display: none;}
.eng-pro-sub-title {margin-top: 30px;}
.eng-pro-content {padding-top: 70px; border-top: 1px solid #eaeaea;}
.eng-pro-about-title {font-size: 32px; margin-bottom: 40px; color: #222; display: block; font-weight: normal; font-family: 'notokr-medium';}
.btn-middle.eng-middle {padding: 0 2px;}
.eng-pro-about-txt {font-size: 18px; margin-bottom: 6px; color: #222; font-family: 'notokr-regular';}
.eng-pro-about-sub-txt {font-size: 16px; line-height: 28px; margin-bottom: 40px; color: #666; font-family: 'notokr-DemiLight';}
.eng-pro-site {font-size: 18px; color: #222; margin-top: 40px; font-family: 'notokr-regular';}
.eng-pro-links {font-size: 16px; margin-top: 10px; color: #3f89dd; font-family: 'notokr-DemiLight';}
.eng-pro-links:hover {text-decoration: underline;}

/*Specialist Exchange: China*/
.eng-china-m-img {display: none;}
.eng-pro-table-box {margin: 50px 0 100px;}
.eng-pro-china-year-box {display: table; width: 100%;}
.eng-china-year {display: table-cell; font-size: 48px; width: 260px; padding-right: 90px; color: #970119; font-family: 'NanumSquare'; font-weight: 700; vertical-align: top;}
.eng-china-img {display: table-cell; width: calc(100% - 350px);}

/*NMK Senior Fellowship*/
.eng-fellow-m-tbl {display: none;}
.eng-fellow-content { padding: 70px 0 100px; border-top: 1px solid #eaeaea;}
.eng-fellow-middle-slide {background: #f8f8f8; padding: 40px 0;}
.eng-fellow-content2 {padding-top: 70px; border-top: 1px solid #ddd;}
.eng-fellow-pc-tbl > strong:nth-child(1) {margin-top: 0;}
.eng-fellow-tbl-title {font-size: 24px; margin-top: 60px; margin-bottom: 20px; color: #222; font-family: 'NanumSquare'; font-weight: 700; display: block;}
.eng-fellow-links {display: block; color: #3f0b9f;}
.eng-fellow-links:hover {text-decoration: underline;}
/*스와이퍼*/
.ui-photoGallery.eng-fellow-swiper {max-width: 1050px; margin: 0 auto;}
.research-gallery-top.eng-fellow-pallery-top {margin: 0;}
.research-gallery-top .swiper-slide.eng-fellow-swiper-slide {width: 1050px; height: 475px;}
.thumbs-area.eng-fellow-bg {background: #f8f8f8; margin-top: 0; padding: 40px 0;}
.ui-photoGallery .swiper-button.eng-fellow-swiper-button, .library-swiper-container .swiper-button.eng-fellow-swiper-button {margin-top: -127px !important;}

/*NMK Network Fellowship*/
.eng-pro-curr-tbl-m {display: none;}
.page-content-type1.eng-curr-type {margin: 0 auto 0 auto;}
.eng-pro-curr-content {padding-bottom: 80px;}
.eng-pro-curr-title {font-size: 24px; line-height: 36px; margin-bottom: 50px; color: #222; font-family: 'notokr-DemiLight';}
table.general-tbl.eng-pro-curr-tbl > tbody > tr > td:nth-child(1) {font-size: 20px; color: #222; font-family: 'notokr-medium';}
.eng-curr-tbl-txt {margin-top: 40px;}
.eng-curr-tbl-txt > p {font-size: 16px; padding-left: 30px; margin-bottom: 12px; color: #666; font-family: 'notokr-DemiLight'; position: relative;}
.eng-curr-tbl-txt > p:before {position: absolute; top: 12px; left: 14px; width: 2px; height: 2px; content: ''; background: #222;}
.eng-curr-tbl-txt > p:last-child {margin-bottom: 0;}
/*eng-curr-tab-box full 영역*/
.eng-curr-tab-title {max-width: 1440px; margin: 0 auto; padding: 80px 15px 0 15px; border-top: 1px solid #eaeaea;}
.swiper-top-padding.eng-curr-swiper {max-width: 1050px; margin: 0 auto;}
.eng-curr-year-album {background: #f8f8f8; padding-top: 40px;}
.eng-curr-year-txt {display: table; width: 100%; max-width: 1050px; margin: 0 auto; padding: 70px 0 60px;}
.eng-curr-year-txt-title {display: table-cell; font-size: 48px; width: 100px; padding-right: 30px; font-family: 'notokr-regular';}
.eng-curr-year-txt-sub {display: table-cell; width: calc(100% - 130px); padding-top: 10px; vertical-align: top;}
.eng-curr-year-txt-sub > li {font-size: 16px; margin-bottom: 20px; padding-left: 14px; color: #666; font-family: 'notokr-DemiLight'; position: relative;}
.eng-curr-year-txt-sub > li:before {position: absolute; top: 14px; left: 0; width: 2px; height: 2px; content: ''; background: #222; }
.eng-curr-year-txt-sub > li:last-child {margin-bottom: 0;}
/*하단 영역*/
.eng-curr-bottom-sub {max-width: 1440px; margin: 0 auto; padding: 0 15px 60px 15px;}
.eng-curr-bottom-box1 {display: table; width: 100%; padding: 60px 0; border-top: 1px solid #eaeaea;}
.eng-curr-bottom-title {display: table-cell; font-size: 32px; width: 210px; padding-right: 170px; color: #222; font-family: 'notokr-medium';}
.eng-curr-bottom-txt {display: table-cell; width: calc(100% - 380px); vertical-align: top;}
.curr-bottom-sub-title {font-size: 18px; line-height: 30px; margin-bottom: 40px; color: #222; font-family: 'notokr-regular';}
.curr-bottom-sub-txt > li {font-size: 16px; margin-bottom: 14px; padding-left: 14px; color: #666; font-family: 'notokr-DemiLight'; position: relative;}
.curr-bottom-sub-txt > li:before {position: absolute; top: 14px; left: 0; width: 2px; height: 2px; content: ''; background: #222; }
.curr-bottom-sub-txt2 > li {display: table; width: 100%; margin-bottom: 20px;}
.curr-bottom-sub-txt2 > li:last-child {margin-bottom: 0;}
.curr-bottom-sub-txt2 > li > strong {display: table-cell; font-size: 18px; width: 70px; padding-right: 30px; color: #222; font-family: 'notokr-regular'; font-weight: normal;}
.curr-bottom-sub-txt2 > li > p {display: table-cell; width: calc(100% - 100px); font-size: 16px; color: #666; font-family: 'notokr-DemiLight';}

/*복제*/
.reading-body-title2 {padding-bottom: 70px;}
.reading-body-title.replication {border-bottom: solid 1px #eaeaea;}
.reading-body-title2 > h3 {font-family: 'notokr-medium'; font-weight: 500; font-size: 24px; color: #202020; display: block; padding: 25px 0 60px 0;}
.reading-body-title2 > h3 > span {font-family: 'notokr-DemiLight';}
.pc-replication-tbl {display: block;}
.m-replication-tbl {display: none;}
table.tbl-type5 {width: 100%; text-align: center; border-collapse: collapse; border-top: solid 1px #000000; }
table.tbl-type5 > thead > tr > th {padding: 23px 5px; font-family: 'notokr-regular'; font-size: 16px; color: #202020; background: #f8f8f8; border-bottom: solid 1px #cccccc; font-weight: normal;}
table.tbl-type5 > tbody > tr > td {padding: 23px 5px; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; border-left: solid 1px #efefef; border-bottom: solid 1px #efefef; word-break: keep-all; }
table.tbl-type5 > tbody {border-bottom: solid 1px #cccccc;}
table.tbl-type5 > tbody > tr:first-child > td {border-top: 0;}
table.tbl-type5 > tbody > tr:first-child > td:first-child {font-family: 'notokr-regular';}
table.tbl-type5 > tbody > tr:first-child > td:first-child {border-left: 0;}
table.tbl-type5 > tbody > tr:last-child > td {border-bottom: 0;}
table.tbl-type5 > tbody > tr:nth-of-type(6) > td {border-bottom: 0;}
table.tbl-type5 > tbody > tr:nth-of-type(6) > td:last-child {border-bottom: solid 1px #efefef}
table.tbl-type5 > tbody > tr:nth-of-type(6) > td:first-child { border-left: 0;font-family: 'notokr-regular';}

/*기증안내*/
.page-header.donation-intor {margin: 30px auto 36px auto;}
.page-content-type1.donation-intro {margin: 0 auto 75px auto;}
.page-content-type1.donation-intro > img {width: 100%;}
.reading-body-content-type1-intro {padding: 34px 0; border-bottom: solid 1px #eaeaea;}
.reading-body-content-type1-intro > h4 {padding-bottom: 18px; font-family: 'notokr-medium'; font-weight: 500; font-size: 24px; color: #222222; line-height: 36px; word-break: keep-all;}
.reading-body-content-type1-intro > p {font-family: 'notokr-DemiLight'; font-weight: 300; font-size: 16px; line-height: 26px; color: #666666; text-align: justify; word-break: keep-all; }
.donation-body-content > li:last-child > div {border-bottom: 0;}

/*기증사례*/
.donation-case-area {border-top: solid 2px #222222; padding: 58px 0 42px 0;}
.donation-case-area::after {content: '';display: block;clear: both;}
.page-content-type1.donation-case > ul > li {float: left; width: 33.3%; text-align: center; display: table;}
.page-content-type1.donation-case > ul > li > div {padding-top: 22px;}
.page-content-type1.donation-case > ul > li::before {width: 1px; height: 172px; background: #dddddd; content: '';display: table-cell;vertical-align: middle; }
.page-content-type1.donation-case > ul > li:first-child::before {display: none;}
.donation-case-area > li > div > i > img {width: 40px;vertical-align: middle;margin-right: 10px;}
.donation-case-area > li > div > span {font-family: 'notokr-medium'; font-size: 26px; color: #222222; vertical-align: middle }
.donation-case-area > li > div > p {font-family: 'NanumSquare'; font-weight: 800; font-size: 72px; padding-top: 16px;}
.donation-case-area > li > div > p > span {font-family: 'notokr-regular'; font-size: 24px;}
.page-search-type1.m-page-search-type1.donation {display: block; width: 550px}
.txt.donation-case {margin-top: 20px;}
.board-list-card .card .txt.donation-case a {margin-bottom: 5px;}
.board-list-card .card .txt.donation-case p {font-family: 'notokr-DemiLight'; font-size: 18px; color: #888888;}
.list-donation-arae {margin-top: 10px;}
.list-donation-arae::after {content: '';display: block;clear: both;}
.list-donation-arae > li {float: left; display: table;}
.list-donation-arae > li::before {width: 1px; height: 15px; margin: 0 10px; background: #cccccc; content: '';display: inline-block; vertical-align: middle;}
.list-donation-arae > li:first-child::before {display: none;}
.list-donation-arae > li > div {display: table-cell;}
.list-donation-arae > li > div:first-child {font-family: 'notokr-medium'; font-size: 16px; color: #444444;vertical-align: middle;}
.list-donation-arae > li > div:last-child {position: relative; top: 1px; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; padding-left: 16px;}
.board-list-total.donation {margin: 30px 0 30px 0;}

/* 전시관 */
/*상설전시장 층별 안내*/
.page-tab-type1.permanent {padding-top: 0;}
.permanent-info-title {font-family: 'notokr-DemiLight'; font-size: 20px; color: #666666; line-height: 30px; margin-bottom: 20px;}
.permanent-info-title > span {font-family: 'notokr-medium'; font-size: 20px; color: #970119;}
.permanent-list-body {max-width: 1440px; margin: 0 auto; padding: 50px 0px 142px 0px; box-sizing: border-box; border-top: solid 1px #dddddd; display: table; width: 100%}
.permanent-list-body::after {content: '';display: block; clear: both;}
.permanent-list-body > li {display: table-cell; position: relative; width: 33.3%; padding: 0 2%; border-left: 1px solid #efefef}
.permanent-list-body > li:first-child {padding-left: 0; border-right: 1px solid #efefef; border-left: 0}
.permanent-list-body > li:nth-child(2) {border: 0}
.permanent-list-body > li:last-child {padding-right: 0;}
.permanent-area > li {margin-bottom: 46px}
.permanent-area > li > img {width: 100%; margin-bottom: 46px}
.permanent-area > li:last-child > a {margin-bottom: 0;}
.permanent-area > li > p {font-family: 'notokr-DemiLight';font-size: 18px; color: #666666; line-height: 28px; padding-top: 20px;}
.permanent-area > li > h3 {font-family: 'NanumSquare'; font-size: 72px; font-weight: 800; padding-bottom: 23px; }
.permanent-area > li > h3 > span {font-size: 48px;}
.permanent-img {position: relative; height: 247px; background-size: cover}
.permanent-img-info {position: absolute; padding: 24px; bottom: 0; font-family: 'notokr-medium'; font-size: 32px; color: #fff; text-shadow: 1px 1px 1px #333;}
.permanent-area > li > img.type1 {margin-bottom: 63px;}
.permanent-area > li > a.type2 {margin-bottom: 20px;}
/*국문 추가 CSS*/
.permanet-info-btn {margin-bottom: 30px;}
.permanet-info-btn > a > i { width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center; vertical-align: middle;
    display: inline-block; background-size: 10px 16px}
.permanet-info-btn > a:hover > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center; vertical-align: middle;
    display: inline-block; background-size: 10px 16px}

/*역사의 길*/
.board-list-card.history {border-bottom: 0;}
.page-content-type1.permanent::after {content: '';display: block;clear: both;}
.board-list-header.history {width: calc(100% - 390px); float: left; margin-right: 60px}
.board-list-header-history {width: 330px;float: left;}
.board-list-header-history > h4 {font-family: 'notokr-medium'; font-size: 16px; color: #202020; font-weight: 500; padding-left: 30px;}
.board-list-header-history > p {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; line-height: 26px; padding: 18px 0 8px 30px;}
.permanent-info-title.history {padding: 0 88px 60px 0; border-bottom: solid 2px #222222;}
.btn-lg.history {font-size: 18px; padding: 6px 0 6px 0}
.online-btn.history {margin-top: 22px; text-align: center; }
.online-btn.history a.down i {margin-left: 13px;}
.board-list-big-title {font-family: 'notokr-medium'; font-size: 24px; color: #222222; font-weight: 500; padding: 52px 0 28px 0; }
.line-block { display: block;}
.m-outdoorRelic {display: none}
.pc-outdoorRelic.board-list-header-history > h4 {padding-left: 0;}
.pc-outdoorRelic.board-list-header-history > p {padding: 18px 0 8px 0}
.eng-outdoor-img-size {width: 100%;}

/*레이어 팝업*/
.popup-wrap {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; z-index: 100; }
.popup-wrap .popup-area-type1 {position: relative; height: 100vh; display: flex; flex-direction: column; justify-content: center;}
.popup-wrap .popup-area-type1 .pop-header .popup-close {position: absolute; top: 30px; right: 40px}
.popup-wrap .popup-area-type2 .pop-header {height: 85px; position: relative;}
.popup-wrap .popup-area-type2 .pop-header .popup-close {position: absolute; top: 30px; right: 40px}
.popup-wrap .popup-area-type1 .swiper-pagination-bullet {width: 16px; height: 16px; margin-right: 9px; border: 1px solid #fff; opacity: 1;cursor: pointer;}
.popup-wrap .popup-area-type1 .swiper-pagination-bullet:last-child {margin-right: 0}
.popup-wrap .popup-area-type1 .swiper-pagination-bullet-active {background: #fff}
.popup-wrap .popup-area-type1 .pagination {text-align: center; margin-top: 20px;}
.popup-wrap h3 {display: inline-block; font-size: 40px; color: #fff;font-family: 'NanumSquare'; font-weight: 700;}
.popup-wrap.popup-wrap-type2 {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #f8f8f8; z-index: 100;}

.popup-wrap-type3 {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100;}
.popup-wrap-type3 .popup-area-type2 {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%;}
.dim {display: none; position: fixed; width: 100%; height: 100%; top: 0; z-index: 100; background: rgba(0, 0, 0, 0.8);}
.popup-wrap-type3 .pop-container {background: #fff; }
.popup-wrap-type3.popup-detail .pop-container {max-width: 1440px; width: 100%; margin: 0 auto; box-sizing: border-box}
.popup-wrap-type3.popup-marc .pop-container {max-width: 1000px; width: 100%; margin: 0 auto; box-sizing: border-box}
.popup-wrap-type3 .pop-container .pop-header {padding-left: 40px; height: 110px; position: relative; }
.popup-wrap-type3 .pop-container .pop-header:before {width: 8px; height: 110px; position: absolute; top: 0; left: 0; background: #000; content: "";}
.popup-wrap-type3 .pop-container .pop-header > strong {display: block; padding-top: 35px;font-family: 'notokr-medium'; font-weight: normal; font-size: 32px; color: #202020;}
.popup-wrap-type3 .pop-container .pop-content {padding: 40px;}

/*기증사례 swiper*/
.case-swiper-container {height: 598px;}
.case-swiper-container .swiper-button {width: 43px; height: 127px; position: absolute; top: 50%; margin-top: -63.5px; border: 0;}
.case-swiper-container .swiper-button-prev {background: url('/ux/content/images/common/btn/L_btn_swiper_prev.png') no-repeat center; left: 0}
.case-swiper-container .swiper-button-prev::after {content: ''}
.case-swiper-container .swiper-button-next {background: url('/ux/content/images/common/btn/L_btn_swiper_next.png') no-repeat center; right: 0}
.case-swiper-container .swiper-button-next::after {content: ''}
.popup-wrap .popup-area-type1 .case-txt {margin-top: 55px; text-align: center; color: #fff;}
.popup-wrap .popup-area-type1 .case-txt > strong {display: block; margin-bottom: 10px; font-size: 28px;font-weight: normal;}
.popup-wrap .popup-area-type1 .case-txt > ul > li {display: inline-block; margin-right: 20px;}
.popup-wrap .popup-area-type1 .case-txt > ul > li:last-child {margin-right: 0}
.popup-wrap .popup-area-type1 .case-txt > ul > li span {padding-right: 10px; margin-right: 6px; position: relative;}
.popup-wrap .popup-area-type1 .case-txt > ul > li span:after {width: 1px; height: 16px; content: ""; position: absolute; top: 4px; right: 0; background: #cccccc;}
.popup-wrap .popup-area-type1 .case-txt > ul > li p {display: inline-block;}

/*추천동선*/
a.btn-down {margin-right: 20px;}
a.btn-down i {width: 24px; height: 27px; display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_down_off_img.png) no-repeat left center;}
a.btn-down:hover i {background: url(/ux/content/images/common/ico/ico_down_on_img.png) no-repeat left center;}
.recommend-txt {margin: 50px 0 40px 0}
.recommend-txt .r {float: right}
.recommend-txt p {display: inline;}
.recommend-txt .btn.btn30.m {display: none}
.recommend-txt:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.recommend-card-wrap {padding: 80px 58px; box-sizing: border-box; background: #000000;}
.recommend-card-wrap .inner-card {position: relative;}
.recommend-card-wrap .inner-card .num {position: absolute; top: 0; left: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 20px; font-family: 'NanumSquare';
    font-weight: 700; color: #fff; background: #222222; z-index: 10}
.recommend-card-wrap .inner-card .num.active {background: #a184ff; color: #000}
.recommend-card-wrap .inner-card .over-cont-area {opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); }
.recommend-card-wrap .inner-card .over-cont {width: 100%; height: 100%; display: flex;flex-direction: column; justify-content: center; text-align: center;}
.recommend-card-wrap .inner-card .over-cont strong {display: block; margin-bottom: 20px; color: #fff; font-size: 26px; font-weight: normal;font-family: 'notokr-medium'; }
.recommend-card-wrap .inner-card .over-cont p {color: #aaa;}
.recommend-card-wrap .inner-card .over-cont a:hover, .recommend-card-wrap .inner-card .over-cont a:focus {text-decoration: none;}
.recommend-card-wrap .inner-card .over-btn-type {margin-top: 35px;}
.recommend-card-wrap .inner-card .over-btn-type > li {display: inline-block;}
.recommend-swiper-container {height: 714px;}
.recommend-swiper-container .swiper-slide img {display: none}
.recommend-swiper-container .button-area {position: relative; height: 100%;}
.recommend-swiper-container .button-area > div {padding: 0 20px; height: 100%; font-size: 24px; color: #f8f8f8; text-align: center;font-family: 'notokr-medium'; background: #4d4d4d;
    display: flex; flex-direction: column; justify-content: center; letter-spacing: -1px; z-index: 10; }
.recommend-swiper-container .button-area .next-txt {position: absolute; top: 0; right: -210px; z-index: -1; opacity: 0;}
.recommend-swiper-container .button-area .prev-txt {position: absolute; top: 0; left: -210px; z-index: -1; opacity: 0;}
.recommend-swiper-container .next-txt-area {min-width: 100%; height: 127px; position: absolute; top: 50%; margin-top: -63.5px; right: 0}
.recommend-swiper-container .prev-txt-area {min-width: 100%; height: 127px; position: absolute; top: 50%; margin-top: -63.5px; left: 0}
.recommend-swiper-container .swiper-button {width: 43px; height: 127px; border: 0; margin: 0}
.recommend-swiper-container .swiper-button-prev {background: url('/ux/content/images/common/btn/L_btn_swiper_prev.png') no-repeat center; top: 0; left: 0 }
.recommend-swiper-container .swiper-button-prev::after {content: ''}
.recommend-swiper-container .swiper-button-next {background: url('/ux/content/images/common/btn/L_btn_swiper_next.png') no-repeat center; top: 0; right: 0}
.recommend-swiper-container .swiper-button-next::after {content: ''}
.recommend-popup {overflow-y: auto;}
.recommend-popup .item-area {display: none;}
.recommend-popup .item {position: absolute; width: 100%; bottom: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 10}
.recommend-popup .item .item-txt {max-width: 1440px; padding: 100px 15px; margin: 0 auto; color: #fff}
.recommend-popup .item .item-txt:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.recommend-popup .item .item-txt .info-txt-l {width: 500px; float: left;}
.recommend-popup .item .item-txt .info-txt-l strong.tit {display: block; margin-bottom: 40px; font-size: 46px; line-height: 46px; font-family: 'notokr-medium'; font-weight: normal;}
.recommend-popup .item .item-txt .info-txt-l ul > li {display: table; width: 100%; margin-bottom: 15px;}
.recommend-popup .item .item-txt .info-txt-l ul > li > strong {display: table-cell; width: 135px;font-weight: normal;}
.recommend-popup .item .item-txt .info-txt-l ul > li > p {display: table-cell; width: calc(100% - 135px);}
.recommend-popup .item .item-txt .info-txt-r {width: calc(100% - 500px); float: left; line-height: 28px;}
.recommend-popup .item .item-txt .info-txt-r p {margin-bottom: 20px; word-break: keep-all;}
.recommend-popup .item .item-txt .info-txt-r a.btn-close {display: inline-block; width: 29px; height: 16px;}
.recommend-popup .item .item-txt .info-txt-r a.btn-close i {width: 59px; height: 31px; display: block;
    background: url('/ux/content/images/common/btn/btn_arrow_close.png') no-repeat center; background-size: 29px 16px;}
.recommend-popup .item-tit {display: none; position: absolute; width: 100%; height: 150px; bottom: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 10}
.recommend-popup .item-tit .item-txt {max-width: 1440px; padding: 40px 15px; margin: 0 auto; color: #fff; text-align: center;}
.recommend-popup .item-tit .item-txt strong {display: block; margin-bottom: 20px; font-size: 32px; line-height: 32px; font-family: 'notokr-medium'; font-weight: normal;}
.recommend-popup .item-tit .item-txt p {color: #aaaaaa}
.recommend-popup .item-tit .item-txt a {position: absolute; top: 40px; right: 30px}
.recommend-popup .item-tit .item-txt a i {width: 59px; height: 31px; display: block; background: url('/ux/content/images/common/btn/btn_arrow_open.png') no-repeat center;}
.floor-tab:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.floor-tab {float: right;}
.floor-tab > li {float: left; margin-left: 3px;}
.floor-tab > li > a {display: block; width: 73px; height: 73px; line-height: 73px; font-size: 54px; text-align: center;font-family: 'NanumSquare'; font-weight: 800; color: #888888; background: #444444; }
.floor-tab > li > a.on {color: #3f0b9f; background: #a184ff; }
.floor-tab > li > a > span {font-size: 32px;}
.floor-tab-content .tab-item {display: none; padding-top: 2px; clear: both;}
.floor-tab-content .tab-item .floor-img {height: 750px; overflow-y: auto}
.floor-tab-content .tab-item img {max-width: 100%; display: block; vertical-align: middle}

.recommend-popup-type2 .pop-content {max-width: 1320px; margin: 0 auto; padding: 85px 15px 0 15px;}
.recommend-popup-type2 .pop-header {position: absolute !important; top: 0; right: 0}

/*우리문화재 국외전시*/
.exhioversea-info-box {padding: 8px 50px 0 0;}
.board-list-card .card .txt.exhioversea a {font-size: 24px;}
.exhioversea-info {display: table; margin-bottom: 17px;}
.exhioversea-info > h4 {width: 70px; display: table-cell;font-family: 'notokr-medium'; font-weight: 500; font-size: 16px; color: #444444}
.exhioversea-info > p {display: table-cell;font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; text-align: justify;}
.card.exhioversea > div { position: relative;}
.exhioversea-img-over {position: absolute; width: 100%; left: 0; height: 100%; background: rgba(0, 0, 0, 0.67);}
.exhioversea-img-over .over-text {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
/* .exhioversea-img-over .over-text>ul{} */
.exhioversea-img-over .over-text > ul > li {margin-bottom: 16px; text-align: center;}
.exhioversea-img-over .over-text > ul > li:last-child {margin: 0;}
.exhioversea-img-over .over-text > ul > li > a {display: inline-block; text-align: center; font-family: 'notokr-bold'; font-weight: bold; font-size: 18px; text-decoration: none; padding-bottom: 6px;}
.exhioversea-img-over .over-text > ul > li > a:hover {text-decoration: none;}
.over-text > ul > li:last-child {margin-left: 16px;}
.info.exhiprovincial > p {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666}

.exhioversea-img-over.exhioversea-over-type .over-text > ul {text-align: center;}
.exhioversea-img-over.exhioversea-over-type .over-text > ul > li:last-child {margin-left: 0;}

/*소속 국립박물관 전시*/
.show-list > li .info.exhiprovincial {margin-top: 8px; height: 175px; overflow: hidden;}
.show-list > li .info.exhiprovincial a > strong {margin: 15px 0 5px 0;}
.show-list > li .info.exhiprovincial > span {display: block; padding-top: 8px; font-family: 'notokr-medium'; font-size: 16px;}

/*전시도록*/
.page-content-type1.report {border-top: solid 1px #dddddd; margin: 0 auto 60px auto;}
.page-tab-type1.report { padding-top: 10px;}
.board-list-header::after {content: '';display: block;clear: both;}
.board-list-total.report {float: left;}
.page-search-type1.report {float: right;}
.show-list.report {margin-top: 40px;}
.show-list.report > li .info {margin-top: 8px;}
.show-list.report > li {margin-bottom: 54px}
.show-list.report > li .info .info-list > li p {padding-left: 13px}
.card.report {position: relative;}
.card.report > a {display: block;}
.exhioversea-img-over > a {display: block;}

/*외국박물관 소장 한국문화재*/
.tab-type1.exhiforeign {border-bottom: 0; width: calc(100% - 390px); margin: 0}
.swiper-wrapper.exhiforeign {border-bottom: solid 1px #dddddd;}
.page-small-title {font-family: 'notokr-DemiLight'; font-size: 20px; color: #666666; line-height: 30px; padding-top: 50px}
.page-tab-type1.exhiforeign {padding-top: 0;}
.page-tab-type1.exhiforeign::after {content: '';display: block;clear: both;}
.page-header.exhiforeign {margin: 30px auto 32px auto;}
.page-tab-type1.exhiforeign::after {content: '';display: block;clear: both;}
.page-tab-type1.exhiforeign > .exhiprovincial-list {width: calc(100% - 390px); float: left; margin-top: 0; padding-top: 60px; border-top: solid 1px #dddddd;}
.page-tab-type1.exhiforeign > .side-exhiforeign {width: 330px; float: right; margin: 0 0 0 60px; padding: 60px 0 0 30px; box-sizing: border-box;border-top: solid 1px #dddddd;}
.side-exhiforeign-area > li {margin-bottom: 26px; word-break: keep-all;}
.side-exhiforeign-area > li:first-child {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; line-height: 26px; }
.side-exhiforeign-area > li > p > .side-exhiforeign-info {font-family: 'notokr-medium'; color: #222222; vertical-align: middle;position: relative;top: 3px;}
.side-exhiforeign-info2 {font-family: 'notokr-medium'; color: #222222; }
.side-exhiforeign-area > li > div > a {display: inline-block;}
.side-exhiforeign-area > li:nth-of-type(2) > p {padding-bottom: 10px}
.side-exhiforeign-area > li:nth-of-type(3) > p {padding-bottom: 10px}
.side-exhiforeign-area > li:nth-of-type(2) > div > a > img {width: 96px}
.side-exhiforeign-area > li:nth-of-type(3) > div > a > img {width: 199px}
.exhiprovincial-list {margin-top: 60px;}
.exhiprovincial-list > ul > li {padding: 40px 0; border-top: 1px solid #ddd;}
.exhiprovincial-list > ul > li:first-child {padding-top: 0; border-top: 0}
.exhiprovincial-list-info0 {font-family: 'notokr-medium'; font-size: 32px; font-weight: normal; color: #222222;}
.exhiprovincial-list-link:hover {text-decoration: underline; color: #222222;}
.exhiprovincial-list-info1 {padding-top: 6px;font-family: 'notokr-DemiLight'; font-size: 20px; color: #666666; word-break: keep-all;}
.exhiprovincial-list-info2 {padding-top: 15px; font-family: 'notokr-medium'; font-size: 18px; }
.img-box-exhiprovincial {position: relative; width: 500px;height: 330px; float: left;}
.exhiprovincial-txt {float: left; width: calc(100% - 500px); padding: 10px 0 0 56px; box-sizing: border-box }
.img-box-exhiprovincial .swiper-slide {width: 100% !important; height: 330px;}
.exhiprovincial-list > ul > li:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.exhiforeign-swiper-container .swiper-button {width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; border: 0}
.exhiforeign-swiper-container .swiper-button-prev {background: url('/ux/content/images/common/btn/S_btn_swiper_prev.png') no-repeat center; left: 0}
.exhiforeign-swiper-container .swiper-button-prev::after {content: ''}
.exhiforeign-swiper-container .swiper-button-next {background: url('/ux/content/images/common/btn/S_btn_swiper_next.png') no-repeat center; right: 0}
.exhiforeign-swiper-container .swiper-button-next::after {content: ''}
.exhiprovincial-over {margin-top: 30px;}
.exhiprovincial-over > li {display: inline-block; margin-bottom: 10px;}
.exhiprovincial-over > li > a {font-family: 'notokr-medium';}
.exhiprovincial-more-area {display: block;}
.board-list-foot.exhiprovincial {display: none;}

/*중앙박물관*/
.centralmuseum-area > li {}
.centralmuseum-area > li > a {display: block; width: 100%; padding: 25px 0; font-size: 22px; color: #202020; border-bottom: 1px solid #ddd; box-sizing: border-box;
    background: url(/ux/content/images/common/ico/ico_lg_black_close.png) no-repeat 98%; background-size: 39px 21px;}
.centralmuseum-area > li:first-child {border-top: 0}
.centralmuseum-area > li > a > span {display: inline-block; width: calc(100% - 70px); word-break: break-word; }
.centralmuseum-area > li > a.active {background: url(/ux/content/images/common/ico/ico_lg_black_open.png) no-repeat 98%;font-family: 'notokr-bold'; font-size: 30px; background-size: 39px 21px; border-bottom: 2px solid #222;}
.centralmuseum-area > li > .item {display: none; padding-bottom: 50px; border-bottom: 1px solid #ddd}
.centralmuseum-area > li > .item > .video-c li {float: left; width: 48%; margin-right: 4%; margin-top: 50px;}
.centralmuseum-area > li > .item > .video-c li:nth-child(2n+0) {margin-right: 0}
.centralmuseum-area > li > .item > .video-c li > a {display: block; width: 100%; position: relative; min-height: 427px; background-color: rgba(0, 0, 0, 0.03);}
.centralmuseum-area > li > .item > .video-c li > a > img { max-width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;}
.centralmuseum-area > li > .item > .video-c:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.centralmuseum-area > li > .item > .video-c li .video-box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.centralmuseum-area > li > .item > .video-c li .video-box img {width: 66px; height: 66px;}
.centralmuseum-area > li > .item .centralmuseum-title > p {font-family: 'notokr-medium'; font-size: 22px; color: #202020; padding-top: 24px }

.centralmuseum-area > li > .item > .vr-list {padding: 0 110px;}
.centralmuseum-area > li > .item > .vr-list li {float: left; width: 28%; margin-right: 8%; margin-top: 50px; position: relative; }
.centralmuseum-area > li > .item > .vr-list li:nth-child(3n+0) {margin-right: 0}
.centralmuseum-area > li > .item > .vr-list li > a > img {width: 100%}
.centralmuseum-area > li > .item > .vr-list li > a {display: block}
.centralmuseum-area > li > .item > .vr-list li > img {width: 100%;}
.centralmuseum-area > li > .item > .vr-list:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}

.centralmuseum-area > li > .item > .vr-list li .centralmuseum-title {display: inline-block; margin-bottom: 20px; height: 87px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.centralmuseum-t .video { /*max-width:1020px;*/ width: 100%; height: 100vh; margin: 0 auto}

/*중앙박물관
.board-list-content.centralmuseum{max-width: 1220px; margin: 0 auto;}
.board-list-content-big{border-bottom: solid 1px #cccccc;}
.centralmuseum-list{margin-top: 60px}
.page-tab-type1.centralmuseum{padding-top: 0;}
.centralmuseum-list::after{content: '';display: block;clear: both;}
.centralmuseum-list>li{float: left; width: 48%; margin-right: 4%; margin-bottom: 54px}
.centralmuseum-list>li:nth-of-type(2n){margin-right: 0;}
.centralmuseum-title>p{font-family:'notokr-medium'; font-size: 24px; color:#202020; padding-top: 24px }
.centralmuseum-img>img{width: 100%;}
.centralmuseum-img{display:block; position: relative; text-align: center;}
.video-box{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.video-box>img{width: 66px; height: 66px;}*/

/*전시가 없을 때*/
.central-new-box > li.central-none-data {width: 100%;}
.centralmuseum-none-box {width: 100%; text-align: center; padding: 120px 0 80px;}
.centralmuseum-none-box .centralmuseum-none-box-content img {display: block; margin: 0 auto;}
.centralmuseum-none-box .centralmuseum-none-box-content p {font-size: 32px; padding-top: 50px; color: #222; font-family: 'notokr-medium'; }
/*온라인 전시관 2021.03.26*/
.board-list-header.full.central-new-header {margin: 0 auto 0 auto;}
.board-list-total.central-new-list-total {margin: 30px 0;}
.centralmuseum-cont:after {clear: both; height: 0; display: block; content: '';}
.central-left {width: calc(100% - 390px); float: left;}
.central-right {width: 330px; margin-left: 60px; float: right}
.page-content-type1.central-content-type:after {overflow: hidden; clear: both; content: ''; height: 0; display: block;}
.central-new-box:after {overflow: hidden; clear: both; content: ''; height: 0; display: block;}
/* .central-new-box{border-bottom:1px solid #ddd;} */
.central-new-box > li {float: left; width: 47.6%; margin: 0 4.7% 5.7% 0;}
.central-new-img-box {background: #f7f7f7; height: 280px;}
/*.central-new-img-box a{display:block;}*/
/*.central-new-img-box a img{max-width:100%; max-height:280px; display:block; margin: auto;}*/
.central-new-img-box img {max-width: 100%; max-height: 280px; display: block; margin: auto;}
.central-new-box > li:nth-child(2n-0) {margin: 0 0 5.7% 0;}
.central-new-title {margin-top: 24px;}
.central-new-img-box {position: relative;}
/*.central-new-img-box > a{position:relative; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:100%;}*/
/*.central-new-img-box > a:before{position: absolute; left: 50%; top: 50%;*/
.central-new-img-box > img {position: relative; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.central-new-img-box > img:before {position: absolute; left: 50%; top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ""; width: 82px; height: 82px; background: url(../images/common/ico/ico_video.png) no-repeat left center;
}
.central-new-title > .central-new-txt {font-size: 22px; color: #202020; display: inline-block; font-family: 'notokr-medium'; font-weight: normal;}
.central-new-title > .central-new-txt:hover {text-decoration: underline;}
.central-new-title > .central-new-sub-txt {margin-top: 12px; display: block;}
.central-new-title > .central-new-sub-txt span {font-size: 16px; padding: 4px 16px; color: #fff; font-family: 'notokr-regular'; background: #202020;}
/*search*/
.centralmuseum-search-box {position: relative; background: #f5f5f5; border-radius: 5px;}
.centralmuseum-search-type1 { width: 85%; height: 65px; padding-left: 20px; box-sizing: border-box; border: 0; background: none; color: #666666;
    outline: none; font-size: 18px;}
.centralmuseum-search-box.m {display: none}
.centralmuseum-search-btn {position: absolute; top: 17px; right: 20px;}
.centralmuseum-check-box {margin-top: 16px; padding: 40px 0 30px 30px; background: #f5f5f5; display: block}
.centralmuseum-check-box strong {font-size: 26px; margin-bottom: 40px; font-family: 'notokr-medium'; font-weight: normal; display: block; color: #222;}
.centralmuseum-check-box ul li {margin-bottom: 30px;}
.centralmuseum-check-box ul li:last-child {margin-bottom: 0;}
.centralmuseum-check-box ul li div a {font-family: 'notokr-DemiLight';}
.centralmuseum-m-check {display: none;}

/*특별전시*/
.page-tab-type1.special {padding-top: 0;margin-bottom: 60px;}
.info-list.special {padding-bottom: 22px}

/* 특별전시 - 동영상 */
.collection .video-list { line-height: 140%; margin-top: 50px; }
.collection .video-list span { display: none; font-weight: 600; font-size: 22px; }
.collection .video-list span i { display: inline-block; width: 24px; height: 27px; margin-right: 4px; vertical-align: middle; background: url(../images/common/ico/ico_video2.png) no-repeat; background-size: contain; }
.collection .video-list .video { margin-top: 10px; margin-bottom: 30px; }
.collection .video-list .video video { width: 100%; height: 100%; object-fit: contain; max-height: 32vw; min-height: 24vw;}
.collection .video-list .video-title { font-weight: 600; padding: 10px 0; font-size: 18px; }
.collection .video-list .video-explain { border: 1px solid #c5c5c5; max-height: 200px; overflow-y: auto; border-radius: 5px; padding: 10px; }
.collection .video-list .video-explain::-webkit-scrollbar { width: 7px; }
.collection .video-list .video-explain::-webkit-scrollbar-thumb { height: 40%; background: #c5c5c5; border-radius: 10px; }
.collection .video-list .video-explain::-webkit-scrollbar-track { background: #e9e9e9; }
@media (max-width: 991px) {
    .collection .video-list .video video { max-height: 60vw; min-height: 50vw; }
    .collection .video-list span { font-weight: 600; font-size: 20px; }
    .collection .video-list span i {display: inline-block; width: 22px; height: 24px; }
}

/*영상관1*/
.digital-title-area::after {content: '';display: block;clear: both;}
.digital-title-area > li {float: left;}
.digital-title-area > li::before {content: '';display: block; float: left; width: 1px; height: 200px; background: #bbbbbb; }
.digital-title-area > li:first-child::before {display: none;}
.digital-title-area > li:first-child {width: 240px; padding: 35px 28px 0 52px; box-sizing: border-box; font-family: 'notokr-bold'; font-size: 13px; color: #222222; }
.digital-title-area > li:last-child {width: calc(100% - 240px); padding: 23px 0 0 0px }
.digital-title-area > li:last-child > p {font-family: 'notokr-regular'; padding: 10px 0 0 36px; font-size: 16px; color: #666666; line-height: 26px;}
.digital-title-area > li:last-child > p:last-child {padding-top: 18px;}
.digital-title-area > li:last-child > p:last-child .font-b {font-size: 24px;}
.letter-font {padding: 12px 0; display: block}
.digital-letter > p {font-size: 14px; font-family: 'notokr-bold'; font-weight: normal; padding-bottom: 4px;}
.digital-letter > p:nth-child(1) {text-align: justify; letter-spacing: 10px;}
.digital-letter > p:nth-child(2) {text-align: justify; letter-spacing: 3px;}
.digital-letter > p:nth-child(3) {text-align: justify; letter-spacing: 4px;}
.digital-txt-style {font-family: 'notokr-medium'; font-weight: 500; font-size: 42px; padding-top: 8px;}
.letter-font0 {display: inline-block; padding-right: 8px}
.letter-font0.last {padding-right: 0;}
.letter-font2 {display: inline-block; padding-right: 1px}
.letter-font2.last {padding-right: 0;}
.letter-font3 {display: inline-block; padding-right: 29.2px}
.letter-font3.last {padding-right: 0;}
.digital-txt-style > span {display: inline-block; padding-left: 34.9px}
.digital-img-area {margin: 30px 0 68px 0;}
.digital-img-area > img {width: 100%;}
.digital-view-table > h4 {font-family: 'notokr-medium'; font-weight: 500; font-size: 26px; color: #202020; padding-bottom: 34px}
/*20220919 추가*/
.digital-view-content {}
.digital-view-content > h4 {font-family: 'notokr-medium'; font-weight: 500; font-size: 26px; color: #202020; padding-bottom: 34px}
.digital-view-content > h5 {font-family: 'notokr-medium'; font-weight: 500; font-size: 18px; color: #202020;}
.reading-side-box2 {padding-bottom: 30px;}
.reading-side-box2 > li {margin-left: 60px;}
.reading-side-box2 > li:last-child {border-bottom: 0;}
.reading-side-box2 > li:last-child > h4 {padding-top: 14px;}
.reading-side-box2 > li > h4 {font-family: 'notokr-medium'; font-size: 16px; color: #202020; font-weight: 500;}
.reading-side-box2 > li > p {padding: 16px 0 22px 0; font-family: 'notokr-DemiLight'; font-size: 18px; line-height: 26px; color: #666666; word-break: keep-all; }
.reading-side-box2.digital2 > li > p {padding: 20px 0 18px 0; font-family: 'notokr-medium'; font-weight: 500;}
.reading-side-box2.reading-side-box-new2 > li {margin-left: 0;}
.reading-side-box2 > li > ol {padding-bottom: 15px;}
.reading-side-box2 > li > ol > li {font-family: 'notokr-DemiLight'; font-size: 16px; line-height: 26px; color: #666666; word-break: keep-all; }
.reading-side-box2 > li > p.subtitle {padding-top: 10px; padding-bottom: 10px; font-size: 15px;}
.video-area img {width: 100%;}
.digital-view-content-new {margin-top: 50px;}
.digital-view-content-list {padding-left: 30px;}
.digital-view-content-list > li {list-style: decimal;}

table.tbl-type5.digital > tbody > tr > td {border-left: 0; font-family: 'notokr-regular'; font-size: 16px; color: #666666; border-bottom: solid 1px #efefef; text-align: left; padding: 12px 0px;}
table.tbl-type5.digital > tbody > tr > td:first-child {font-family: 'notokr-medium'; color: #222222; font-size: 20px; padding-left: 15px}
table.tbl-type5.digital > tbody > tr > td:nth-child(2) {text-align: center;}
table.tbl-type5.digital > tbody > tr > td:nth-child(3) {text-align: center;}
table.tbl-type5.digital {border-bottom: solid 1.5px #cccccc}
table.tbl-type5.digital > tbody > tr.last > td {border-bottom: 0}

table.tbl-type5.digital.digital-luck > tbody > tr > td > a {font-family: 'notokr-regular'; font-size: 16px; color: #666666;}
table.tbl-type5.digital.digital-luck > tbody > tr > td:first-child {font-family: 'notokr-regular'; font-size: 16px; color: #666666;}
table.tbl-type5.digital.digital-luck > tbody > tr > td:nth-child(2) {text-align: left;}
table.tbl-type5.digital.digital-luck > tbody > tr > td:nth-child(3) {text-align: left;}

.digital-view-table.mobile {display: none}
.board-list-content .board-list-tbody .reading-content-area.type2 {margin-bottom: 60px;}
.digital-t .video-area {max-width: 1440px;margin: 0 auto 120px auto;padding: 0 15px; }
.digital-t .video-area.video-area-intro {padding: 0;}
.digital-t .video-area:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.video-area .video-type {float: left;width: calc(100% - 390px);}
.video-type-new-area-bottom {margin-bottom: 30px;}
.video-area .video-type strong {display: block; font-weight: normal; margin: 50px 0 30px 0;color: #202020; font-size: 22px;font-family: 'notokr-medium'; }
.video-area .video-type video {width: 100%; height: 100%;}
.video-area .video-type video.t {height: auto; max-height: 395px;}
/*.video-area .video-type .video:last-child{margin-top:50px;}*/
.video-area {margin-top: 80px; }
.video-area .video {position: relative; }

h4.video-new-title {font-family: 'notokr-medium'; font-weight: 500; font-size: 26px; color: #202020; padding-bottom: 34px;}

.video > img {width: 66px; height: 66px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.digital-video-title {font-family: 'notokr-medium'; font-size: 26px; color: #202020; font-weight: 500; padding: 48px 0 34px 0;}
.digital-video-title.next {padding: 0 0 34px 0}
.digital-video-title2 {font-family: 'notokr-regular'; font-size: 16px; color: #666666; line-height: 26px;}
.digital-side-title {margin-top: -22px; font-family: 'notokr-medium'; font-weight: 500; font-size: 28px; color: #202020; padding-left: 92px}
.reading-side-box.digital > li > p {padding: 20px 0 18px 0;}
.side-info-digital > li {display: table; margin-bottom: 8px;}
.side-info-digital > li:last-child {margin-bottom: 0;}
.side-info-digital {padding-bottom: 30px}
.side-info-digital > li > p:first-child {font-family: 'notokr-medium'; color: #202020; margin-bottom: 10px; display: table-cell; padding-right: 10px;}
.side-info-digital > li > p:last-child {font-family: 'notokr-regular';color: #202020; display: table-cell}
.side-info-digital > li > p.digital-side-t-new {font-family: 'notokr-regular';color: #202020;}
.reading-side-box > li > h2 {font-family: 'notokr-medium';font-size: 16px;color: #202020;font-weight: 500; padding: 30px 0 10px 30px;}
.digital-location-title {padding-left: 30px !important;}
.reading-side-box.digital > li:last-child > img {width: 100%; margin-bottom: 15px;}
.online-btn.digital {margin-right: 0px; text-align: center;}
.online-btn.digital a.down i {margin-left: 13px;}
/*영문 추가 CSS*/
.eng-digital-sub-info {font-size: 16px; margin-top: 20px; color: #b50938; font-family: 'notokr-regular'; }

/*디지털 실감 추가 CSS 2021.3.18*/
.digtal-new-title {display: table; width: 100%;}
.digtal-new-title span:nth-child(1) {display: table-cell; width: 60px; font-size: 16px; font-family: 'notokr-medium'; color: #202020;}
.digtal-new-title span:nth-child(2) {display: table-cell; width: calc(100% - 60px); font-family: 'notokr-regular'; color: #202020;}

/*디지털 실감 상세 2021.04.19*/
.digital-m-new-img {display: none;}
.board-list-content .board-list-tbody .reading-content-area.reading-content-area-new > li:first-child {border-top: 0}
.digital-img-area.digital-img-area-new {margin: 0 0 68px 0;}
.digital-side-title.digital-side-title-new {padding-left: 0;}
.reading-side-box.reading-side-box-new > li {margin-left: 0;}
.reading-side-box-border {border-top: 1px solid #ddd;}
.side-info-digital.side-info-digital-new {padding-bottom: 60px; border-bottom: 1px solid #ddd;}
.digital-view-table-new {margin-top: 50px;}

.video-type-new-area:after {clear: both; height: 0; display: block; content: '';}
.video-type-new-area > div {float: left;}
.video-type-right {padding-left: 30px; box-sizing: border-box; width: 40%}
.video-type-left {width: 59%;}
.video-area .video-type .video-type-right strong {margin: 0 0 30px 0;}
.online-btn.new-reset-btn {margin-top: 5px; text-align: left;}

/*중·근세관*/
.showroom-info-area {padding-bottom: 60px; border-bottom: solid 1px #dddddd;}
.board-list-header.showroom {max-width: 1440px; padding: 0 15px; margin: 0 auto;}
.showroom-title {font-family: 'notokr-regular'; font-size: 20px; color: #666666; padding-top: 50px; }
.showroom-title > span {font-family: 'notokr-medium';}
.page-tab-type1.showroom {padding-top: 0; margin-bottom: 60px}
.digital-img-area.showroom {margin: 0; position: relative;}
.reading-content-area.showroom > li:first-child {border-top: 0 !important;}
.digital-view-table.showroom > h4 {padding: 60px 0 22px;}
.board-list-card.showroom {border-bottom: 0; padding-bottom: 80px}
.board-list-card.showroom.border {border-bottom: 2px solid #222; }
.showroom-info-area > h3 {font-family: 'notokr-medium'; font-weight: 500; font-size: 26px; color: #222222; padding: 50px 0 30px 0; }
.showroom-box > li {margin-bottom: 50px;}
.showroom-title2 > strong {font-family: 'notokr-medium'; display: block; font-weight: 500; font-size: 18px; color: #202020; padding-bottom: 24px; }
.showroom-title2 > p {font-family: 'notokr-regular'; font-size: 16px; color: #666666; flow-into: 26px;}
.showroom-title2 > p > span {display: block; padding: 24px 0 0 0}
.online-btn.digital.showroom {text-align: left;}
.showroom-video-area {padding-bottom: 170px;}
.showroom-video-area > h3 {font-family: 'notokr-medium'; font-weight: 500; font-size: 26px; color: #222222; padding-top: 50px; }
.showroom-video-area > p {font-family: 'notokr-regular'; font-size: 16px; color: #666666; padding: 30px 0 20px 0; }
.showroom-video::after {content: '';display: block;clear: both;}
.showroom-video > li {float: left; width: 46%; margin-right: 8%;}
.showroom-video > li:last-child {margin-right: 0%;}
.video-area-showroom {position: relative;}
.video-area-showroom > img {width: 66px; height: 66px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.showroom-video > li > p {font-family: 'notokr-medium'; font-weight: 500; font-size: 20px; color: #202020; padding-top: 24px; }
.side-top-area > h5 {margin-left: 40px;font-family: 'notokr-medium'; font-weight: 500; font-size: 28px; color: #202020}
.side-showroom-title1 {margin-left: 40px;padding: 20px 0 12px 0;font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color: #202020}
.side-showroom-title2 {margin-left: 40px;font-family: 'notokr-regular'; font-size: 16px; color: #666666; line-height: 26px; word-break: keep-all;}
.side-top-area {padding-bottom: 30px; border-bottom: solid 1px #dddddd; margin-left: 50px}
.digital-img-area.showroom img {display: block}
.digital-img-area.showroom .over {padding: 0 40px 0 60px; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; box-sizing: border-box; }
.digital-img-area.showroom .over .abcdefg1 {font-size: 20px; color: #aaaaaa; display: block; margin: 50px 0 10px 0;}
.digital-img-area.showroom .over .abcdefg2 {color: #ffffff; font-size: 35px;font-family: 'notokr-medium'; word-break: break-all}

/*CSS추가*/
.m-showroom-other {display: none;}
.showroom-other {padding-bottom: 60px; border-bottsom: 2px solid #222; box-sizing: border-box;}
.showroom-other-title {font-size: 42px; margin-bottom: 40px; color: #202020; font-family: 'notokr-medium';}
.showroom-other-sub {font-size: 24px; margin-bottom: 20px; color: #202020; font-family: 'notokr-medium';}
.showroom-other-txt {font-size: 16px; line-height: 26px; color: #666; font-family: 'notokr-DemiLight';}
.showroom-side-box > li > h2 {padding: 0 0 0 0px;}
.showroom-other-left {padding-left: 0 !important;}

/*소식참여 > 소식 > 소식지*/
.mu-news-content .board-list-header {margin-bottom: 80px;}
.mu-news {}
.category-tit {margin-top: 65px;}
.category-tit strong {font-size: 28px; color: #202020;font-family: 'notokr-medium'; font-weight: normal}
.category-tit .select-t1 {width: 285px; float: right;}
.category-tit:after {clear: both; display: block; overflow: hidden; content: ""; height: 0;}
.category-tit .select-box-type {width: 175px; vertical-align: middle;}
.category-tit .btn {min-width: 90px !important; vertical-align: middle;}
.mu-news:after {clear: both; display: block; overflow: hidden; content: ""; height: 0;}
.mu-news .l-img {float: left; width: 450px; margin-right: 59px;}
.mu-news .l-img span {display: block; clear: both; margin-top: 50px;}
.mu-news .l-img img {width: 100%; display: block; box-shadow: 6px 6px #dadada;}
.mu-news .r-txt {float: left; width: calc(100% - 509px); padding-top: 40px;}
.mu-news .r-txt .txt-area > strong {display: block; font-size: 46px; color: #202020; font-family: 'notokr-medium'; font-weight: normal;}
.mu-news .r-txt .txt-area > span {display: block; margin-top: 15px; font-size: 22px; color: #202020;}
.mu-news .r-txt .txt-area > p {margin-top: 50px; line-height: 28px;}
.mu-news .r-txt .btn-chapter {display: block; margin-top: 70px; padding: 0 0 15px 30px; font-size: 26px; color: #202020; font-family: 'notokr-medium'; border-bottom: 2px solid #333;
    background: url(/ux/content/images/common/ico/ico_lg_black_close.png) no-repeat right; background-size: 31px 17px;}
.mu-news .r-txt .btn-chapter.active { background: url(/ux/content/images/common/ico/ico_lg_black_open.png) no-repeat right; background-size: 31px 17px;}
.mu-news .r-txt .chapter-info {display: none; padding: 50px 30px; box-sizing: border-box; background-color: #f8f8f8}
.mu-news .r-txt .chapter-info > ul > li {margin-bottom: 30px;}
.mu-news .r-txt .chapter-info > ul > li:last-child {margin-bottom: 0}
.mu-news .r-txt .chapter-info > ul > li > strong {display: block; margin-bottom: 15px; font-size: 22px; color: #202020; font-family: 'notokr-medium'; font-weight: normal;}
.mu-news .r-txt .chapter-info > ul > li > p {line-height: 28px; margin-bottom: 15px; font-family: 'notokr-DemiLight'; }
.mu-news .r-txt .chapter-info > ul > li > p:last-child {margin-bottom: 0}
.mu-news .r-txt .chapter-info > ul > li > p > span {display: block; color: #444444; font-size: 18px; font-family: 'notokr-regular';}
.mu-news-content .btn-m-line {min-width: 120px; margin-right: 6px;}
.mu-news-content .btn-m-line:last-child {margin-right: 0}
.mu-news-content .pdf-down i, .magazine-content .pdf-down i {width: 20px; height: 20px; padding-left: 10px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_pdf_type1.png) no-repeat right; background-size: 20px}
.mu-news-content .btn-link i, .webzine-content .btn-link i {width: 11px; height: 20px; padding-left: 10px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_link_arrow.png) no-repeat right; background-size: 11px 20px}
.curator-content .page-tab-type1 {margin-bottom: 70px;}

/*Journal of Korean Art and Archaeology 콘텐츠*/
.jkaa-content .board-list-header {margin-bottom: 60px;}
/*20210913 80 -> 60*/
.jkaa {}
.jkaa:after {clear: both; display: block; overflow: hidden; content: ""; height: 0;}
.jkaa .l-img {float: left; width: 450px; margin-right: 59px;}
.jkaa .l-img span {display: block; clear: both; margin-top: 30px;}
.jkaa .l-img span > img {width: 120px; display: inline; margin-right: 10px; box-shadow: none;}
.jkaa .l-img img {width: 100%; display: block; box-shadow: 6px 6px #dadada;}
.jkaa .r-txt {float: left; width: calc(100% - 509px); /*padding-top:40px;*/}
.jkaa .r-txt .txt-area {border-bottom: 1px solid #efefef;}
.jkaa .r-txt .txt-area > strong {display: block; font-size: 46px; color: #202020; font-family: 'notokr-medium'; font-weight: normal;}
.jkaa .r-txt .txt-area > span {display: block; margin-top: 15px; font-size: 22px; color: #202020;}
.jkaa .r-txt .txt-area > p {margin-top: 50px; line-height: 28px;}
.jkaa .r-txt .txt-area > ul {margin-top: 30px; margin-bottom: 30px;}
.jkaa .r-txt .txt-area > ul > li {display: table; width: 100%; margin-bottom: 10px;}
.jkaa .r-txt .txt-area > ul > li > span:nth-child(1) {display: table-cell; width: 130px; color: #202020;}
.jkaa .r-txt .txt-area > ul > li > span:nth-child(2) {display: table-cell; width: calc(100% - 130px);}
.jkaa .r-txt .btn-area {margin-top: 35px;}

.jkaa-content .btn-m-line {min-width: 120px; margin-right: 6px;}

/*4개 이미지 list 게시판*/
.img-list-type1 {margin-top: 50px;}
.img-list-type1 > li {float: left; width: 22%; margin-right: 4%; margin-bottom: 100px;}
.img-list-type1 > li .img-box img {width: 100%; display: block;}
.img-list-type1 > li:nth-child(4n+0) {margin-right: 0}
.img-list-type1:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.img-list-type1 > li .info {margin-top: 25px;}
.img-list-type1 > li .info > strong {font-size: 24px; color: #222; display: block; margin-bottom: 15px; font-weight: normal; word-break: keep-all;
    font-family: 'notokr-medium';}
.img-list-type1 > li .info p {font-family: 'notokr-DemiLight'; }
.img-list-type1 > li .info p > span {color: #444444;font-family: 'notokr-regular';}
.img-list-type1 > li .info > span {display: block; margin-top: 20px}

.invite-content .img-list-type1 > li .img-box {display: flex; min-height: 400px; flex-direction: column; justify-content: center; text-align: center;
    background: #f8f8f8;}
.invite-content .img-list-type1 > li {margin-bottom: 20px}
.invite-content .img-list-type1 > li .img-box img {display: inline-block; max-width: 215px; margin: 0 auto; text-align: center;}
.invite-content .img-list-type1 > li .info > a {height: 100px; overflow: hidden; font-size: 24px; color: #222; display: block; margin-bottom: 15px; font-weight: normal; word-break: keep-all;
    font-family: 'notokr-medium';}
.invite-content .img-list-type1 > li .info > a:hover, .invite-content .img-list-type1 > li .info > a:focus {text-decoration: underline;}
.invite-content .img-list-type1 > li .info > a > strong {font-weight: normal;}

/*소식 > 소식지 > 웹진*/
.webzine-content .board-list-header {margin-bottom: 60px;}
.webzine-tit {font-size: 21px;font-family: 'notokr-DemiLight';}
.webzine-tit img {width: 101px; height: 21px; display: inline-block; vertical-align: middle}
/*소식 > 소식지 > 큐레이터가보내는엽서*/
.curator-view {text-align: center}
.curator-view img {text-align: center; max-width: 100%; height: auto;}
.magazine-content .tab-type1 {margin-bottom: 65px;}
/*소식 > 소식지 > 영상소식*/
.show-list.video-list > li .info.exhiprovincial > span {display: inline-block}
.video-list .info.exhiprovincial > p {margin: 10px 0 15px 0}
.video-list.show-list > li .info.exhiprovincial {min-height: 185px; height: auto}
.video-list.show-list > li .img-box {display: flex; min-height: 340px; flex-direction: column; justify-content: center; text-align: center; background: #f8f8f8;}
.video-list.show-list > li .img-box img {display: inline-block; text-align: center; width: auto; max-width: 100%;}
.show-list.exhiprovincial > li:first-child {padding-top: 0}
.reply-write-area {margin-top: 70px; }
.reply-write-area .reply-write {display: table; width: 100%; height: 95px;}
.reply-write-area .reply-write textarea {display: table-cell; width: calc(100% - 95px); height: 100%; box-sizing: border-box; vertical-align: middle; border: 1px solid #d1d1d1;
    background: #f8f8f8;}
.reply-write-area .reply-write button {display: table-cell; width: 95px; height: 100%; color: #fff; vertical-align: middle; border: 0; background: #000000; font-family: 'NanumSquare';
    font-weight: 700; font-size: 17px;}
.reply-write-area .reply-list > ul > li {padding: 30px; border-bottom: 1px solid #cccccc}
.reply-write-area .reply-list > ul > li > div .name {color: #232323; font-size: 18px;}
.reply-write-area .reply-list > ul > li > div .date {padding: 0 20px;}
.reply-write-area .reply-list > ul > li > div .btn {min-width: 70px; padding: 4px 15px;}
.reply-write-area .reply-list > ul > li > p {line-height: 18px; margin-top: 15px;}

/*정보공개 자료*/
.detail-popup {cursor: pointer}
.page-header.information {margin: 30px auto 50px auto;}
.page-tab-type1.information {padding-top: 0;}
.common-option-content.collection-option.information {display: block; clear: both;padding: 50px 0; background: #f8f8f8; margin-bottom: 50px;}
.collection-search.information {margin-top: 80px;}
.common-option-content.collection-option .inner-detail-search.information {width: calc(100% - 165px);}
.inner-detail-search.information > input:first-child::placeholder {font-size: 22px;}
.button_part {display: inline-block; padding-top: 29px;}
.button_part > button {padding: 12px 30px; margin-right: 7px; display: inline-block; font-family: 'notokr-medium'; font-size: 17px; border: solid 1px #202020; color: #222222; background: #ffffff; text-align: center; }
.button_part > button:last-child {margin-right: 15px;}
.button_part > button.on {background: #000000; border: solid 1px #000000; color: #ffffff}
.fromDtPart > span {display: inline-block;}
.fromDtPart > span > input {width: 144px; height: 50px; border-radius: 5px; font-size: 18px; color: #666666; background: #dddddd; text-align: center; border: 0; }
.fromDt-bar {width: 10px; height: 2px; margin: 0 4px; background: #dddddd; display: inline-block;position: relative;top: -4px;}

/*정보목록 상세 팝업*/
.popup-information {position: fixed; width: 100%; height: 100%; top: 0; z-index: 999;background: rgba(0, 0, 0, 0.74);}
.popup-content {width: 1000px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff;}
.popup-information-title {font-family: 'notokr-medium'; font-weight: normal; font-size: 32px; color: #202020; line-height: 110px; padding-bottom: 56px;}
.popup-information-title::before {width: 8px; height: 110px; margin-right: 33px; position: relative; top: -3px; background: #000000; content: '';display: inline-block; vertical-align: middle;}
.tbl-area {padding: 40px 40px 60px 40px; box-sizing: border-box;}
.popup-information-title2 { font-family: 'notokr-medium'; font-size: 24px; color: #222222; text-align: center;}
table.pc-information-tbl {width: 100%; border-collapse: collapse; display: block; border-bottom: solid 1px #cccccc; border-top: solid 2px #000000; margin-bottom: 60px;}
table.mobile-information-tbl {display: none;}
table.pc-information-tbl > tbody > tr > th {padding: 21px 0; background: #f8f8f8; border-bottom: solid 1px #efefef; border-right: solid 1px #efefef; font-family: 'notokr-regular'; font-weight: normal; font-size: 16px; color: #202020; text-align: center; }
table.pc-information-tbl > tbody > tr > th.sec {border-left: solid 1px #efefef; }
table.pc-information-tbl > tbody > tr:last-child > th {border-bottom: 0;}
table.pc-information-tbl > tbody > tr:last-child > td {border-bottom: 0;}
table.pc-information-tbl > tbody > tr > td {font-family: 'notokr-regular'; font-size: 16px; color: #666666; padding: 22px 0 22px 26px; border-bottom: solid 1px #efefef; }
.api-down > a > i {width: 20px; height: 22px; margin-left: 14px; background: url(/ux/content/images/common/ico/m_ico_down_off_img.png) no-repeat center; vertical-align: middle; display: inline-block; background-size: 20px 22px;}
.api-down > a:hover > i {width: 20px; height: 22px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_down_white.png) no-repeat center; vertical-align: middle; display: inline-block; background-size: 20px 22px;}
.popup-information-close-area::after {content: '';display: block;clear: both;}
.popup-information-close-area .popup-information-close-box {float: right;}
.popup-information-close-box {display: table}
.popup-information-close-box > li {display: table-cell; padding-right: 20px; }
.popup-information-close-box > li:last-child {padding-right: 0;}
.popup-information-close-box > li > a {display: inline-block; font-size: 26px;}

/*공공데이터방*/
.public-link {padding: 85px 0 40px 0;}
.public-link::after {content: '';display: block;clear: both;}
.public-link > li {float: left;}
.public-link > li:first-child {margin-right: 50px; font-family: 'notokr-medium'; font-size: 26px; color: #222222}
.public-link > li > a > i {width: 10px; height: 16px; margin-left: 14px; padding-right: 8px; display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_right_off_img.png) center no-repeat; background-size: 10px;}
.public-link > li > a:hover > i {width: 10px; height: 16px; display: inline-block; vertical-align: middle;background: url(/ux/content/images/common/ico/ico_right_on_img.png) center no-repeat; background-size: 10px;}
.public-title {font-family: 'notokr-medium'; font-weight: normal; font-size: 26px; color: #222222; padding-bottom: 38px;}
.board-list-header-history > h5 {font-family: 'notokr-medium'; font-weight: normal; font-size: 18px; color: #202020;}
.publice-side {padding: 21px 0 0 7px}
.publice-side > li::after {content: '';display: block;clear: both;}
.publice-side > li {display: table;}
.publice-side > li:last-child {margin: 38px 0 20px 0;}
.publice-side > li > span {display: table-cell; float: left; line-height: 26px}
.publice-side > li::before {width: 2px; height: 2px; background: #202020; vertical-align: middle; float: left; content: '';display: inline-block; vertical-align: middle; margin-right: 13px; position: relative; top: 12px}
.public-side-btn {text-align: left; padding-left: 22px}
.public-side-btn > a > i {width: 10px; height: 16px; margin-left: 0px; padding-right: 8px; display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_right_off_img.png) center no-repeat; background-size: 10px;}
.public-side-btn > a:hover > i {width: 10px; height: 16px; display: inline-block; vertical-align: middle;background: url(/ux/content/images/common/ico/ico_right_on_img.png) center no-repeat; background-size: 10px;}

/*학예사자격증안내(학예사자격증제도안내)*/
.curator-total-con:after {clear: both; height: 0; content: ''; display: block;}
.curator-total-con > div {float: left;}
.curator-left-con {width: calc(100% - 390px); margin-right: 60px; padding-top: 60px; border-top: 1px solid #ddd;}
.curator-right-con { width: 330px; padding-top: 40px; border-top: 1px solid #ddd;}
.curator-title {font-size: 26px; color: #222; margin-bottom: 30px; display: block; font-family: 'notokr-medium'; font-weight: normal;}
.curator-talble {border-top: 1px solid #222; }
.curator-talble > li {display: table; width: 100%; border-bottom: 1px solid #efefef; box-sizing: border-box;}
.curator-talble > li:last-child {border-bottom: 1px solid #ccc; box-sizing: border-box;}
.curator-table-title {display: table-cell; width: 170px; background: #f8f8f8; vertical-align: middle;}
.curator-table-title > p {font-size: 16px; padding: 19px; text-align: center; color: #222; font-family: 'notokr-regular';}
.curator-table-txt {display: table-cell; width: calc(100% - 170px); vertical-align: middle;}
.curator-padd {padding: 20px 0;}
.curator-table-txt > p {font-size: 16px; padding-left: 30px; line-height: 38px; color: #666; font-family: 'notokr-DemiLight'; }
.curator-rank {font-size: 26px; margin: 60px 0; color: #222; display: block; font-family: 'notokr-medium'; font-weight: normal;}
.curator-condition-con {padding-bottom: 60px; border-bottom: 1px solid #aeaeae; box-sizing: border-box; }
.curator-condition-con:after {clear: both; height: 0; content: ''; display: block;}
.condition-left {float: left; width: 50%; padding-right: 40px; box-sizing: border-box;}
.condition-left > p:nth-child(2) {margin-bottom: 60px;}
.condition-right {float: right; width: 50%;}
.condition-right > p:nth-child(2) {margin-bottom: 60px;}
.condition-name {font-size: 22px; margin-bottom: 30px; color: #202020; font-family: 'notokr-medium'; }
.condition-txt {font-size: 16px; line-height: 28px; color: #666; font-family: 'notokr-DemiLight';}
.condition-point {padding-left: 10px; position: relative;}
.condition-point:before {position: absolute; top: 15px; left: 0; width: 2px; height: 2px; background: #202020; content: ''; }
.curator-table2 {margin-top: 0px;}
.curator-table2 > li {display: table; padding: 40px 0 40px 0; width: 100%; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.curator-table2 > li:last-child {padding-bottom: 140px; border: none;}
.curator-table2-title {display: table-cell; width: 210px;}
.curator-table2-title > p {font-size: 24px; color: #222; font-family: 'notokr-medium';}
.curator-table2-txt {display: table-cell; width: calc(100% - 210px);}
.curator-table2-txt > p:nth-child(1) {margin-bottom: 20px;}
.curator-table2-txt > p:nth-child(3) {margin-top: 20px;}
.curator-down-img > a > i {width: 20px; height: 22px; margin-left: 14px; background: url(/ux/content/images/common/ico/m_ico_down_off_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 20px 22px;}
.curator-down-img > a:hover > i {width: 20px; height: 22px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_down_white.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 20px 22px;}
.curator-arrow-img > a > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 10px 16px;}
.curator-arrow-img > a:hover > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 10px 16px;}
.curator-right-con > p:nth-child(1) {font-size: 18px; margin-bottom: 30px; color: #202020; font-family: 'notokr-medium';}
.curator-right-con > p:nth-child(2) {font-size: 16px; color: #666; font-family: 'notokr-DemiLight';}
.curator-point { padding-left: 10px; position: relative;}
.curator-point:before {position: absolute; top: 12px; left: 0; content: ''; background: #202020; width: 2px; height: 2px;}
/*CSS 추가*/
.curator-br {display: block;}

/*학예사자격증안내(경력인정 대상기관 안내)*/
.career-total-con:after {clear: both; height: 0; content: ''; display: block;}
.career-total-con > div {float: left;}
.career-left-con {width: calc(100% - 390px); margin-right: 60px; padding-top: 80px; border-top: 1px solid #ddd;}
.career-right-con { width: 330px; padding-top: 80px; border-top: 1px solid #ddd;}
.career-table > li {display: table; width: 100%;}
.career-table > li:nth-child(1) {padding-bottom: 30px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.career-table > li:nth-child(2) {padding: 30px 0 140px 0;}
.career-table-title {display: table-cell; width: 248px; padding-right: 78px; box-sizing: border-box;}
.career-table-title > p {font-size: 24px; line-height: 36px; color: #222; font-family: 'notokr-medium';}
.career-table-txt {display: table-cell; width: calc(100% - 248px);}
.career-table-txt > p {line-height: 28px;}
.career-table-txt > p:last-child {margin-bottom: 0;}
.career-sub-txt {font-size: 18px; margin-bottom: 30px; color: #222; font-family: 'notokr-regular';}
.career-point {font-size: 16px; padding-left: 10px; margin-bottom: 20px; color: #666; font-family: 'notokr-DemiLight'; position: relative;}
.career-point:before {position: absolute; top: 14px; left: 0; content: ''; background: #202020; width: 2px; height: 2px;}
.career-right-con > p:nth-child(1) {font-size: 18px; margin-bottom: 30px; color: #202020; font-family: 'notokr-medium';}
.career-down-btn {margin-bottom: 30px; /* padding-bottom:10px; display:inline-block; border-bottom:1px solid #3f0b9f; box-sizing:border-box; */}
.career-down-btn2 > a {color: #666;}
.career-down-btn2 > a:hover {text-decoration: underline;}
.career-down-btn > a > i {width: 20px; height: 22px; padding-left: 14px; background: url(/ux/content/images/common/ico/m_ico_down_off_img.png) no-repeat center;
    background-size: 20px 22px; display: inline-block; vertical-align: middle; }
.career-down-btn > a:hover > i {width: 20px; height: 22px; padding-left: 14px; background: url(/ux/content/images/common/ico/ico_down_white.png) no-repeat center;
    background-size: 20px 22px; display: inline-block; vertical-align: middle; }
.career-right-con > p:nth-child(3) {font-size: 16px; color: #666; font-family: 'notokr-DemiLight';}

/*학예사자격증안내(관계 법령 안내)*/
.statute-content {border-bottom: 1px solid #ddd; box-sizing: border-box;}
.statute-top-txt {font-size: 20px; padding: 60px 0 40px 0; color: #666; font-family: 'notokr-DemiLight';}
.statute-top-txt > span {color: #970119;}
.statute-box-all {padding-bottom: 70px;}
.statute-box-all:after {clear: both; height: 0; content: ''; display: block;}
.statute-box-all > div {float: left; width: 30.5555%; margin-right: 4.1666%; border: 1px solid #ddd; box-sizing: border-box;}
.statute-box-all > div:last-child {margin-right: 0;}
.statute-box-title {font-size: 24px; padding: 40px 0; text-align: center; color: #222; display: block; font-family: 'notokr-medium'; font-weight: normal;}
.statute-box-btn {text-align: center;}
/* .statute-box-btn > a{font-size:18px; padding-bottom:12px; display:inline-block; border-bottom:1px solid #3f0b9f; color:#3f0b9f; font-family: 'NanumSquare'; font-weight: 700;} */
.statute-box-btn > a > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
    display: inline-block; background-size: 10px 16px; vertical-align: middle;}
.statute-box-btn > a:hover > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center; }
.statute-txt {padding: 40px 0 0 30px; line-height: 36px; box-sizing: border-box; background: #f8f8f8;}
.statute-txt {height: 770px;}
.statute-txt > p {font-size: 16px; padding-left: 10px; color: #666; position: relative;}
.statute-txt > p:before {position: absolute; top: 16px; left: 0; content: ''; background: #202020; width: 2px; height: 2px;}

/*Studio M:On*/
.digital-title-area > li strong {display: block; margin-top: 18px; font-size: 26px; color: #222; font-weight: normal; font-family: 'notokr-medium';letter-spacing: 19px; text-align: justify;}
.digital-letter.studio > p:nth-child(1) {letter-spacing: 20px;}
.digital-letter.studio > p:nth-child(2) {letter-spacing: 22px;}
.digital-letter.studio > p:nth-child(3) { letter-spacing: 5.5px;}
.digital-txt-style.studio {line-height: 60px; padding: 0; letter-spacing: -4px; text-align: justify;}
.digital-title-area li .m-img {display: none}
.digital-video-title.studio {padding: 0 0 34px 0;}
.studio-list:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.studio-list li {float: left; width: 48%; margin-right: 4%; margin-bottom: 4%;}
.studio-list li strong {display: block; margin-top: 30px; font-size: 20px; color: #202020; font-weight: normal;font-family: 'notokr-medium'; }
.studio-list li img {width: 100%; display: block}
.studio-list li:nth-child(2n+0) {margin-right: 0}

/*디지털실감 인트로 2021.4.14*/
.digital-block-span {display: block;}
.digital-intro-top-area {padding-bottom: 80px; border-bottom: 1px solid #ddd;}
.digital-intro-top-box {width: 100%;}
.digital-intro-top-box img {display: block; width: 100%}
.digital-intro-top-txt {font-size: 20px; line-height: 30px; margin: 40px 0 30px; color: #222; font-family: 'notokr-DemiLight';}
.digital-intro-top-sub-txt > li {font-size: 18px; margin-bottom: 10px; font-family: 'notokr-DemiLight'; vertical-align: middle;}
.digital-intro-top-sub-txt > li:last-child {margin-bottom: 0;}

.digital-new-ico > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 10px 16px;}
.digital-new-ico:hover > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 10px 16px;}

.digital-new-ico2 > i {width: 20px; height: 22px; padding-left: 14px; background: url(/ux/content/images/common/ico/m_ico_down_off_img.png) no-repeat center;
    background-size: 20px 22px; display: inline-block; vertical-align: middle;}
.digital-new-ico2:hover > i {width: 20px; height: 22px; padding-left: 14px; background: url(/ux/content/images/common/ico/ico_down_white.png) no-repeat center; background-size: 20px 22px;
    display: inline-block; vertical-align: middle;}

.digital-span-right {margin-right: 20px;}

.digital-floor-section:after {clear: both; content: ''; display: block; height: 0;}
.digital-floor-section > li {float: left; width: 50%;}

.digital-intro-top-area2 {padding-top: 60px;}
.digital-floor {font-family: 'NanumSquare'; font-size: 72px; font-weight: 800; padding-bottom: 23px;}
.digital-floor span {font-size: 48px;}

.digital-floor-img-section:after {clear: both; height: 0; display: block; content: '';}
.digital-floor-img-section li:after {clear: both; content: ''; display: block; height: 0;}
.digital-floor-img-section > li > div {float: left;}
.digital-intro-section-img {width: calc(100% - 300px);}
.digital-intro-section-img img {width: 100%; display: block;}
.digital-intro-floor-txt {vertical-align: top; padding: 55px 0 0 20px; width: 280px;}

.digital-intro-floor-txt p {margin-bottom: 14px; display: table}
.digital-intro-floor-txt p:last-child {margin-bottom: 0;}
.digital-circle {width: 24px; height: 24px; border-radius: 100%; display: inline-block; vertical-align: middle; margin-right: 10px;}
.col-circle1 {background: #f5dcd0;}
.col-circle2 {background: #e3ecc1;}
.col-circle3 {background: #cee8d5;}
.col-circle4 {background: #cbc6ef;}
.col-circle5 {background: #b8dff3;}
.col-circle9 {background: #ced1fc;}
.digital-circle-txt {font-size: 21px; display: table-cell; vertical-align: middle; color: #000; font-family: 'notokr-medium';}

.digital-book-info {font-size: 16px; color: #222; margin-top: 10px; font-family: 'notokr-medium';}
.digital-intro-book-area {padding-top: 10px;}
.digital-intro-book-area:after {clear: both; content: ''; display: block; height: 0;}
.digital-intro-book-area li {float: left; width: 30.5%; margin-right: 4.1%; margin-bottom: 60px;}
.digital-intro-book-area li:nth-child(3n-0) {margin-right: 0;}
.digital-new-top-margin {margin-top: 12px;}

/*Regional National Museums*/
.eng-national-area {padding: 0;}
.m-eng-national-map {display: none;}
.eng-national-box1 {max-width: 1440px; margin: 0 auto; padding: 0 15px 50px 15px;}
.eng-national-box1:after {clear: both; content: ''; heigth: 0; display: block;}
.eng-national-box1 > div {float: left;}
.eng-national-img-box {padding: 20px 12% 0 117px;}
.eng-national-map {width: 100%}
.eng-national-name {width: 62.5%; padding-top: 70px;}
.eng-national-title {font-size: 22px; padding: 10px 0; margin-bottom: 40px; border: 2px solid #000; font-family: 'notokr-medium';
    font-weight: normal; color: #202020; background: #fff; display: block; width: 100%; text-align: center; box-sizing: border-box;}
.eng-national-txt:after {clear: both; content: ''; heigth: 0; display: block;}
.eng-national-txt > li {float: left; width: 25.5%; padding-right: 7.8%;}
.eng-national-txt > li > a {font-size: 16px; margin-bottom: 30px; color: #666; font-family: 'notokr-regular'; display: block;}
.eng-national-txt > li > a.on {color: #3f0b9f;}
.eng-national-box2 {padding: 0 15px}
.eng-national-cotent {display: table; width: 100%; max-width: 1440px; margin: 0 auto; padding: 80px 0 120px;}
.eng-national-con-title {display: table-cell; width: calc(100% - 380px); vertical-align: middle;}
.eng-national-con-title strong {font-size: 24px; margin-bottom: 20px; color: #222; display: block; font-family: 'notokr-medium'; font-weight: normal;}
.eng-national-con-title p:nth-child(2) {font-size: 16px; padding-right: 60px; margin-bottom: 30px; line-height: 26px; color: #666; font-family: 'notokr-DemiLight';}
.btn-block.eng-national-btn > a {margin-left: 0;}
.eng-national-con-img {display: table-cell; width: 380px;}
.eng-national-con-img img {width: 100%; display: block;}

/*정보공개(정보공개제도안내)*//*Policies on Private Viewing*/
.insti-total-con:after {clear: both; height: 0; content: ''; display: block;}
.insti-total-con > div {float: left;}
.insti-left-con {width: calc(100% - 390px); margin-right: 60px;}
.insti-right-con { width: 330px; padding: 40px 0 0 30px; border-top: 1px solid #ddd; box-sizing: border-box;}
.insti-main-img {width: 100%; height: 300px; padding: 70px 350px 0 70px; box-sizing: border-box; background: url(/ux/content/images/intro/eng/img_policies_bg_1.jpg) no-repeat center; background-size: cover;}
.insti-main-img.eng-insti-main-img2 {width: 100%; height: 300px; padding: 70px 350px 0 70px; box-sizing: border-box; background: url(/ux/content/images/intro/eng/img_policies_bg_2.jpg) no-repeat right; background-size: cover;}
.insti-main-img.eng-insti-main-img3 {width: 100%; height: 300px; padding: 70px 200px 0 70px; box-sizing: border-box; background: url(/ux/content/images/intro/eng/img_policies_bg_3.jpg) no-repeat right; background-size: cover;}
.insti-main-img > strong {font-size: 42px; line-height: 48px; color: #222; font-family: 'notokr-light';; font-weight: normal;}
.insti-main-img.eng-insti-main-img3 > strong {color: #fff;}
.insti-main-img > p {font-size: 16px; line-height: 28px; margin-top: 30px; color: #666; font-family: 'notokr-DemiLight';}
.insti-main-img.eng-insti-main-img3 > p {padding-right: 150px; color: #ccc;}
.insti-table {margin-top: 60px;}
.insti-table > li {width: 100%; padding: 60px 0; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.insti-table > li:first-child {padding-top: 0;}
.insti-table > li:last-child {border-bottom: 0px;}
.insti-table-title {margin-bottom: 30px;}
.insti-table-title > p {font-size: 24px; color: #222; font-family: 'notokr-medium';}
.insti-txt-title {font-size: 18px; margin-bottom: 20px; color: #222; font-family: 'notokr-regular';}
.insti-table-txt {padding-left: 10px}
.insti-txt-sub {font-size: 16px; line-height: 38px; padding-left: 10px; margin-bottom: 20px; line-height: 28px; color: #666; font-family: 'notokr-DemiLight'; position: relative; }
.insti-txt-sub:last-child {margin-bottom: 0;}
.insti-txt-sub:before {position: absolute; top: 14px; left: 0; width: 2px; height: 2px; content: ''; background: #222}
.insti-img-con {margin: 40px 0 140px 0;}
.insti-img-con > p {font-size: 24px; color: #222; font-family: 'notokr-medium';}
.insti-img-con > div {margin-top: 80px; padding-left: 50px; }
.insti-img-con > div > img {max-width: 961px; width: 100%;}
.m_insti-img {display: none;}
.insti-right-con > .eng-insti-txt1 {font-size: 18px; line-height: 30px; margin-bottom: 30px; color: #202020; font-family: 'notokr-medium';}
.insti-right-con > .eng-insti-txt2 {font-size: 16px; color: #222; font-family: 'notokr-medium';}
.insti-right-con > .eng-insti-txt3 {font-size: 16px; line-height: 26px; color: #666; font-family: 'notokr-DemiLight';}
.eng-insti-box {margin-top: 20px;}
.eng-insti-box > li {display: table; margin-bottom: 10px;}
.eng-insti-box > li:last-child {margin-bottom: 0;}
.eng-insti-box > li strong {display: table-cell; width: 60px; font-size: 16px; color: #222; }
.eng-insti-box.eng-rental > li strong {width: 70px;}
.eng-insti-box > li p {display: table-cell; width: calc(100% - 60px); font-size: 16px; color: #666;}
/*Policies on Using Images*/
.m-eng-insti-table {display: none;}
.eng-insti-bottom {margin-bottom: 50px;}
table.eng-insti-table > tbody > tr > td {border-right: 1px solid #efefef;}
table.eng-insti-table > tbody > tr > td:last-child {border-right: 0;}
table.eng-insti-table > tbody > tr > td.eng-insti-table-td {font-size: 18px; color: #444; font-family: 'notokr-regular';}
table.eng-insti-table > tbody > tr > td.eng-insti-table-td2 {text-align: left; padding-left: 20px;}
table.general-tbl.eng-insti-table > tbody > tr:last-child > td {border-bottom: solid 1px #efefef;}
.pc-eng-insti-table p {margin-top: 20px;}
/*rental_fee*/
.eng-rental-title {padding: 60px 0 20px; border-top: 2px solid #222;}
.eng-rental-title > p {font-size: 20px; line-height: 30px; font-family: 'notokr-DemiLight'; color: #666;}

/*contact Us*/
.rule-top-txt {margin-bottom: 60px;}
.rule-top-txt > li {display: table; width: 100%;}
.rule-table-title {display: table-cell; width: 120px; padding-right: 50px; box-sizing: border-box; vertical-align: middle;}
.rule-table-title > p {font-size: 24px; color: #222; font-family: 'notokr-medium'; }
.rule-table-txt {display: table-cell; width: calc(100% - 120px); vertical-align: middle;}
.rule-table-txt > p {font-size: 18px; color: #222; font-family: 'notokr-regular';}
.rule-box-all:after {clear: both; content: ''; display: block; height: 0;}
.rule-box-all > div {float: left; width: 30.5555%; height: 490px; margin: 0 4.1666% 60px 0; text-align: center; border: 1px solid #ddd; box-sizing: border-box;}
.rule-box-all > div:nth-child(3n+0) {margin-right: 0;}
.rule-box-all > div:last-child.eng-contact-last-box {height: 260px; margin-right: 0;}
.rule-box-title {font-size: 24px; line-height: 36px; padding-bottom: 20px; margin-top: 20px; color: #222; display: block; font-family: 'notokr-medium'; font-weight: normal; }
.rule-box-txt {font-size: 16px; color: #666; font-family: 'notokr-DemiLight';}
.rule-text-box {padding: 30px 40px 0 40px; box-sizing: border-box;}
.rule-box-btn {height: 36px;}
.rule-box-btn > a > i {width: 9px; height: 18px; margin-left: 12px; display: inline-block; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
    background-size: 9px 18px; vertical-align: middle;}
.rule-box-btn > a:hover > i {width: 9px; height: 18px; margin-left: 12px; display: inline-block; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center;
    background-size: 9px 18px; vertical-align: middle;}
.rule-txt {background: #f8f8f8; content: ''; width: 100%; height: 40px;}
/*Contact Us eng추가CSS*/
.eng-contact-img {width: 74px; margin: 0 auto;}
.eng-contact-img > img {width: 100%;}
.eng-contact-txt {text-align: left;}
.eng-contact-txt > li {display: table; margin-bottom: 20px;}
.eng-contact-txt > li:last-child {margin-bottom: 0;}
.eng-contact-txt > li > strong {display: table-cell; font-size: 16px; width: 90px; font-family: 'notokr-medium'; font-weight: normal; color: #222;}
.eng-contact-txt > li > p {display: table-cell; font-size: 16px; width: calc(100% - 90px); color: #666; font-family: 'notokr-DemiLight';}
.rule-box-all > div {position: relative;}
.eng-contact-bottom-box {position: absolute; width: 100%; bottom: 0;}
/*Information eng추가CSS*/
.rule-box-all.eng-info-box-all > div {height: 340px}
.eng-info-txt {font-size: 16px; line-height: 28px; color: #666; font-family: 'notokr-DemiLight';}
.rule-box-all.eng-info-box-all > div > .rule-text-box {padding: 30px 24px 0 24px;}

/*정보공개(관련 서식)*/
.format-text-box {padding: 82px 56px 0 56px}

/*정보공개(정보공개 수수료)*/
.m-fees-ico-img1 {display: none;}
.fees-total-con:after {clear: both; height: 0; content: ''; display: block;}
.fees-total-con > div {float: left;}
.fees-left-con {width: calc(100% - 390px); margin-right: 60px; border-top: 2px solid #000;}
.fees-right-con { width: 330px; padding-top: 80px; border-top: 1px solid #ddd;}
.fees-table > li {display: table; width: 100%; padding: 60px 0; border-bottom: 1px solid #efefef;}
.fees-table-title {display: table-cell; width: 30%; text-align: center; vertical-align: top;}
.fees-table-txt {display: table-cell; width: 35%; padding-left: 15px; vertical-align: top;}
.fees-table-txt2 {display: table-cell; width: 35%; padding-left: 15px; vertical-align: top;}
.fees-table-title > strong {font-size: 24px; margin-bottom: 10px; color: #222; display: inline-block; font-family: 'notokr-medium'; font-weight: normal; }
.fees-ico > img {width: 100%; max-width: 204px;}
.fees-txt-title {font-size: 16px; margin-bottom: 20px; color: #222; font-family: 'notokr-medium';}
.fees-point {font-size: 16px; line-height: 26px; margin-bottom: 15px; padding-left: 14px; color: #666; font-family: 'notokr-DemiLight'; position: relative;}
.fees-point:before {width: 2px; height: 2px; background: #202020; position: absolute; top: 12px; left: 0; content: ""; }
.fees-last-txt {padding-bottom: 30px;}
.fees-txt-title2 {font-size: 18px; margin-bottom: 20px; color: #202020; font-family: 'notokr-medium';}
.fees-point2 {font-size: 16px; line-height: 26px; padding-left: 14px; margin-bottom: 40px; color: #666; font-family: 'notokr-DemiLight'; position: relative;}
.fees-point2:before {width: 2px; height: 2px; background: #202020; position: absolute; top: 12px; left: 0; content: ""; }
.fees-point2:last-child {margin-bottom: 0;}

/*사전정보공표(국민생활 중요정보) PC버전*/
.m-pub-table {display: none;}
.pub-top-title {font-size: 20px; line-height: 30px; margin-bottom: 60px; color: #666; font-family: 'notokr-DemiLight';}
.pub-top-title > span {color: #970119;}
.pub-table {width: 100%; margin-top: 80px;}
.pub-table-title {background: #f8f8f8; border-top: 1px solid #000; box-sizing: border-box;}
.pub-table-title > th {font-size: 16px; padding: 24px 0; line-height: 20px; color: #202020; font-family: 'notokr-regular';}
.pub-table-con > td {padding: 22px 0; border-right: 1px solid #efefef; box-sizing: border-box; }
.pub-table-con > td:last-child {border-right: 0;}
.pub-table-con {border-bottom: 1px solid #efefef; box-sizing: border-box;}
.pub-table-con:first-child {border-top: 1px solid #ccc; box-sizing: border-box; }
.pub-table-first {font-size: 18px; color: #444; text-align: center; font-family: 'notokr-regular';}
.pub-table-txt {font-size: 16px; line-height: 26px; color: #666;}
.pub-table-con > td p {display: none}
.pub-table-con > td:nth-child(2) {padding-left: 20px;}
.pub-table-con > td:nth-child(3) {text-align: center;}
.pub-table-con > td:nth-child(4) {text-align: center;}
.pub-table-con > td:nth-child(5) {padding-left: 20px;}
.pub-table-con > td:nth-child(6) {text-align: center;}
.pub-table-link > i {width: 18px; height: 18px; padding-left: 16px; display: inline-block; background: url(/ux/content/images/common/btn/btn_move.png) no-repeat center;
    background-size: 18px 18px; vertical-align: middle;}

/*학술출판*/
/*소식참여 > 소식 > 소식지 220305*/
.mu-news-content .board-list-header {margin-bottom: 60px;}
/*20210913 80 -> 60*/
.mu-news {}
.category-tit {margin-top: 65px;}
.category-tit strong {font-size: 28px; color: #202020;font-family: 'notokr-medium'; font-weight: normal}
.category-tit .select-t1 {width: 288px; float: right;}
.category-tit:after {clear: both; display: block; overflow: hidden; content: ""; height: 0;}
.category-tit .select-box-type {width: 175px; margin-right: 18px; vertical-align: middle;}
.category-tit .btn {min-width: 90px !important; vertical-align: middle;}
.mu-news:after {clear: both; display: block; overflow: hidden; content: ""; height: 0;}
.mu-news .l-img {float: left; width: 450px; margin-right: 59px;}
.mu-news .l-img span {display: block; clear: both; margin-top: 50px;}
.mu-news .l-img img {width: 100%; display: block; box-shadow: 6px 6px #dadada;}
.mu-news .r-txt {float: left; width: calc(100% - 509px); padding-top: 40px;}
.mu-news .r-txt .txt-area > strong {display: block; font-size: 46px; color: #202020; font-family: 'notokr-medium'; font-weight: normal;}
.mu-news .r-txt .txt-area > span {display: block; margin-top: 15px; font-size: 22px; color: #202020;}
.mu-news .r-txt .txt-area > p {margin-top: 50px; line-height: 28px;}
.mu-news .r-txt .btn-chapter {display: block; margin-top: 70px; padding: 0 0 15px 0; font-size: 26px; color: #202020; font-family: 'notokr-medium'; border-bottom: 2px solid #333;
    background: url(../images/common/ico/ico_lg_black_close.png) no-repeat right; background-size: 31px 17px;}
.mu-news .r-txt .btn-chapter.active { background: url(../images/common/ico/ico_lg_black_open.png) no-repeat right; background-size: 31px 17px;}
.mu-news .r-txt .chapter {display: block; margin-top: 70px; padding: 0 0 15px 0; font-size: 26px; color: #202020; font-family: 'notokr-medium'; border-bottom: 2px solid #333; background-size: 31px 17px;}
.mu-news .r-txt .chapter-info {display: block; padding: 50px 30px; box-sizing: border-box; background-color: #f8f8f8; height: 310px; overflow: hidden;}
.mu-news .r-txt .chapter-info.active {height: auto;}
.mu-news .r-txt .chapter-info > ul > li {margin-bottom: 30px;}
.mu-news .r-txt .chapter-info > ul > li:last-child {margin-bottom: 0}
.mu-news .r-txt .chapter-info > ul > li > strong {display: block; margin-bottom: 15px; font-size: 22px; color: #202020; font-family: 'notokr-medium'; font-weight: normal;}
.mu-news .r-txt .chapter-info > ul > li > p {line-height: 28px; margin-bottom: 15px; font-family: 'notokr-DemiLight'; }
.mu-news .r-txt .chapter-info > ul > li > p:last-child {margin-bottom: 0}
.mu-news .r-txt .chapter-info > ul > li > p > span {display: block; color: #444444; font-size: 18px; font-family: 'notokr-regular';}
.mu-news .r-txt .more-btn {display: block; height: 34px; width: 86px; font-size: 20px; margin-top: 20px; border-bottom: 2px solid #535353; margin-top: 20px; padding-bottom: 6px; color: #535353; font-weight: 500; background: url(../images/common/ico/arrow-right-ico.png) no-repeat right; background-size: 20px;}
.mu-news .r-txt .more-btn .arrow-right-ico {width: 20px; height: 10px; padding-left: 10px; display: inline-block; vertical-align: middle; background-image: url(../images/common/ico/arrow-right-ico.png); background-repeat: no-repeat; background-position: right; background-size: 20px;} /* 250711 웹호환성 퍼블 수정 */
.mu-news .r-txt .more-btn.active {background-image: url(../images/common/ico/arrow-right-ico2.png); background-position: right 10px;}
.mu-news .r-txt .more-btn.active .arrow-right-ico {transform: rotate(180deg);}
.mu-news .btn-m-line {min-width: 120px; margin-right: 6px;}
.mu-news .btn-m-line:last-child {margin-right: 0}
.mu-news .pdf-down i, .magazine-content .pdf-down i {width: 20px; height: 20px; padding-left: 10px; display: inline-block; vertical-align: middle;
    background: url(../images/common/ico/ico_pdf_type1.png) no-repeat right; background-size: 20px}
.mu-news .btn-link i, .webzine-content .btn-link i {width: 11px; height: 20px; padding-left: 10px; display: inline-block; vertical-align: middle;
    background: url(../images/common/ico/ico_link_arrow.png) no-repeat right; background-size: 11px 20px}
.curator-content .page-tab-type1 {margin-bottom: 70px;}

/*보존과학(역할)*/
.m-role-img {display: none;}
.m-role-step-img {display: none;}
.role-img-con {width: 100%;}
.role-img {width: 100%;}
.role-total-con {margin-top: 100px;}
.role-total-con:after {clear: both; content: ''; display: block; height: 0;}
.role-total-con > div {float: left;}
.role-left-con {width: calc(100% - 390px);}
.role-total-title {font-size: 32px; display: block; color: #222; font-family: 'notokr-medium'; font-weight: normal;}
.role-sub-title {font-size: 26px; margin-bottom: 34px; color: #222; font-family: 'notokr-medium';}
.role-sub-txt {font-size: 16px; line-height: 26px; padding-bottom: 80px; color: #666; font-family: 'notokr-DemiLight';}
.role-sub-txt2 {font-size: 16px; line-height: 28px; margin-bottom: 40px; color: #666; font-family: 'notokr-DemiLight';}
.role-bottom {margin-bottom: 70px;}
.role-step-con > p {font-size: 20px; margin-bottom: 40px; color: #222; font-family: 'notokr-medium';}
.role-step-con > div {width: 100%; padding: 0 0 60px 25px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.role-step-con > div > img {width: 100%; max-width: 1002px;}
.role-bott-title {font-size: 24px; margin: 60px 0 30px; color: #222; font-family: 'notokr-medium';}
.role-point {font-size: 16px; line-height: 28px; padding-left: 12px; margin-bottom: 30px; color: #666; font-family: 'notokr-DemiLight'; position: relative;}
.role-bott-point {margin-bottom: 0; padding-bottom: 50px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.role-point:before {width: 2px; height: 2px; background: #202020; position: absolute; top: 12px; left: 0; display: block; content: '';}
/*기본 오른쪽 css*/
.role-right-con {width: 390px;}
.role-right-title {font-size: 18px; padding-top: 30px; margin-bottom: 18px; color: #202020; font-family: 'notokr-medium';}
.role-right-txt {width: 100%; text-align: center; border: 1px solid #eaeaea; box-sizing: border-box;}
.role-right-txt > li {height: 44px; line-height: 44px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.role-right-txt > li:last-child {border-bottom: 0;}
.role-right-txt > li > a {font-size: 16px; color: #666; display: block; font-family: 'notokr-regular';}
.role-right-txt > li > a.on, .role-right-txt > li > a:hover {background: #333; color: #fff; }
/*ì—­í•  section(role-other)*/
.role-other {width: 100%; padding-right: 0;}
.role-other-con {padding-top: 80px;}
.role-other-con:after {clear: both; display: block; content: ''; height: 0;}
.role-other-con > div {float: left;}
.role-other-left {width: 380px;}
.role-other-right {width: calc(100% - 380px);}
.role-other-line {border-bottom: 1px solid #eaeaea;}

/*분야(금속보존)*/
.metal-title-con {padding-bottom: 60px;}
.metal-main-title {font-size: 32px; color: #222; display: inline-block; font-family: 'notokr-medium'; font-weight: normal;}
.metal-main-sub {font-size: 26px; line-height: 42px; margin-bottom: 40px; color: #222; font-family: 'notokr-medium';}
.metal-main-txt {font-size: 16px; line-height: 28px; color: #666; font-family: 'notokr-DemiLight';}
.metal-right-top {padding-top: 0;}
.metal-sub-title {font-size: 26px; color: #222; padding-top: 64px; margin-bottom: 30px; display: block; border-top: 1px solid #ccc; box-sizing: border-box; font-family: 'notokr-medium'; font-weight: normal;}
.metal-float:after {clear: both; content: ''; display: block; height: 0;}
.metal-float {padding-bottom: 60px;}
.metal-float > li {float: left;}
.metal-order {width: 22.8571%; margin-right: 2.8571%;}
.metal-order:last-child {margin-right: 0;}
.metal-order-img {width: 100%;}
.metal-order-img > img {width: 100%; display: block;}
.metal-num {margin-top: 20px; width: 100%;}
.metal-num:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.metal-num > li:nth-child(1) {font-size: 15px; width: 26px; height: 26px; margin-right: 12px; border-radius: 100%; line-height: 26px; background: #000; text-align: center; color: #fff; font-family: 'notokr-medium'; }
.metal-num > li:nth-child(2) {font-size: 16px; width: calc(100% - 38px); line-height: 26px; color: #666; font-family: 'notokr-DemiLight'; }
.metal-analysis-order {width: 31.4285%; margin-right: 2.8571%;}
.metal-analysis-order:last-child {margin-right: 0;}
.metal-analysis-img {width: 100%;}
.metal-analysis-img > img {width: 100%; display: block;}
.metal-non-num {font-size: 16px; margin-top: 20px; color: #666; font-family: 'notokr-DemiLight';}
.metal-outdoor-order {width: 31.4285%; margin-right: 2.8571%;}
.metal-outdoor-order:last-child {margin-right: 0;}
.metal-outdoor-img {width: 100%;}
.metal-outdoor-img > img {width: 100%; display: block;}
.order-metal-txt {font-size: 16px; line-height: 28px; margin-bottom: 40px; color: #666; }
.metal-thurible-order {width: 22.8571%; margin-right: 2.8571%;}
.metal-thurible-order:last-child {margin-right: 0;}
.metal-thurible-img {width: 100%; diplay: block;}
.metal-thurible-img > img {width: 100%; display: block;}
.metal-octagonal-order {width: 31.4285%; margin-right: 2.8571%;}
.metal-octagonal-order:nth-child(3n+0) {margin-right: 0;}
.metal-octagonal-img {width: 100%;}
.metal-octagonal-img > img {width: 100%; display: block;}
.octagonal-bottom {margin-bottom: 40px;}
.metal-float2:after {clear: both; content: ''; display: block; height: 0; }
.metal-float2 > li {float: left;}

/*분야(목제)*/
.wood-m-img {display: none;}
.wood-img-top:after {clear: both; height: 0; content: ''; display: block;}
.wood-img-top {margin-top: 40px}
.wood-img-top > li {float: left; width: 39.2857%;}
.wood-img-top > li:nth-child(1) {margin-right: 3.5714%;}
.wood-img-top > li > img {width: 100%; display: block;}
.wood-img-txt {font-size: 16px; margin-top: 20px; color: #666; font-family: 'notokr-DemiLight';}
.wood-research-img:after {clear: both; content: ''; height: 0; display: block;}
.wood-research-img > li {float: left; margin-right: 2.8571%;}
.wood-main-txt-p2 {padding-right: 50px;}
.wood-research-img > li:nth-child(2) {width: 8.3809%;}
.wood-research-img > li:nth-child(3) {width: 20%;}
.wood-research-img > li:nth-child(4) {width: 31.4285%;}
.wood-research-img > li:nth-child(5) {width: 31.4285%;}
.wood-research-img > li:last-child {margin-right: 0;}
.wood-research-img > li > img {width: 100%; display: block;}
.wood-img-txt-c {width: 100%; margin-bottom: 60px; text-align: center;}
.order-wood-txt {font-size: 16px; line-height: 28px; padding-left: 10px; margin-bottom: 30px; color: #666; position: relative;}
.order-wood-txt:before {width: 2px; height: 2px; background: #202020; position: absolute; top: 12px; left: 0; display: block; content: '';}
.order-wood-txt:last-child {margin-bottom: 0;}

/*분야(목칠공예품)*/
.woodwork-title {padding-right: 60px;}
.woodwork-table {display: table;}
.woodwork-table > li {display: table-cell;}
.woodwork-order {width: 47.1428%;}
.arrow-con {width: 2.1904%; padding: 0 18px; vertical-align: middle;}
.arrow-img {width: 23px; height: 40px; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 23px 40px; margin-top: -36px;}
.woodwork-img > img {width: 100%; display: block;}
.woodwork-non-num {font-size: 16px; margin-top: 20px; color: #666; font-family: 'notokr-DemiLight';}
.woodwork-con {margin-bottom: 60px;}
.woodwork-front-con {display: table; width: 71%;}
.woodwork-front-con > li {display: table-cell;}
.woodwork-front-order {width: 31.4285%;}
.woodwork-front-img {max-width: 330px;}
.woodwork-front-img > img {width: 100%; display: block;}

/*분야(토기·도자기)*/
.earth-m-txt {display: none;}
.earth-main-bottom {padding-bottom: 50px;}
.earth-table {display: table; width: 100%;}
.earth-table > li {display: table-cell;}
.earth-img {width: 29.5238%;}
.earth-img > img {width: 100%; display: block;}
.earth-arrow {margin: 0 1.9047%; vertical-align: middle;}
.earth-arr-img {width: 23px; height: 40px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 23px 40px;}
.m-earth-arr-img {width: 23px; height: 40px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 23px 40px;}
.earth-table2 {margin-top: 40px; display: table; width: 100%;}
.earth-table2 > li {display: table-cell;}
.earth-img2 {width: 20.6666%;}
.earth-img2 > img {width: 100%; display: block;}
.earth-arrow2 {vertical-align: middle;}
.earth-arr-img2 {width: 23px; height: 40px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 23px 40px;}
.m-earth-arr-img2 {width: 23px; height: 40px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 23px 40px;}
.m-earth-arr-img3 {width: 23px; height: 40px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 23px 40px;}
.earth-num > li:nth-child(4n+0) {margin-right: 0;}
.earth-bottom {margin-bottom: 40px;}
.earth-img-txt {font-size: 16px; margin-top: 20px; text-align: center; color: #666; font-family: 'notokr-DemiLight';}

/* 분야(직물보존)*/
.text-txt {margin-bottom: 40px;}
.text-bottom {padding-bottom: 30px;}
.text-float:after {clear: both; display: block; height: 0; content: '';}
.text-float {clear: both;}
.text-top {padding-top: 40px;}
.text-table1 {float: left; width: 47.1428%;}
.text-table2 {float: right; width: 47.1428%;}
.text-table-all {display: table; width: 100%;}
.text-table-all > li {display: table-cell;}
.text-table-all > li img {width: 100%; display: block;}
.text-img {width: 43.8383%;}
.text-arrow-con {vertical-align: middle;}
.text-arrow-img {width: 23px; height: 40px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 23px 40px;}
.table-txt {font-size: 16px; margin-top: 20px; color: #666; text-align: center; font-family: 'notokr-DemiLight';}

/* 분야(서화의 보존)*/
.m-call-txt {display: none;}
.m-call-img {display: none;}
.call-float:after {clear: both; height: 0; display: block; content: '';}
.call-right-padding {padding-right: 50px;}
.call-non-num {font-size: 16px; margin-top: 20px; color: #666; font-family: 'notokr-DemiLight';}
.pc-call-txt {font-size: 16px; margin-bottom: 20px; color: #666; font-family: 'notokr-DemiLight';}
.pc-call-bottom {margin-bottom: 40px;}
.call-table-con:after {clear: both; height: 0; display: block; content: '';}
.call-table-con {float: left; width: 47.1428%;}
.call-table-con > li {float: left;}
.call-box1 {width: 46.8686%;}
.call-table-con > li:nth-child(1) {margin-right: 6.2626%;}
.call-table-con2 {float: right; display: table; width: 47.1428%;}
.call-table-con2 > li {display: table-cell;}
.call-box2 {width: 43.8383%;}
.call-img {width: 100%; display: block;}
.pc-call-img {width: 100%; display: block;}
.call-arrow-con {vertical-align: middle;}
.call-arrow-img {width: 23px; height: 40px; margin: 0 auto; margin-top: -44px; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 23px 40px;}

/* 분야(석재보존)*/
.stone-title {padding-right: 15px;}
.stone-top {padding-top: 60px;}
.stone-arr-top {margin-top: -36px;}

/* 분야(벽화보존) */
.mural-num > li:nth-child(4n+0) {margin-right: 0;}
.m-mural-bottom {margin-bottom: 40px;}

/* 분야(문화재 분석의 실제 예)*/
.anal-title-con {padding-bottom: 40px;}
.anal-main-title {font-size: 32px; margin-bottom: 40px; color: #222; display: block; font-family: 'notokr-medium'; font-weight: normal;}
.anal-sub-title {font-size: 26px; margin-bottom: 30px; color: #222; display: block; font-family: 'notokr-medium'; font-weight: normal;}
.anal-bottom {margin-bottom: 60px;}
.anal-bottom2 {padding-bottom: 40px;}
.anal-main-txt {margin-bottom: 40px;}

/*분야(박물관 환경)*/
.env-main-title {padding-right: 40px;}
.env-sub-title {font-size: 26px; padding: 60px 0 30px; border-top: 1px solid #ccc; color: #222; display: block; font-family: 'notokr-medium'; font-weight: normal;}
.env-img-con:after {clear: both; height: 0; display: block; content: '';}
.env-img-con {margin-bottom: 60px;}
.env-img {float: left; max-width: 330px; width: 100%;}
.env-img > img {width: 100%; display: block;}
.env-img-txt {float: right; width: calc(100% - 330px); padding-left: 30px; box-sizing: border-box; }
.env-txt {font-size: 16px; line-height: 28px; color: #666; font-family: 'notokr-DemiLight';}
.env-img-con2:after {clear: both; height: 0; display: block; content: '';}
.env-img-txt2 {float: left; padding-left: 0px; padding-right: 30px; box-sizing: border-box; }
.env-img2 {float: right;}
.env-img-con2 {margin-bottom: 30px;}
.env-txt-bottom {margin-bottom: 30px;}
.env-img-con3:after {clear: both; height: 0; content: ''; display: block;}
.env-img-con3 {margin-bottom: 60px;}
.env-img-con3 > li {float: left; width: 31.4285%;}
.env-img-con3 > li:nth-child(1) {margin-right: 3.8095%;}
.env-img-con3 > li > img {width: 100%; display: block;}

.common-option-content.periodical .input-t {width: 420px; float: left;}
.common-option-content.periodical .input-t > li {display: inline-block;}
.common-option-content.periodical .input-t > li .condLabel {font-size: 22px; padding-right: 10px;}
.common-option-content.periodical .input-t > li .inpt3 {width: 140px;}
.common-option-content.periodical .inner-detail-search {width: calc(100% - 580px);}
.common-option-content.periodical.collection-option .detail-search {max-width: 1320px;}
.board-view-type1 .outview-txt-box .outview-text.view > strong {margin-top: 0}

.flie-down-area .flie-down-list > li {display: block; width: 330px; padding: 20px 0 20px 20px; border-bottom: 1px solid #efefef; box-sizing: border-box}
.flie-down-area .flie-down-list > li > strong {font-weight: normal; display: block; padding-left: 50px; width: 100%; position: relative; box-sizing: border-box}
.flie-down-area .flie-down-list > li > span {display: block; width: 100%; padding-top: 20px;}
.flie-down-area .flie-down-list > li > strong:before {width: 24px; height: 25px; position: absolute; left: 0; margin-right: 25px; display: inline-block;
    content: ""; background: url(/ux/content/images/common/ico/ico_down_black.png) no-repeat right; background-size: 24px 25px}
.flie-down-area .flie-down-list > li .btn {min-width: 140px;}
.flie-down-list .btn-file-down {margin-right: 7px}
.flie-down-list .btn-file-down i {width: 22px; height: 21px; padding-left: 10px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_sm_down_black.png) no-repeat right; background-size: 22px 21px}
.flie-down-list .btn-link i {width: 11px; height: 21px; padding-left: 10px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_link_arrow.png) no-repeat right; background-size: 11px 20px}

/*논문투고*/
.paper-txt {margin-top: 45px;}
.paper-txt .num-list-type1 > li {padding-left: 40px; margin-top: 30px; position: relative;}
.paper-txt .num-list-type1 > li > strong {font-size: 20px; color: #444444; font-weight: normal; font-family: 'notokr-DemiLight'; }
.paper-txt .num-list-type1 > li > strong > span {font-family: 'notokr-medium';}
.paper-txt .num-list-type1 > li > i {position: absolute; top: 2px; left: 0; width: 25px; height: 25px; text-align: center; font-size: 15px; color: #fff;
    border-radius: 100%; font-family: 'notokr-medium'; background: #000000; font-style: normal;}
.paper-txt .num-list-type1 > li .posi-num > li {padding-left: 20px; margin-top: 10px; position: relative; line-height: 28px; color: #444; }
.paper-txt .num-list-type1 > li .posi-num > li > .num {position: absolute; top: 2px; left: 0; }
.paper-txt .num-list-type1 > li .posi-num > li > p {font-family: 'notokr-DemiLight'; color: #666; word-break: break-word;}
.paper-txt .num-list-type1 > li .posi-num2 > li {padding-left: 0; margin-top: 10px; position: relative; line-height: 28px; color: #444; }
.paper-txt .num-list-type1 > li .posi-num2 > li > ul {padding-left: 18px;}
.paper-txt .num-list-type1 > li .posi-num2 > li > ul > li {line-height: 26px;}
.paper-txt .num-list-type1.type2 > li {padding-left: 0}
.paper-txt .num-list-type1.type2 > li > strong {font-size: 20px; color: #222; font-weight: normal; font-family: 'notokr-medium'}
.paper-txt .num-list-type1.type2 > li > strong.tit {font-size: 24px;}
.paper-left-main {float: left; width: calc(100% - 390px);}
.paper-left {}
.paper-aside {width: 330px; margin: 72px 0 0 60px; padding: 40px 0 0 35px; float: left; box-sizing: border-box;border-top: 1px solid #dddddd;}
.paper-aside .btn {margin-bottom: 30px;}
.paper-aside .btn > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
    display: inline-block; background-size: 10px 16px; vertical-align: middle;}
.paper-aside .btn:hover > i {width: 10px; height: 16px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center; background-size: 10px 16px }
.paper-content:after {content: '';display: block;clear: both;height: 0; overflow: hidden;}
.periodical-list pre {word-wrap: break-word; white-space: pre-line; height: 245px; padding: 40px 30px; box-sizing: border-box; overflow-y: auto;font-family: 'notokr-DemiLight'; font-size: 16px; color: #666;
    line-height: 30px;}
.periodical-list .groupBox {padding: 0; }
.periodical-list .groupBox b {display: inline-block; margin-top: 15px; font-size: 18px; color: #444}
.periodical-list .groupBox b.tit { margin-bottom: 5px; margin-top: 20px; font-size: 20px; color: #202020; line-height: 30px;}
.periodical-list .groupBox b.tit:first-child {margin-top: 0}
.periodical-list .check-tit {margin-bottom: 25px;}
.periodical-list .check-tit:after {content: '';display: block;clear: both;height: 0; overflow: hidden;}
.periodical-list .check-tit > .txt {display: inline-block; width: calc(100% - 90px); font-size: 18px; font-family: 'notokr-DemiLight';}
.periodical-list .check-tit > span {float: right; width: 90px;}
.periodical-list a.ckbox-label {color: #222; padding-left: 30px;}
.periodical-list table.general-tbl > tbody > tr > td.l {padding-left: 20px;}
.periodical-list table.general-tbl {margin-bottom: 30px;}
.paper-aside .paper-aside-txt strong {display: block; color: #202020; font-weight: normal; font-family: 'notokr-medium';}
.paper-aside .paper-aside-txt p {line-height: 26px; margin-top: 15px; letter-spacing: -0.5px}
.inner-board-img-body.research {margin-top: 60px; /*border-bottom:1px solid #ccc;*/}
/*20240308 페이징 위 라인 삭제*/
.inner-board-img-body.research .show-list {margin-top: 0}
.treatiseauthor {margin-top: 60px;}
.treatiseauthor .radio-list {float: none; width: auto; line-height: auto}
.treatiseauthor .sort-table a.ckbox-label {line-height: 40px;}
.treatiseauthor .file-area p {margin-bottom: 10px;}

.research-gallery-top .swiper-slide {height: 645px;}
.ui-photoGallery .swiper-button, .library-swiper-container .swiper-button {width: 43px; height: 127px; position: absolute; top: 50%; margin-top: -63.5px; border: 0}
.ui-photoGallery .swiper-button-prev, .library-swiper-container .swiper-button-prev {background: url('/ux/content/images/common/btn/L_btn_swiper_prev.png') no-repeat center; left: 0}
.ui-photoGallery .swiper-button-prev::after, .library-swiper-container .swiper-button-prev::after {content: ''}
.ui-photoGallery .swiper-button-next, .library-swiper-container .swiper-button-next {background: url('/ux/content/images/common/btn/L_btn_swiper_next.png') no-repeat center; right: 0}
.ui-photoGallery .swiper-button-next::after, .library-swiper-container .swiper-button-next::after {content: ''}
.research-gallery-thumbs .swiper-slide {width: 60px !important; height: 60px; position: relative;}
.research-gallery-thumbs .swiper-slide:last-child {margin-right: 0;}
.research-gallery-thumbs .swiper-slide:before {position: absolute;top: 0; left: 0; width: 60px; height: 60px; border: 1px solid #888; box-sizing: border-box; content: ""}
.research-gallery-thumbs .swiper-slide.swiper-slide-active {}
.research-gallery-thumbs .swiper-slide.swiper-slide-active:before {border: 5px solid #000; box-sizing: border-box; content: ""}

.ui-photoGallery {position: relative;}
.research-gallery-top {margin: 0 90px;}
.research-link {display: block !important; margin-top: 20px; width: auto !important}
.research-link .btn {min-width: 137px;}
.research-link .btn-file-down {margin-right: 2px}
.research-link .btn-file-down i {width: 22px; height: 21px; padding-left: 10px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_sm_down_black.png) no-repeat right; background-size: 22px 21px}
.research-link .btn-link i {width: 11px; height: 21px; padding-left: 10px; display: inline-block; vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_link_arrow.png) no-repeat right; background-size: 11px 20px}

.gen-korea-content {}
.gen-korea-content > ul > li {padding: 80px 0; display: table; width: 100%;}
.gen-korea-content > ul > li:first-child {border-top: 2px solid #222; border-bottom: 1px solid #ccc; text-align: right;}
.gen-korea-content > ul > li div {display: table-cell; width: 50%; vertical-align: middle; word-s}
.gen-korea-content > ul > li > .img img {max-width: 100%;}
.gen-korea-content > ul > li > .txt strong {font-size: 32px; color: #222; font-weight: normal; font-family: 'notokr-medium';}
.gen-korea-content > ul > li > .txt p {margin: 35px 0; font-family: 'notokr-DemiLight'; font-size: 20px; letter-spacing: -0.5px;}

/*도서관 소개*/
.library-swiper-container .swiper-slide {height: 520px;}
.library-img .library-img-txt {margin: 60px 0;}
.library-img .library-img-txt > strong {display: block; font-size: 32px; color: #222; line-height: 36px; font-weight: normal; font-family: 'notokr-medium';}
.library-img .library-img-txt p.first {margin: 25px 0; font-size: 24px; color: #222; line-height: 36px;font-family: 'notokr-regular';}
.library-img .library-img-txt p {font-family: 'notokr-DemiLight';}
.btn-library > i {width: 20px; height: 20px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_search_img_purple.png) no-repeat center;
    display: inline-block; background-size: 20px; vertical-align: middle;}
.btn-library:hover > i {width: 20px; height: 20px; background: url(/ux/content/images/common/ico/ico_search_img_white.png) no-repeat center; background-size: 20px }

/*소장도서검색*/
.common-option-content-2 {background: #f8f8f8}
.common-option-content-2 .inner-common-option {max-width: 1065px; margin: 0 auto; padding: 60px 10px}
.common-option-content-2 .inner-common-option > ul > li {display: table; width: 100%; margin-bottom: 40px;}
.common-option-content-2 .inner-common-option > ul > li:last-child {margin-bottom: 0}
.common-option-content-2 .inner-common-option > ul > li > strong {display: table-cell; width: 295px; vertical-align: top; font-size: 24px; font-weight: normal;font-family: 'notokr-medium'; color: #222 }
.common-option-content-2 .inner-common-option > ul > li > .right {display: table-cell; width: calc(100% - 295px); vertical-align: top; }
.common-option-content-2 .inner-detail-search {margin-bottom: 20px; position: relative; background: #ffffff; border: 1px solid #ddd;
    border-radius: 5px;box-sizing: border-box}
.common-option-content-2 .inner-detail-search .select-box-type2 {margin-top: 15px;}
.common-option-content-2 .inner-detail-search:last-child {margin-bottom: 0}
.common-option-content-2 .inner-detail-search:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.common-option-content-2 .select-box-type2 {width: 240px; float: left;}
.common-option-content-2 .inner-detail-search input[type="text"] {float: left; width: calc(100% - 240px); height: 60px; padding-left: 20px; box-sizing: border-box; border: 0;
    background: none; color: #666666; outline: none; font-size: 18px;}

.common-option-content-2 .inner-detail-search .btn-util-search {position: absolute; top: 15px; right: 15px;}
.common-option-content-2 .inner-detail-search input::placeholder {color: #666666; font-size: 18px; font-family: 'notokr-regular';}
.common-option-content-2 .inner-common-option ul li.standard .select-box-type2 {width: 360px;}
.common-option-content-2 .inner-common-option ul li.standard input[type="text"] {width: calc(100% - 360px)}
.common-option-content-2 .inner-common-option > ul > li > strong.type1 {width: 140px; vertical-align: middle;}
.common-option-content-2 .inner-common-option > ul > li > .right.type1 { width: calc(100% - 140px); vertical-align: middle;}

.book-search-content .apply-btn {margin-bottom: 20px}
.book-search-content .board-list-content {margin-top: 60px}
.btn-book-search {width: 100%; height: 50px; line-height: 50px; display: block; color: #fff; text-align: center; font-size: 26px; font-family: 'NanumSquare'; font-weight: 800; background: #222222}
.btn-book-search i {width: 31px; height: 17px; margin-left: 30px; background: url(/ux/content/images/common/ico/ico_down_white_img.png) no-repeat center;
    display: inline-block; background-size: 31px 17px; vertical-align: middle;}

.popup-list-type1 > li {display: table; width: 100%; margin-bottom: 20px;}
.popup-list-type1 > li > strong {display: table-cell; width: 140px; font-size: 20px; color: #444444; font-weight: normal;font-family: 'notokr-medium';}
.popup-list-type1 > li > p {display: table-cell; width: calc(100% - 140px); font-family: 'notokr-DemiLight';}
.popup-detail .popup-search-cont {max-height: 580px; overflow: auto; margin-bottom: 30px;}
.popup-detail .popup-search-cont .tbl-type6 {width: 1360px;}
.popup-marc .popup-marc-cont {max-height: 520px; overflow: auto; margin-bottom: 30px;}
.popup-marc .popup-marc-cont .tbl-type6 {width: 920px;}

.search-header:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.search-header .depth-tit-3 {display: inline}
.search-header .book-cnt-view {float: right;}
.search-header .book-cnt-view > li {display: inline-block}
.search-header .book-cnt-view strong {margin: 0 10px; color: #222222; font-weight: normal; }

/*sub content*/
.sub-left-content {float: left; width: calc(100% - 390px);}
.page-content-type1:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.sub-txt-type1 {border-top: 1px solid #ccc;}
.sub-txt-type1 .txt-list-type1 > li {display: table; width: 100%; padding: 40px 0; border-bottom: 1px solid #eaeaea}
.sub-txt-type1 .txt-list-type1 > li:last-child {border-bottom: 0}
.sub-txt-type1 .txt-list-type1 > li > strong {display: table-cell; width: 158px; vertical-align: top; font-size: 26px; color: #222; font-weight: normal; font-family: 'notokr-medium'}
.sub-txt-type1 .txt-list-type1 > li > .r-txt {display: table-cell; width: calc(100% - 158px);}
.sub-aside {width: 330px; margin-left: 60px; float: right;}
.sub-aside h4.depth-tit-2 {padding-left: 30px;}
.sub-aside .aside-list > li {padding: 25px 30px; border-bottom: 1px solid #dddddd;}
.sub-aside .aside-list > li:last-child {border-bottom: 0}
.sub-aside .aside-list > li strong {display: block; margin-bottom: 15px; color: #202020; font-weight: normal; font-family: 'notokr-medium';}
.sub-aside .aside-list > li strong.next {margin-top: 20px;}
.sub-aside .aside-list > li p {color: #666}

/*인사말*/
.m-intro-title {display: none;}
.intro-info-area {position: relative;}
.page-content-type1.intro > img {width: 100%;}
.intro-info-area::after {content: '';display: block;clear: both;}
.intro-info-area > li {float: left;}
.intro-info-area > li:first-child {width: 524px; text-align: justify;}
.intro-info-area > li:last-child {width: calc(100% - 524px);padding: 52px 0 0px 72px; position: relative; top: -214px; box-sizing: border-box; background: #fff;}
.intro-info-area > li > .intro-title {padding: 100px 0 28px 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 36px; color: #222222; }
.intro-info-area > li > .intro-contents {font-family: 'notokr-medium'; font-size: 24px; color: #222; line-height: 36px; padding-bottom: 36px; word-break: keep-all; text-align: left;}
.intro-info-area > li > .intro-strong-contents {font-family: 'notokr-medium'; font-size: 22px; line-height: 36px; }
.intro-title2 {display: block; font-family: 'notokr-DemiLight'; color: #202020; font-size: 38px; font-weight: normal;}
.intro-title2 > span {font-family: 'notokr-light'; color: #202020; font-size: 48px;}
.new-title-type {font-family: 'notokr-medium' !important;}
.intro-contents2 {padding-top: 62px;}
.intro-contents2 > li {margin-bottom: 52px;}
/* .intro-contents2>li:first-child{border-bottom:solid 1px #dddddd;} */
.intro-contents2 > li:first-child > p {font-size: 20px; color: #970119; font-family: 'notokr-medium'; line-height: 32px;}
.intro-contents2 > li:first-child > p > span {font-size: 20px; color: #666666; display: block; padding-top: 26px; padding-bottom: 55px}
.intro-contents2 > li > p {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; line-height: 28px; }
.intro-contents2 > li > p > span {font-family: 'notokr-medium'; font-size: 24px; color: #000; font-weight: normal; padding-bottom: 18px; display: block; line-height: 32px;}
.intro-contents3 {padding-top: 50px; font-family: 'notokr-medium'; font-size: 30px; color: #202020; text-align: right;}
.intro-contents3 > span {font-family: 'notokr-regular'; font-size: 20px; padding-top: 20px; color: #202020; display: block;}


/*인사말20250812*/
.intro-title2N{display: block; font-family:'notokr-DemiLight'; color: #202020; font-size: 28px; font-weight: normal;}
.intro-title2N>span{font-family:'notokr-medium';color: #202020; font-size: 36px;}
.intro-info-areaN{margin-top:40px;}
.intro-info-areaN::after{content: '';display: block;clear: both;}
.intro-info-areaN>li{float: left;}
.intro-info-areaN>li:first-child{width: 480px; text-align: justify;}
.intro-info-areaN>li:last-child{width: calc(100% - 480px);padding:0px 0px 0px 72px; box-sizing: border-box; background: #fff;}
.intro-contents2N>li{margin-bottom: 52px;}
.intro-contents2N>li:first-child>.intro-titleN{font-family:'notokr-DemiLight'; font-weight: normal; font-size: 28px; color: #222222;}
.intro-contents2N>li>p{font-family:'notokr-DemiLight'; font-size: 16px; color: #666666; line-height: 28px; }
.intro-contents2N>li>p>span{font-family:'notokr-medium'; font-size: 24px; color: #000; font-weight: normal; padding-bottom: 18px; display:block; line-height: 32px;}
.intro-contents3N{padding-top: 10px; font-family:'notokr-medium'; font-size: 22px; color: #202020; text-align: right;}
.intro-contents3N>span{font-family:'notokr-medium'; font-size: 32px; color: #202020; padding-left: 30px;}
.intro-contents3N>img{height:55px;}



/*발자취*/
.page-header.intro {margin: 30px auto 50px auto;}
.page-tab-type1.intro {padding-top: 0; margin-bottom: 0;}
.footprint-title-area {background: #f8f8f8; padding: 50px 60px 40px 0}
.footprint-title-area::after {content: '';display: block;clear: both;}
.footprint-title-area > li {float: left;}
.footprint-title-area > li:first-child {width: 331px; text-align: center;}
/* .footprint-title-area>li:first-child>img{margin-top: 10px} */
.footprint-title-area > li:last-child {width: calc(100% - 331px); padding-left: 54px; padding-top: 20px; box-sizing: border-box;}
.footprint-title-box::after {content: '';display: block;clear: both;}
.footprint-title-box > li {float: left;}
.footprint-title-box > li > p {font-family: 'NanumSquare'; font-weight: 800; font-size: 60px; color: #202020 }
.footprint-title-box > li > p > span {font-family: 'NanumSquare'; font-weight: bold; font-size: 36px;}
.footprint-explanation-area {padding: 58px 0 0 7px}
.footprint-title-box > li:last-child {padding: 0 15px; margin-left: 44px; position: relative; top: 9px; font-family: 'notokr-medium'; font-size: 20px; text-align: center; line-height: 50px; background: #970119; color: #fff; border-radius: 2em }
.footprint-explanation-area > p {font-family: 'notokr-medium'; font-size: 24px; color: #222222; line-height: 36px; padding-bottom: 40px;}
.footprint-explanation-area > p > span { font-size: 36px;}
.footprint-explanation-area > p:last-child, .footprint-explanation-area > .eng-explanation-txt {font-family: 'notokr-DemiLight'; font-size: 18px; color: #666666; line-height: 30px; padding-bottom: 50px; word-break: keep-all;}
.eng-explanation-btn {padding-bottom: 30px;}
.footprint-year-area > li {padding-bottom: 63px; border-bottom: solid 1px #eaeaea}
.footprint-year-area > li:last-child {border-bottom: 0;}
.footprint-year-area > li::after {content: '';display: block;clear: both;}
.footprint-year-area > li > h4 {width: 331px; padding-top: 50px; text-align: right; float: left; font-family: 'NanumSquare'; font-weight: bold; font-size: 48px;}
.footprint-year-area > li > h4 > span {font-size: 30px;}
.footprint-year-area > li > .footprint-year-info {width: calc(100% - 331px); padding: 60px 0 0 62px; box-sizing: border-box; float: left;}
.footprint-year-info > li {display: table; margin-bottom: 26px;}
.footprint-year-info > li > div {display: table-cell;}
.footprint-year-info > li > div:first-child {width: 155px; font-family: 'notokr-medium'; color: #202020; font-size: 16px;}
.footprint-year-info > li > div:last-child {font-family: 'notokr-DemiLight'; color: #666666; font-size: 16px; padding-left: 40px; }
.footprint-year-info > li:last-child {margin-bottom: 0;}

/*건축개요*/
.summary-area {position: relative;}
.summary-area::after {content: '';display: block;clear: both;}
.pc-summary-area {width: 100%; display: block;}
.mobile-summary-area {display: none;}
.summary-title {width: 720px; padding: 40px 0 0 50px; box-sizing: border-box; position: absolute; right: 0; bottom: 0; background: #fff;}
.summary-box::after {content: '';display: block;clear: both}
.summary-box > li {width: 100%; display: table; margin-bottom: 13px; float: left; box-sizing: border-box;}
.summary-box > li:last-child {margin-bottom: 0;}
.summary-box > li > strong {width: 220px; display: table-cell; font-family: 'notokr-regular'; font-weight: normal; font-size: 18px; color: #202020}
.summary-box > li > p {display: table-cell; font-family: 'notokr-DemiLight'; font-size: 18px; color: #666666}
.summary-contents-box {display: table; margin-top: 77px;}
.summary-contents-box > ul > li {}
.summary-contents-box > strong {width: 330px; display: table-cell; font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222;}
.summary-contents-box > p {padding-left: 60px; line-height: 28px; display: table-cell; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; vertical-align: middle;}
.page-content-type2.summary > img {width: 100%; position: relative; margin-top: 20px;}
.summary-plan-area-title {font-family: 'notokr-medium'; font-weight: normal; font-size: 32px; color: #222222; padding: 66px 0 32px 0;}
.summary-plan-area::after {content: '';display: block;clear: both;}
.summary-plan-area > li {border-top: solid 2px #222222; float: left; width: 22%; margin-right: 4%;}
.summary-plan-area > li:last-child {margin-right: 0;}
.summary-plan-area > li > h3 { padding: 22px 0; font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222; letter-spacing: -1px}
.summary-plan {display: table;}
.summary-plan > li:last-child {margin-bottom: 0;}
.summary-plan > li::after {content: '';display: block;clear: both;}
.summary-plan > li::before {content: '';display: table-cell; width: 2px; height: 2px; background: #202020; float: left; margin: 17px 10px 0 0;}
.summary-plan > li > span {display: table-cell; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; line-height: 36px;}

/*배치현황*/
.deploy-title {padding-bottom: 32px; font-family: 'notokr-medium'; font-weight: normal; font-size: 32px; color: #222222}
.deploy-title.type2 {padding-top: 100px;}
.deployment-swiper-container {width: 100%; overflow: hidden; position: relative;}
.swiper-wrapper.deployment > li > .img-deployment-box {height: 700px; position: relative; box-sizing: border-box;}
.swiper-wrapper.deployment > li > div {width: 100%; position: absolute; left: 0; bottom: 0; padding: 30px 40px 82px 60px; background: rgba(0, 0, 0, 0.74)}
.swiper-wrapper.deployment > li > div > h4 {font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #fff;}
.swiper-wrapper.deployment > li > div > p {padding-top: 40px; font-family: 'notokr-DemiLight'; font-weight: normal; font-size: 16px; line-height: 26px; color: #fff;}
.slide-btn-area {position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 99;}
.swiper-btn-wrap::after {content: '';display: block;clear: both;}
.swiper-btn-wrap > li:first-child {float: left;}
.swiper-btn-wrap > li:last-child {float: right;}
.swiper-btn-wrap > li > button {background-color: transparent !important;background-image: none !important;border-color: transparent;
    border: none;color: #FFFFFF; padding: 0;}
/*추가 CSS*/
.img-deployment-contents {box-sizing: border-box;}

/*층별상세*/
.tab-type1.floor {border-bottom: 0; margin: 106px 0 70px 0;}
.floor-map-area::after {content: '';display: block;clear: both;}
.floor-map-area > li {float: left; }
.floor-map-area > li:first-child {width: calc(100% - 382px); padding-right: 45px; margin-right: 0; box-sizing: border-box; text-align: center;}
.floor-map-area > li:first-child > img {width: 100%;}
.floor-map-area > li:last-child {width: 382px; height: 550px; padding: 42px 20px 0 44px; margin-right: 0; box-sizing: border-box; background: #f8f8f8;}
.floor-map-info > h3 {font-family: 'notokr-medium'; font-weight: normal; font-size: 56px; color: #222222;}
.floor-map-info > p {padding-bottom: 36px; font-family: 'notokr-medium'; font-size: 24px; color: #222222; }
.floor-bg-type1 {background: #a9dde3}
.floor-bg-type2 {background: #e6e3d8}
.floor-bg-type3 {background: #fbe3d2}
.floor-bg-type4 {background: #e8f1d0}
.floor-bg-type5 {background: #f8ccd4}
.floor-bg-type6 {background: #ccd1e7}
.floor-bg-type7 {background: #bfe2bc}
.floor-bg-type8 {background: #dfd5e6}
.floor-bg-type9 {background: #fbf2bc}
.floor-bg-type10 {background: #f7d57e}
.B1-img {padding-top: 24px;}
.F4-img {padding-top: 120px;}
.F5-img {width: auto !important; padding-top: 120px;}
.F6-img {padding-top: 130px;}
.floor-info > li {width: 100%; margin-bottom: 20px; margin-right: 0 !important; }
.floor-info > li::after {content: '';display: block;clear: both;}
.floor-info > li > i {width: 38px; height: 18px; margin-top: 5px; float: left; border: solid 1px #666666; }
.floor-info > li > p { float: left; padding-left: 10px; font-family: 'notokr-DemiLight'; font-size: 20px; color: #666666;}

/*시설개요*/
.general-bg-area {height: 520px;}
.general-visual {position: relative}
.general-title {position: absolute; right: 0; text-align: left;}
.general-title > h3 {padding-bottom: 13px; font-family: 'notokr-light'; font-size: 42px; font-weight: normal; color: #fff;}
.general-title {padding: 44px 46px 70px 0; box-sizing: border-box;}
.general-title-box > li {display: table; padding: 15px 0; border-bottom: solid 1px #333333}
.general-title-box > li:last-child {border-bottom: 0;}
.general-title-box > li > strong {width: 130px; display: table-cell;font-family: 'notokr-regular'; font-weight: normal; font-size: 16px; color: #fff;}
.general-title-box > li > p {display: table-cell;font-family: 'notokr-DemiLight'; font-size: 16px; color: #aaaaaa; }
.general-title-box2 > li {display: table;}
.general-title-box2 > li > strong {display: table-cell;width: 130px; padding-bottom: 9px; display: table-cell;font-family: 'notokr-regular'; font-weight: normal; font-size: 16px; color: #fff;}
.general-title-box2 > li > p {display: table-cell;font-family: 'notokr-DemiLight'; font-size: 16px; color: #aaaaaa;}
.general-content > h3 {font-family: 'notokr-medium';font-weight: normal; font-size: 26px; color: #222222; padding: 70px 0 33px 0;}
.general-title-type {display: block !important; padding-bottom: 14px;}
.general-content-box::after {content: '';display: block;clear: both;}
.general-content-box > li {float: left; width: 23%; margin-right: 2.66%;}
.general-content-box > li > img {width: 100%;}
.general-content-box > li:last-child {margin-right: 0}
.general-content-title { width: 220px; position: relative; margin-top: -50px; background: #fff;}
.general-content-title > h3 {padding-top: 22px; font-family: 'notokr-medium';font-weight: normal; font-size: 24px; color: #222222; }
.general-content-title > p {padding: 6px 0 17px 0;font-family: 'notokr-DemiLight'; font-size: 20px; color: #202020;}
.general-content-box > li > p {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; line-height: 26px;}
.general-part {padding-top: 125px;}
.general-part::after {content: '';display: block;clear: both}
.general-part > ul > li {float: left;}
.general-part > ul > li:first-child {width: 330px;}
.general-part-title {font-family: 'notokr-medium';font-weight: normal; font-size: 26px; color: #222222;}
.general-part > ul > li:last-child {width: calc(100% - 330px); padding-left: 60px; box-sizing: border-box;}
table.general-tbl {width: 100%; border-collapse: collapse; border-top: solid 1px #000000; border-bottom: solid 1px #cccccc; text-align: center; }
table.general-tbl > thead > tr > th {padding: 22px 0; font-weight: normal; font-family: 'notokr-regular'; font-weight: normal; font-size: 16px; color: #202020; border-bottom: solid 1px #cccccc; background: #f8f8f8}
table.general-tbl > tbody > tr > td {padding: 18px 0; border-bottom: solid 1px #efefef; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666}
table.general-tbl > tbody > tr > td.first {color: #444444; font-family: 'notokr-regular'; font-size: 18px;}
table.general-tbl > tbody > tr > td.last {text-align: left;}
table.general-tbl > tbody > tr:last-child > td.last {font-family: 'notokr-medium'; text-align: center;}
table.general-tbl > tbody > tr.last > td {border-bottom: 0;}
.general-list-area::after {content: '';display: block;clear: both;}
.general-part-list { width: 100%; border-top: solid 1px #222222; border-bottom: solid 1px #cccccc;}
.general-part > ul::after {content: '';display: block;clear: both;}
.general-parts.last {margin-top: 70px;}
table.general-tbl > tbody > tr:last-child > td {border-bottom: 0;}
table.pc-general-tbl {width: 100%; display: block; border-collapse: collapse; border-top: solid 1px #222222; border-bottom: solid 1px #cccccc}
table.mobile-general-tbl {display: none;}
table.pc-general-tbl > tbody > tr > th {border-bottom: solid 1px #eaeaea}
table.pc-general-tbl > tbody > tr > td {border-bottom: solid 1px #eaeaea}
table.pc-general-tbl > tbody > tr > th {padding: 26px 0 20px 0; font-family: 'notokr-DemiLight'; font-weight: normal; font-size: 18px; color: #202020; text-align: center;}
table.pc-general-tbl > tbody > tr > td {padding: 30px 0 16px 0;font-family: 'notokr-DemiLight'; font-weight: normal; font-size: 16px; color: #666666; text-align: center;}
table.pc-general-tbl > tbody > tr > td.second {padding-left: 50px;}
table.pc-general-tbl > tbody > tr.last > th {border-bottom: 0;}
table.pc-general-tbl > tbody > tr.last > td {border-bottom: 0;}

/*수장고소개*/
.paintings-area {padding: 45px 50px 45px 60px; background: #f8f8f8;}
.paintings-area:after {content: '';display: block;clear: both; overflow: hidden;}
.paintings-area .paintings-txt {float: left; width: calc(100% - 490px);;}
.paintings-area .paintings-txt p {font-size: 16px; font-family: 'notokr-DemiLight'; line-height: 28px;}
.paintings-area .paintings-txt p:last-child {margin-top: 30px;}
.paintings-area .paintings-txt span {display: block;}
.paintings-area .paintings-txt span.red-txt-type1 {font-size: 48px; font-family: 'notokr-light'; }
.paintings-area .paintings-txt span.black-txt-type1 {margin: 20px 0; color: #222222; font-size: 24px; font-family: 'notokr-medium'; }
.paintings-area .paintings-img {float: left; width: 372px; padding-left: 118px;}
.paintings-area .paintings-img img {display: inline-block; margin-top: 65px; text-align: center;}
.paintings-content {margin-top: 80px;}
.paintings-cont {margin-top: 60px;}
.img-list-area li {width: 17.6%; margin-right: 3%; float: left;}
.img-list-area li:last-child {margin-right: 0}
.img-list-area li > img {width: 100%; height: 100%; display: block; vertical-align: middle;}
.img-list-area:after {content: '';display: block;clear: both; overflow: hidden; height: 0}
/*CSS추가*/
.img-pc-none {display: none;}
.depth-img-top {margin-top: 48px;}
.img-list-right {margin-right: 2% !important;}
.img-list-right2 {margin-right: 6% !important;}
/*주요특징*/
.major-img-content::after {content: '';display: block;clear: both;}
.major-img-content > li {float: left; margin-right: 15px }
.major-img-content > li > img {width: 100%; height: 420px;}
.major-img-content > li:first-child {width: 464px; }
.major-img-content > li:nth-child(2) {width: 314px; }
.major-img-content > li:last-child {width: 582px; margin-right: 0;}
.margin-info-content > li {border-bottom: solid 1px #eaeaea; padding-top: 34px;}
.margin-info-content > li:last-child {border-bottom: 0;}
.margin-info-content > li > strong {font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222; padding-top: 40px;}
.margin-info-content > li:first-child { padding-top: 0;}
.margin-info-content > li > p {font-family: 'notokr-DemiLight';font-weight: normal; font-size: 16px; color: #666666; padding: 20px 0 34px 0; line-height: 26px; }

/*수장고 현황*/
.status-title {display: table;}
.status-pc-tbl {display: table-cell;}
table.tbl-type5.staus > tbody > tr > td.second-type {text-align: left; padding-left: 18px}
.status-mobile-tbl {display: none;}
.status-title > strong {display: table-cell; font-family: 'notokr-medium'; font-weight: normal;font-size: 26px; color: #222222;}
.status-title > p {padding: 71px 0 0px 39px; display: table-cell;font-family: 'notokr-DemiLight'; font-size: 20px; color: #666666;}
.status-title > p > span {font-family: 'notokr-medium';}
.status-content::after {content: '';display: block;clear: both;}
.status-content > li {float: left; width: 30.6%; height: 198px; margin-right: 3.8%; margin-bottom: 40px; }
.status-content > li.last {margin-bottom: 0;}
.status-content > li:nth-child(3n) {margin-right: 0;}
.status-content > li {display: table; border: solid 1px #dddddd;}
.status-content > li > .status-part {width: 100px; display: table-cell; vertical-align: middle; font-size: 24px; font-family: 'notokr-medium';color: #222222; background: #fff; text-align: center;}
.status-content > li > .status-part > span {display: block; font-size: 42px; }
.status-content > li > .status-part-info {display: table-cell; height: 186px; /*padding:35px 16px 5px 29px;*/ padding-left: 35px; vertical-align: middle; box-sizing: border-box; background: #f8f8f8}
.status-content > li > .status-part-info > li {display: table; margin-bottom: 13px; vertical-align: middle}
.status-content > li > .status-part-info > li > strong {width: 130px; display: table-cell;font-family: 'notokr-regular'; font-weight: normal; font-size: 16px; color: #444444;}
.status-content > li > .status-part-info > li > p {display: table-cell;font-family: 'notokr-DemiLight'; font-size: 18px; color: #666666;}
.add-contens {font-size: 15px; display: block;}
.status-part2-title {font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222;}
table.tbl-type5.staus {margin-top: 30px;}
table.tbl-type5.staus > tbody {border-bottom: 0;}
table.tbl-type5.staus > tbody > tr > td.first-type {border-bottom: 0;font-family: 'notokr-regular'; font-size: 18px; color: #444444}
table.tbl-type5.staus {border-bottom: solid 1px #cccccc;}
table.tbl-type5.staus > tbody > tr:nth-of-type(6) > td {border-bottom: solid 1px #efefef;}
.status-content > li > .status-part-info > li:last-child {margin-bottom: 0;}

/*ì—°ë³´*/
.annual-list > li .annual-box .img-box > img {width: 100%;}
.annual-list {padding-top: 80px;}
.annual-list::after {content: '';display: block;clear: both;}
.annual-list > li {float: left; width: 22.15%; margin-right: 3.8%; margin-bottom: 80px;min-height: 695px;}
.annual-list > li:nth-child(4n) {margin-right: 0;}
.annual-box-title {font-family: 'notokr-medium'; font-weight: normal; font-size: 24px;color: #222222; padding-top: 20px;}

.annual-list > li .annual-box {}
.annual-list > li .annual-box .img-box {position: relative; min-height: 450px;}
.annual-list > li .annual-box .img-box > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto;}
.annual-list > li .annual-box .img-box:before {position: absolute; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.03); z-index: 1}

.annual-date {display: table;}
.annual-date > strong {display: table-cell; font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color: #444444}
.annual-date > p {padding-left: 25px; display: table-cell;font-family: 'notokr-light'; font-size: 16px; color: #666666; }
.annual-btn::after {content: '';display: block;clear: both;}
.annual-btn > li {float: left; display: table; width: 118px; height: 40px; margin-right: 10px; border: solid 1px #202020;}
.annual-btn > li:last-child {margin-right: 0;}
.annual-btn > li > span {font-family: 'notokr-medium'; font-size: 17px; color: #222222; display: inline-block; vertical-align: middle;}
.annual-btn > li > i {display: table-cell; width: 21px; height: 21px}
.annual-btn > li > i > img {width: 100%;}
.annual-box > h4 {padding-top: 22px; font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222; }
.annual-date {display: table;padding: 10px 0 25px 0; box-sizing: border-box;}
.annual-date > strong {display: table-cell;font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color: #444444 }
.annual-date > p {padding-left: 20px; display: table-cell;font-family: 'notokr-light'; font-size: 16px; color: #666666; }
.annual-btn::after {content: '';display: block;clear: both;}
.annual-btn > li:first-child {float: left; display: table; width: 118px; height: 42px; border: solid 1px #202020; }
.annual-btn > li:last-child {float: left; display: table; width: 140px; height: 42px; border: solid 1px #202020; }
.annual-btn > li > span { display: table-cell; vertical-align: middle; font-family: 'notokr-medium'; font-size: 17px; color: #222222;text-align: center;}
.annual-btn > li > i {display: table-cell;vertical-align: middle;}
.annual-btn > li > i > img {width: 20px;vertical-align: middle; margin-right: 20px}

/*박물관 기념사업*/
.years-title-area {background: #f4f4f4; padding: 60px; box-sizing: border-box;}
.years-title-box {display: table; width: 100%;}
.years-title-box > li:first-child {display: table-cell; width: 300px; text-align: center; vertical-align: middle;}
.years-title-box > li:first-child > img {width: 188px; vertical-align: middle;}
.years-title-box > li:first-child > img.anniversary {width: 260px; vertical-align: middle;}
.years-title-box > li:last-child {display: table-cell; width: calc(100% - 300px); vertical-align: middle; }
.years-info-box {background: #fff; padding: 30px 0 40px 30px; border-radius: 8px; margin-left: 46px;}
.years-info-box > li {margin-bottom: 10px; }
.years-info-box > li::after {content: '';display: block;clear: both;}
.years-info-box > li > strong {float: left; width: 95px;font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color: #444444;}
.years-info-box > li > p {float: left; width: calc(100% - 95px); font-family: 'notokr-light'; font-size: 16px; color: #666666;}
.page-tab-type1.years {margin-bottom: 0;}
.year-content {border-top: solid 2px #222222; margin-top: 80px;}
.year-content > li {padding: 56px 0 56px 0; border-bottom: solid 1px #cccccc}
.year-content > li::after {content: '';display: block;clear: both;}
.year-content > li > h4 {width: 280px; float: left; font-family: 'notokr-medium'; font-weight: normal; font-size: 26px; color: #222222; text-align: left;}
.year-content > li > .years-content-info {width: calc(100% - 280px);float: left;}
.years-content-info-box > li > h5 {font-family: 'notokr-medium'; font-weight: normal; font-size: 20px; color: #222222}
.years-content-info-box1 > h5 {font-family: 'notokr-medium'; font-weight: normal; font-size: 20px; color: #222222}
.years-content-info-box2 > li {width: 100%; display: table; margin-bottom: 10px;}
.years-content-info-box2 > li > strong {width: 75px; display: table-cell;font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color: #444444; vertical-align: top;}
.years-content-info-box2 > li > strong.wdt {width: 60px; display: table-cell;font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color: #444444;vertical-align: top;}
.years-content-info-box2 > li > strong::before {content: '';display: inline-block; width: 2px; height: 2px; background: #202020; margin-right: 12px;vertical-align: middle;}
.years-content-info-box2 > li > p {padding-left: 30px; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666;vertical-align: top;;display: inline-block;}
.years-content-info-box2 {padding-top: 22px;}
.years-content-info-box2 > li:last-child {margin-bottom: 0}
.years-content-info-box > li:last-child {margin-top: 26px;}
.years-content-info-box > li::after {content: '';display: block;clear: both;}
.years-content-info-box > li > img {float: left; width: 140px;}
.years-content-info-box1 {float: left; width: calc(100% - 140px); padding-left: 30px; box-sizing: border-box;}
.years-content-info-box > li.line {margin-top: 0 !important;}
.years-content-info-box2.line {padding-top: 0 !important;}
.years-content-info-box2 > li > .line2 {vertical-align: middle;padding-left: 0px;}
.years-content-info-box2 > li > .line2::before {content: ''; display: inline-block; vertical-align: middle; width: 2px; height: 2px; margin-right: 12px; background: #202020}

/*한국박물관 개관 100주년*/
.years-content-info-box2 > li > strong.anniversary {display: inline-block;}
.years-content-info-box2 > li > strong.wdt2 {width: 130px}
table.tbl-type5.anniversary {margin-top: 30px;}
table.tbl-type5.anniversary > thead > tr > th {text-align: center;padding: 19px 5px;font-family: 'notokr-regular'; font-weight: normal; font-size: 16px;}
table.tbl-type5.anniversary > tbody > tr > td {border-left: 0}
table.tbl-type5.anniversary > tbody > tr > td.str {font-family: 'notokr-DemiLight'; font-size: 18px; color: #222222;}
.years-content-info-box > li.first {margin-top: 0px;}

/*문화유산표준관리시스템*/
.board-list-type1::after {content: '';display: block;clear: both;}
.system-left {float: left; width: calc(100% - 388px);}
.system-right {float: right; width: 330px;}
.system-left > p {font-family: 'notokr-DemiLight'; font-size: 20px; color: #666666; line-height: 30px; padding-bottom: 50px}
.system-left > p > span {font-family: 'notokr-medium'; color: #970119;}
.system-content > li {width: 100%; margin-bottom: 38px;}
.system-content > li::after {content: '';display: block;clear: both;}
.system-title { width: 330px; height: 50px; float: left; font-family: 'notokr-regular'; font-size: 18px; color: #fff; line-height: 50px; background: #10013f; text-align: center; color: #fff; vertical-align: top; }
.system-info {float: left; width: calc(100% - 330px);}
.system-info > li {margin-top: 13px;}
.system-info > li::after {content: '';display: block;clear: both;}
.system-info > li > p::after {content: '';display: block;clear: both;}
.system-info > li > p {padding-left: 32px; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; vertical-align: top;}
.system-info > li > p::before {width: 2px; height: 2px; float: left; content: '';display: inline-block; background: #202020; margin-right: 11px; vertical-align: middle; margin-top: 13px;}
.system-info > li > p > span {float: left; width: calc(100% - 13px);}
.aside-system > li.file::after {content: '';display: block;clear: both;overflow: hidden;height: 0;}
.aside-system > li {padding: 0px 30px 20px 30px; border-bottom: 1px solid #dddddd;}
.aside-system > li:last-child {border-bottom: 0;}
.aside-system > li > strong {display: block;margin-bottom: 18px;color: #202020;font-weight: normal;font-family: 'notokr-medium';}
.aside-system > li > a {display: table;width: 100%; margin-bottom: 20px;}
.aside-system > li > a:last-child {margin-bottom: 6px}
.aside-system > li > a > i {display: table-cell;width: 24px;height: 27px;padding-right: 20px;vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_down_black.png) no-repeat;background-size: 24px 27px;}
.aside-system > li > a > span {display: table-cell;width: calc(100% - 39px); color: #666666;}
.system-tell {font-family: 'NanumSquare'; font-weight: bold; font-size: 36px;}
.aside-system > li > strong.pd {padding-top: 25px;}
.system-content {padding-bottom: 80px; border-bottom: solid 1px #eaeaea;}
.system-content > li:last-child {margin-bottom: 0;}
.system-step-title {font-family: 'notokr-medium'; font-size: 26px; color: #222222; padding: 70px 0 44px 0;}
.system-step-info {text-align: center;}
.system-step-info > img {width: 100%;}

/*조직 및 업무*//*Organization*/
.organization-center {padding-top: 70px;}
.eng-organi-box1 {max-width: 1440px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.organization-center > p > a {width: 160px; height: 160px; margin: 0 auto; font-family: 'notokr-DemiLight'; font-size: 32px;
    color: #ffffff; border-radius: 100%; background: #000000; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.eng-organi-box2 {max-width: 1050px; padding: 0 15px 80px 15px; margin: 0 auto;}
.eng-organi-title {font-size: 22px; width: 310px; padding: 10px 0; float: right; color: #fff; text-align: center; background: #3f0b9f; font-family: 'notokr-medium';}
.eng-organi-con {padding-top: 70px; clear: both;}
.eng-organi-con:after {clear: both; height: 0; content: ''; display: block;}
.eng-organi-con > li {width: 29.5%; margin-right: 5.7%; float: left;}
.eng-organi-con > li:last-child {margin-right: 0;}
.eng-organi-con > li > strong {font-size: 22px; margin-bottom: 40px; padding: 10px 0; border: 2px solid #000; box-sizing: border-box;
    color: #202020; display: block; text-align: center; background: #fff; font-family: 'notokr-medium'; font-weight: normal;}
.eng-organi-con > li > p {font-size: 16px; margin-bottom: 14px; color: #666; font-family: 'notokr-regular';}
.eng-organi-span {display: block;}
.eng-organi-muse-title {margin-top: 80px;}
.eng-organi-txt:after {clear: both; height: 0; content: ''; display: block;}
.eng-organi-txt > li {float: left; width: 28%; margin-right: 7%;}
.eng-organi-txt > li:last-child {margin-right: 0;}
.eng-organi-txt > li > p > a {display: inline-block; margin-bottom: 20px;}
.btn-block > a {margin-left: 0;}
.btn-middle.eng-btn-reset {font-family: 'notokr-regular'; font-weight: normal;}

/*전시관람*/
.str-display.pc {display: block;}
.str-display.mobile {display: none;}
.display-visual {height: 440px; background-size: cover; }
.display-visual-title {max-width: 1000px; margin: 0 auto; padding-top: 126px; }
.display-visual-title::after {content: '';display: block;clear: both;}
.display-visual-title > li:first-child {float: left;}
.display-visual-title > li:last-child {float: right; text-align: center;}
.display-visual-title > li > h4 {font-family: 'notokr-regular'; font-weight: normal; font-size: 36px; color: #ffffff;}
.display-visual-title > li > strong {display: block; padding: 30px 0 10px 0; font-family: 'NanumSquare'; font-weight: bold; font-size: 72px; color: #ffffff;}
.display-visual-title > li > p {font-family: 'notokr-regular'; font-size: 20px; color: #ffffff;}
.display-content-area {margin-top: 80px;}
.display-content-area::after {content: '';display: block;clear: both}
.display-content-area > li:first-child {float: left; width: calc(100% - 390px);border-top: solid 2px #000000; }
.display-content-area > li:last-child {width: 100%;}
.display-content {display: table; width: 100%; }
.display-content > li {display: table-cell; text-align: left; padding: 55px 0 40px 0; border-bottom: solid 1px #e9e9e9;}
.display-content > li:first-child {vertical-align: top; width: 280px;}
.display-content:last-child > li {border-bottom: 0}
.display-content > li:first-child > h3 {font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222; }
.str-display {font-family: 'notokr-medium'; font-size: 16px; color: #222222; margin-bottom: 10px;}
.str-display > span {font-family: 'notokr-DemiLight';color: #666666}
.display-content-box {margin-top: 20px;}
.display-content-box > p {font-family: 'notokr-DemiLight';color: #666666; font-size: 16px; margin-bottom: 12px; position: relative; padding-left: 10px;}
.display-content-box > p:before {position: absolute; content: ''; width: 2px; height: 2px; top: 10px; left: 0; background: #1f1f1f;}
.display-content-box > p:last-child {margin-bottom: 0;}
.display-content-box > p > span {font-family: 'notokr-medium'; font-size: 16px; color: #222222;}
.display-content-box-last {margin-top: 0;}

/*관람안내 오른쪽 사이드 2021.3.22*/
.display-content-area > li:first-child {float: left; width: calc(100% - 390px);border-top: solid 2px #000000; }
.display-content-area > li:last-child {float: right; width: 390px; padding-left: 60px; box-sizing: border-box;}
.display-side-box {padding: 40px 30px 0 20px; box-sizing: border-box; /*border-top: solid 1px #eaeaea;*/}
.display-side-box > h4 {font-family: 'notokr-medium'; font-weight: normal; font-size: 20px; color: #202020; padding: 0 0 15px 10px }
.display-side > li {margin-bottom: 24px; display: table; width: 100%; position: relative; }
.display-side > li::before {width: 2px; height: 2px; content: ''; display: table-cell; position: absolute; background: #202020;vertical-align: middle; top: 12px}
.display-side > li > span {font-family: 'notokr-DemiLight'; padding-left: 10px; display: table-cell; font-size: 16px; color: #666666; vertical-align: middle; }
.red-display {color: #970119 !important;}

/*전시 해설 예약*/
.comm-tab-area {position: relative;}
.edu-content .tab-type1 > ul.comm {width: auto;}
.comm-tab-area::after {content: '';display: block;clear: both;}
.comm-tab {float: left;}
.comm-tab::after {content: '';display: block;clear: both;}
.comm-tab > li {float: left; width: 360px; text-align: center}
.comm-tab > li > a > p { width: 360px; height: 98px; display: inline-block; padding-top: 23px; box-sizing: border-box; border: solid 1px #dddddd; font-family: 'NanumSquare'; font-weight: bold; color: #000000; font-size: 26px; background: #f5f5f5}
.comm-tab > li > a > p.on {background: #10013f; border: 0; width: 362px; height: 98px; display: inline-block; color: #ffffff;}
.comm-tab2 {position: absolute; bottom: 0; right: 0}
.btn-over.comm > i {width: 15px;height: 27px;margin-left: 14px;background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;display: inline-block;background-size: 15px 27px;vertical-align: middle;}
.btn-over.comm:hover > i {width: 15px;height: 27px;background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center; background-size: 15px 27px; }
.tab-type1::after {content: '';display: block;clear: both;}
.tab-type1 > .comm {width: 446px; float: left;}
.edu-section.comm {width: calc(100% - 446px); float: right; display: block; padding-top: 25px;}

/*전시 해설*/
.paper-aside.exhbhall {padding: 0;}
.exhbhall-title {margin-top: 60px; font-family: 'notokr-medium'; font-weight: normal; font-size: 32px; color: #222222; display: block;}
.exhbhall-content {padding: 50px 0 0 0;}
.exhbhall-title {font-family: 'notokr-medium'; font-weight: normal; font-size: 32px; color: #222222}
.exhbhall-type1 {padding-bottom: 60px; border-bottom: solid 1px #eaeaea}
.exhbhall-type1 > div:nth-child(1) > h4 {font-family: 'notokr-medium'; font-weight: normal; font-size: 26px; color: #222222;}
.exhbhall-type2 {padding: 60px 0 30px 0; }
.exhbhall-type2 > div:nth-child(1) > h4 {font-family: 'notokr-medium'; font-weight: normal; font-size: 26px; color: #222222;}
.paper-aside.exhbhall {margin: 0;}
.exhbhall-type1-box > li {display: table; font-size: 16px; font-family: 'notokr-DemiLight'; margin-bottom: 4px; color: #666666;}
.r-type {display: table-cell; color: #970119; padding-right: 5px;}
.r-pd {display: table-cell; color: #970119}
.exhbhall-type2-box {margin-top: 12px;}
.exhbhall-type2-box > li {display: table; font-size: 16px; font-family: 'notokr-DemiLight'; margin-bottom: 4px}
.exhbhall-type2 > div:nth-child(2) > p {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666}
.exhbhall-type2 > div:nth-child(2) > p > span {color: #970119;font-family: 'notokr-medium';}
.b-type {display: table-cell; color: #970119; padding-right: 5px;}
.b-pd {display: table-cell; color: #970119}
.exhbhall-bottom-info {padding: 22px 0 80px 0;font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666}
.exhbhall-type2 > div:nth-child(2) > p {padding-bottom: 35px;}
.tbl-type7.mobile {display: none;;}
/*변경 후 전시해설 CSS (float)*/
.exhbhall-float:after {clear: both; content: ''; height: 0; display: block;}
.exhbhall-float > div {float: left;}
.exhbhall-float > div:nth-child(1) {width: 388px;}
.exhbhall-float > div:nth-child(2) {width: calc(100% - 388px);}

/*예약해설*/
.str-type {padding-right: 6px; display: table-cell; font-family: 'notokr-medium'; color: #222222}
.exhbhall-type1 > div:nth-child(1) > h4.reser {}
.reser-info {font-size: 16px; font-family: 'notokr-DemiLight';}
table.reser-tbl {margin-top: 54px; border-collapse: collapse; width: 100%; text-align: center; border: solid 1px #cccccc;}
table.reser-tbl > tbody > tr {border-bottom: solid 1px #cccccc;}
table.reser-tbl > tbody > tr > th {width: 104px; padding: 18px 0; background: #0f013c; text-align: center; box-sizing: border-box;font-family: 'notokr-medium'; font-size: 48px; color: #ffffff; font-weight: normal;}
table.reser-tbl > tbody > tr > th > span {font-size: 24px;}
table.reser-tbl > tbody > tr > td {padding: 0 25px; text-align: left; box-sizing: border-box;}
table.reser-tbl > tbody > tr > td > p {padding: 1px 0 10px 0}
table.reser-tbl > tbody > tr > td > p > span {padding-top: 12px;font-family: 'notokr-DemiLight'; font-weight: normal; font-size: 18px; color: #666666; display: inline-block; }
table.reser-tbl > tbody > tr > td > p > span::after {width: 23px; height: 15px; margin: 0 10px; content: '';display: inline-block; background: url(/ux/content/images/display/img_ico_arrow.png) no-repeat; background-size: 23px 15px;}
table.reser-tbl > tbody > tr > td > p > span.last::after {display: none;}
.exhbhall-bottom-info.reser { padding: 22px 0 26px 0;}
.exhbhall-type1 > div:nth-child(1) > h4.reser2 {}
/* .exhbhall-type1.pd{padding:80px 0;} */
.exhbhall-type2 > div:nth-child(2) > p.type2-p {padding-bottom: 11px}
.exhbhall-type2 > div:nth-child(2) > strong {display: block; padding: 28px 0 18px 0;font-family: 'notokr-medium'; font-weight: normal; font-size: 18px; color: #222222;}
.reser-title {border-top: solid 1px #cccccc;}
.reser-title > li:nth-of-type(4n) {border-right: solid 1px #cccccc}
.reser-title > li:last-child {border-right: solid 1px #cccccc}
.reser-title::after {content: '';display: block;clear: both; border-collapse: collapse;}
.reser-title > li {width: 24.8%; height: 98px; padding-top: 30px; box-sizing: border-box; float: left; border-bottom: solid 1px #cccccc; border-left: solid 1px #cccccc;font-family: 'notokr-regular'; font-size: 18px; color: #222222; text-align: center}
/*추가 CSS*/
.reser-top {padding-top: 60px;}

/*수어해설(Visitor Services)*/
.reser-info.disable {padding-bottom: 32px; line-height: 28px}
.disa-bottom {border-bottom: 0 !important;}
.visitor-box > p {position: relative;}
.visitor-box > p:before {position: absolute; top: 14px; left: 0; width: 2px; height: 2px; content: ''; background: #202020;}

/*전시안내앱*/
.exhbhall-content::after {content: '';display: block;clear: both;}
.exhbhall-type1.info {float: left; width: calc(100% - 370px); box-sizing: border-box; border-bottom: 0;}
.reser-info.disable2 {line-height: 28px;}
.info-side {border: solid 1px #cccccc; padding: 42px 0; box-sizing: border-box; text-align: center;}
.info-side > h4 {font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222}
.info-side > img {width: 178px; margin: 44px 0 24px 0;}
.info-sied-link {margin: 0 auto;}
.info-sied-link::after {content: '';display: block;clear: both;}
.info-sied-link > li {float: left;}
.info-sied-link > li > a {display: inline-block;}
.info-sied-link > li > a > img {width: 128px; }
.info-sied-link > li:first-child > a > img {margin: 0 7px 0 47px; }
.information-mobile-img-area {background: #f8f8f8; padding: 46px 50px 70px 50px; margin-top: 34px; box-sizing: border-box;}
.information-mobile-box::after {content: '';display: block;clear: both;}
.information-mobile-box > li {float: left; margin-right: 3%; width: 22.7%;}
.information-mobile-box > li > img {width: 100%;}
.information-mobile-box > li:nth-child(4n) {margin-right: 0;}
/*추가 및 변경 CSS*/
.inform-float:after {clear: both; display: block; content: ''; height: 0;}
.inform-float > div:nth-child(1) {width: calc(100% - 370px); padding-right: 30px; margin-top: 40px; box-sizing: border-box; float: left;}
.inform-float > div:nth-child(1) > p {position: relative; padding-left: 10px;}
.inform-float > div:nth-child(1) > p:before {position: absolute; top: 14px; left: 0; width: 2px; height: 2px; content: ''; background: #202020;}
.inform-float > div:nth-child(2) {width: 370px; float: right;}
.exhbhall-type1 > div:nth-child(1) > h4.exh-app-title {font-size: 32px;}
.exhbhall-type1 > div:nth-child(1) > h4.exh-app-title > span {font-size: 24px; margin-top: 20px;}
/*추가 및 변경 CSS 20211124 - 제페토 (큐아이와 동일하게)*/
.border0 {border: 0;}
.padding0 {padding: 0;}
.info-side .img2 {width: 350px; margin: 0;}
.info-side2 {padding: 42px 0; box-sizing: border-box; margin-top: 30px;}
.info-side2 > h4 {font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222}
.info-side2 > video {width: 620px; height: 395px; margin: 0 0 10px 0;}
.info-side2 > strong {display: block; font-weight: normal; margin: 0 0 24px 0; color: #202020; font-size: 22px; font-family: 'notokr-medium';}
.information-mobile-box1::after {content: '';display: block;clear: both;}
.information-mobile-box1 > li {float: left; margin-right: 3%; margin-top: 1.5%; width: 47%;}
.information-mobile-box1 > li > img {width: 100%;}
/*.information-mobile-box1>li:nth-child(4){margin-right: 0; width: 43.4%;}*/
.information-mobile-box1 > li:nth-child(4n) {margin-right: 0;}

/*20211124 - 제페토*/
.information-mobile-box2::after {content: '';display: block;clear: both;}
.information-mobile-box2 > li {margin-bottom: 3%;}
.information-mobile-box2 > li:last-child {margin-bottom: 0;}
.information-mobile-box2 > li > img {width: 100%;}
.reser-info_sub {font-size: 13px; font-family: 'notokr-DemiLight';}

/*20240425 -  전시안내앱 QR 변경*/
.info-side3 {border: solid 1px #cccccc; padding: 42px 0; box-sizing: border-box; text-align: center; margin: 10px 60px 0px 30px;}
.info-side3 > h4 {font-family: 'notokr-medium'; font-weight: normal; font-size: 18px; color: #222222}
.info-side3 > img {width: 128px; margin: 24px 0px;}
.info-side3 .info-sied-link {margin: 0 auto;}
.info-side3 .info-sied-link::after {content: '';display: block;clear: both;}
.info-side3 .info-sied-link > li {float: left;}
.info-side3 .info-sied-link > li > a {display: inline-block;}
.info-side3 .info-sied-link > li > a > img {width: 98px; }
.info-side3 .info-sied-link > li:first-child > a > img {margin: 0 7px 0 47px; }

/*20240620 스마트 전시관 서비스*/
.information-mobile-box3::after {content: '';display: block;clear: both;}
.information-mobile-box3 > li {margin-bottom: 3%;}
.information-mobile-box3 > li:first-child {float: left; margin-right: 3%; width: 74.1%;}
.information-mobile-box3 > li:last-child { float: left; margin-bottom: 0; width: 21.3%;}
.information-mobile-box3 > li > img {width: 100%;}
.reser-info > li:last-child > span {margin-left: 124px;}
.info-side4 {border: solid 1px #cccccc; padding: 22px 0; box-sizing: border-box; text-align: center; margin-top: 10px; width: 250px;}
.info-side4 > h4 {font-family: 'notokr-medium'; font-weight: normal; font-size: 18px; color: #222222}
.info-side4 > img {width: 128px; margin: 24px 0px;}

/*20240425 -  전시안내앱 QR 변경*/
.info-side3 {border: solid 1px #cccccc; padding: 42px 0; box-sizing: border-box; text-align: center; margin: 10px 60px 0px 30px;}
.info-side3 > h4 {font-family: 'notokr-medium'; font-weight: normal; font-size: 18px; color: #222222}
.info-side3 > img {width: 128px; margin: 24px 0px;}
.info-side3 .info-sied-link {margin: 0 auto;}
.info-side3 .info-sied-link::after {content: '';display: block;clear: both;}
.info-side3 .info-sied-link > li {float: left;}
.info-side3 .info-sied-link > li > a {display: inline-block;}
.info-side3 .info-sied-link > li > a > img {width: 98px; }
.info-side3 .info-sied-link > li:first-child > a > img {margin: 0 7px 0 47px; }

/*외국인을 위한 정기해설*/
.tbl-type6.foreigner {margin-top: 40px;}
.exh-span-block {display: block;}

/*외국인을 위한 예약 해설*/
.exhbhall-type1.fore-reser {padding-bottom: 56px}
.reser-title.fore-reser > li {width: 33.3%; height: 128px;}
.fore-reser-info {font-family: 'notokr-regular'; font-size: 24px; color: #222222;}
.fore-reser-info2 {font-family: 'notokr-medium'; display: block; font-size: 18px; color: #3f0b9f; padding-bottom: 10px;}
/*추가CSS*/
.forei-bottom {margin-bottom: 11px;}
.exhbhall-content > div > div:nth-child(2) > p {position: relative; padding-left: 10px; padding-bottom: 11px; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666;}
.exhbhall-content > div > div:nth-child(2) > p:before {position: absolute; width: 2px; height: 2px; top: 12px; left: 0; content: ''; background: #202020;}
.btn-block > a {margin-left: 10px;}
.btn-block > a > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 10px 16px;}
.btn-block > a:hover > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 10px 16px;}
.exhbhall-content > div > div:nth-child(2) > p > span {color: #222; font-family: 'notokr-medium';}

/*Visitor Guides(PDF)*/
.eng-guides-title {display: table; width: 100%; padding: 60px 0 40px; border-top: 2px solid #000;}
.eng-guides-title > strong {display: table-cell; font-size: 24px; width: 220px; color: #222; font-weight: normal; font-family: 'notokr-medium';}
.eng-guides-title > p {display: table-cell; font-size: 16px; padding-left: 20px; width: calc(100% - 220px); color: #666; position: relative; font-family: 'notokr-DemiLight';}
.eng-guides-title > p:before {position: absolute; top: 18px; left: 0; width: 2px; height: 2px; content: ''; background: #202020;}
.eng-guides-bg-img > img {width: 100%;}
.eng-guides-bg {display: block;}
.m-eng-guides-bg {display: none;}
.eng-guides-sub-title {font-size: 24px; margin: 80px 0 30px; display: block; color: #222; font-weight: normal; font-family: 'notokr-medium';}
.eng-guides-box1:after {clear: both; height: 0; content: ''; display: block;}
.eng-guides-box1 > ul {float: left;}
.eng-guides-img-box {margin-right: 2.7%; width: 68.75%;}
.eng-guides-img-box:after {clear: both; height: 0; content: ''; display: block;}
.eng-guides-img-box > li {float: left; width: 31.8%; margin-right: 2.3%;}
.eng-guides-img-box > li:last-child {margin-right: 0;}
.eng-guides-img-box > li > img {width: 100%; display: block;}
.eng-guides-down > li {margin-bottom: 14px;}
.eng-guides-down > li:last-child {margin-bottom: 0;}
.eng-guides-down > li > a {font-size: 17px; width: 190px; padding: 12px 0 12px 30px; border: 1px solid #202020; color: #222; display: block;
    font-family: 'notokr-medium'; position: relative; box-sizing: border-box;}
.eng-guides-ico {width: 20px; height: 20px; padding-left: 10px; display: inline-block;vertical-align: middle;
    background: url(/ux/content/images/common/ico/ico_pdf_type1.png) no-repeat right; background-size: 20px; position: absolute; right: 20px;}

.eng-guides-down-top {display: none;}

/*큐레이터와의 대화 리스트*/
.curator-list-box::after {content: '';display: block;clear: both;}
.curator-list-box {border-bottom: 1px solid #ccc}
.curator-list-box > li {float: left; width: 48%; margin-right: 4%; margin-bottom: 5.5%;}
.curator-list-box > li:nth-child(2n) {margin-right: 0;}
.curator-list-content::after {content: '';display: block;clear: both;}
.curator-list-content > li:first-child {float: left; width: 315px; height: 458px;}
.curator-list-content > li:last-child {float: left; width: calc(100% - 315px); padding-left: 33px; box-sizing: border-box;}
.show-list.curator > li {width: 100%}
.show-list.curator {margin-top: 0;}
.show-list > li .info.curator {margin-top: 0; }
.show-list > li .info a > strong.curator {margin: 24px 0 10px 0; height: initial}
.show-list > li .info .info-list > li strong.curator {width: 50px; vertical-align: middle;}
.show-list > li .info.curator .info-list > li {padding-bottom: 7px}
.curator-pfd {display: table-cell;width: calc(100% - 70px);word-break: keep-all; vertical-align: top;}
.show-list > li .info.curator .info-list > li:nth-child(3) {margin-bottom: 34px;}
.show-list > li .info.curator .info-list > li.curator-pdf {margin-bottom: 0px !important;}
.curator-list-content > li:first-child > img {width: 100%}
.annual-btn > li > a {display: table;width: 118px;height: 42px;border: solid 1px #202020;}
.annual-btn > li:last-child > a {display: table;display: table;width: 140px;height: 42px;border: solid 1px #202020;}
.curator-mobile-pdf {display: none;}
.annual-btn > li > a > span {display: table-cell;vertical-align: middle;font-family: 'notokr-medium';font-size: 17px;color: #222222;text-align: center;}
.annual-btn > li > a > i {display: table-cell;vertical-align: middle; margin-right: 20px;}
.annual-btn > li > a > i > img { width: 20px;vertical-align: middle;}
.show-list > li .info .info-list2 > li strong.curator
.show-list > li .info .info-list > li {display: table;width: 100%;padding-bottom: 10px;}

/*큐레이터와의 대화 상세*/
.curatro-view-box {width: 100%; margin-top: 58px;}
.curatro-view-box::after {content: '';display: block; clear: both;}
.annual-btn.view {padding-left: 38px;}
.curatro-view-box > li {display: table; float: left; margin-right: 8%; width: 43%; margin-bottom: 2%; }
.curatro-view-box > li:nth-child(2n) {margin-right: 0;}
.curatro-view-box > li:last-child {margin-bottom: 0;}
.view-title {font-family: 'notokr-medium'; display: table-cell; font-weight: normal; font-size: 20px; color: #444444; vertical-align: middle;}
.view-curator-pfd {display: table-cell;}

/*마이페이지*/
.join-content.type2 {max-width: 1050px;}
.login-cont.type2 {display: block;}
.login-cont.type2 .login-tit {display: table; width: 100%;}
.login-cont.type2 .login-tit strong {display: block; margin: 20px 0 15px 0; font-size: 36px; color: #202020; font-family: 'NanumSquare'; font-weight: 300;}
.login-cont.type2 .login-tit p {font-size: 18px;}
.join-content.type2 .login-box {margin-top: 60px;}
.join-content.type2 .login-t {display: table-cell; padding-left: 40px; width: calc(100% - 154px); vertical-align: top;}
.login-box form {float: left; width: 530px;}
.login-box form p {display: table; width: 100%; margin-bottom: 20px;}
.login-box form p:last-child {margin-bottom: 0}
.login-box form p input {background: #f5f5f5; border-radius: 3px;}
.login-box form p.id label {display: table-cell; width: 115px; color: #202020; font-size: 18px; font-family: 'notokr-medium';}
.login-box form p.id > span {display: table-cell; width: calc(100% - 115px); background: #f5f5f5; border-radius: 3px;}
.login-box form p.pwd {}
.login-box form p.pwd .pw-t {display: table-cell; width: calc(100% - 115px);position: relative;}
.login-box form p.pwd .pw-t > i {position: absolute; top: 10px; right: 20px; width: 29px; height: 17px;}
.login-box form p.pwd .pw-t > i > img {display: none; width: 29px; height: 17px;}
.login-box form p.pwd label {display: table-cell; width: 115px; color: #202020; font-size: 18px; font-family: 'notokr-medium';}
.login-box .btn-login {float: right; width: calc(100% - 530px); margin-top: 25px; text-align: right;}
.login-box:after {clear: btoh; display: block; overflow: hidden; content: ""; height: 0}
.find-btn-area {clear: both; padding-top: 40px; text-align: center;}
.find-btn-area > a {margin-right: 10px;}
.find-btn-area > a:last-child {margin-right: 0}
.join-info-box {margin-top: 60px; padding: 60px 50px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: #f8f8f8;}
.join-info-box > strong {display: block; margin-bottom: 30px;font-size: 24px; color: #222; font-family: 'notokr-medium'; font-weight: normal;}

.join-info-box .mail-info-txt {width: fit-content; margin: auto; line-height: 1.7; color: #202020; font-size: 18px;}
.join-info-box .mail-info-txt .bold {font-weight: 600;}
.join-info-box .mail-info-txt .txt_purple {color: #3f0b9f;}

.join-info-box .input-table3 {width: 100%}

.join-content .login-cont.type3 {max-width: auto; display: block; text-align: center;}
.join-content .login-cont i.ico-login.find {display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_login_find_img.png) no-repeat top; background-size: 114px;}
.join-content .login-cont i.ico-login.email {display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/email-ico.png) no-repeat top; background-size: 114px;}
.join-content .login-cont strong.light {margin-left: 35px; font-family: 'NanumSquare'; font-weight: 300; font-size: 62px; color: #222; vertical-align: middle; }
.join-c-txt {margin-top: 55px; text-align: center; font-size: 18px;}
.join-c-txt.type3 {display: block; font-size: 42px; color: #222; font-weight: normal; font-family: 'notokr-medium';}
.join-c-txt.type4 {font-size: 24px; color: #202020; font-family: 'notokr-medium'; height: 170px;}
.join-c-txt.type2 b {font-weight: normal; font-family: 'notokr-bold';}
.join-info-box .join-txt {font-size: 18px; line-height: 38px;}
.join-info-box .join-txt > span {font-family: 'notokr-medium'; font-size: 20px; color: #222}
.join-info-box .join-txt > span > b {color: #3f89dd; font-family: 'notokr-DemiLight'; font-weight: normal;}
.join-content .t-light {margin-top: 15px; font-family: 'notokr-DemiLight'; letter-spacing: -0.5px;}
.join-content .radio-agree .checkbox {margin-right: 15px;}

.pw-t2 {position: relative; width: 65%; display: inline-block}
.pw-t2 > i {position: absolute; top: 10px; right: 20px; width: 29px; height: 17px;}
.pw-t2 > i > img {display: none; width: 29px; height: 17px;}

.guide-cont {max-width: 1050px; margin: 0 auto; padding: 0 15px}
.guide-cont .guide-box {float: left; width: 48%; margin-right: 4%; padding: 80px 0 49px 0; text-align: center; border: 1px solid #dddddd; border-top: 2px solid #333; box-sizing: border-box;}
.guide-cont .guide-box:last-child {margin-right: 0}
.guide-cont .guide-box > .ico-guide {width: 113px; height: 113px; display: inline-block;
    background: url(/ux/content/images/common/ico/ico_normal_img.png) no-repeat top; background-size: 113px;}
.guide-cont .guide-box strong {display: block; margin: 30px 0 20px 0; font-size: 36px; color: #222222; font-family: 'NanumSquare'; font-weight: 700;}
.guide-cont .guide-box p {margin-bottom: 80px; font-size: 18px; font-family: 'NanumSquare'; font-weight: 700;}

.join-step-cont {max-width: 870px; padding: 0 15px; margin: 120px auto 0 auto; }
.join-step-cont.type2 {max-width: 100%; }
.join-step-cont.type3 {margin-top: 60px;}
.join-step-cont .join-input {margin-top: 60px; display: table; width: 100%;}
.join-step-cont .join-input > li.first {display: table-cell; width: 110px; color: #202020; font-size: 18px; font-family: 'notokr-medium';}
.join-step-cont .join-input > li:last-child {display: table-cell; width: calc(100% - 110px);}
.join-step-cont .join-input > li .inpt {width: 630px; margin-right: 25px;}

.join-info-txt {max-width: 1050px; margin: 0 auto 100px auto; padding: 0 15px; box-sizing: border-box}
.join-info-txt > strong {display: block; margin-bottom: 30px;font-size: 24px; color: #222; font-family: 'notokr-medium'; font-weight: normal;}

.groupBox-area.type2 .groupBox {border-bottom: 0;}
.groupBox-area.type2 .groupBox.line {border-bottom: 1px solid #ccc}
.groupBox-area.type2 .agreeLbl {border: 1px solid #ccc; border-top: 0;}
.periodical-list .groupBox-area.type2 pre {padding-top: 0;}
.periodical-list .groupBox-area.type2 pre p {line-height: 21px;}
.periodical-list .groupBox-area.type2 .groupBox .txt {height: 245px;padding: 40px 30px;box-sizing: border-box;overflow-y: auto;font-family: 'notokr-DemiLight';
    font-size: 16px;color: #666;line-height: 30px;}
.periodical-list .groupBox-area.type2 .groupBox .txt b {display: block;}
.terms-conts1 {height: 245px; padding: 0 30px 40px 30px; box-sizing: border-box; overflow-y: auto; font-family: 'notokr-DemiLight'; font-size: 16px;
    color: #666; line-height: 30px;}
.terms-conts1 h4.tfirst {margin-bottom: 5px; margin-top: 20px; font-size: 20px; color: #202020; line-height: 30px;}
.terms-conts1 h5 {display: inline-block; margin-top: 15px; font-size: 18px; color: #444;}
.terms-conts1 > ol > li {margin-bottom: 15px;}

.join-content.type3 {max-width: 1050px; margin: 120px auto 70px auto; padding: 60px 0; border: 1px solid #dddddd; border-top: 2px solid #333333;}
.join-content.type3 .login-cont.type3 {max-width: 100%;}
.join-content .login-cont i.ico-login.certification {display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_login_certification_img.png) no-repeat top; background-size: 114px;}
.join-content .login-cont strong.bold {margin-left: 30px; font-family: 'NanumSquare'; font-weight: 700; font-size: 36px; color: #222; vertical-align: middle; }

.join-input-2 {max-width: 1050px; margin: 0 auto 120px auto; padding: 0 15px;}
.join-input-2 .inner-join-input {padding: 70px 40px 70px 20px; border-top: 2px solid #000000; background-color: #f8f8f8;}
.inner-join-input .tbl-type3.input-table2 > tbody > tr > td {padding: 5px 0 5px 0;}
.join-input-2 .inner-join-input .tbl-type3.input-table2 {border-top: 0; border-bottom: 0; background: none}
.join-input-2 .inner-join-input .tbl-type3 p.light {line-height: 28px; font-family: 'notokr-DemiLight'}

.join-input-2 .tbl-type3 > tbody > tr > th {font-size: 18px;}
.join-input-2 .tbl-type3 > tbody > tr:first-child > th {padding-top: 0}

.service-area {margin-top: 15px;}
.service-area > ul > li {padding: 10px 0 20px 0; border-bottom: 1px solid #ddd}
.service-area > ul > li:last-child {border-bottom: 0;}
.service-area .check-txt {margin-top: 10px;}
.service-area .check-txt span {display: inline}
.service-area .check-txt ul {display: inline}
.service-area .check-txt ul > li {display: inline; margin-left: 10px;}
/*영문 추가 CSS*/
.login-box form.eng-login-form-box {width: 510px;}
.login-box .btn-login.eng-btn-login {width: calc(100% - 550px); margin: 33px 0 0 40px; text-align: inherit;}
.login-box .btn-login.eng-btn-new-type {margin: 30px 0 0 0;}
.login-cont.type2 .login-tit strong.eng-login-t {font-size: 80px; margin: 0;}
.login-cont.type2 .login-tit.eng-login-tit {padding-left: 30px;}
.login-box form p.id label.eng-login-lab {width: 140px; padding-left: 10px; box-sizing: border-box;}
.login-box form p.pwd label.eng-login-lab {width: 140px; padding-left: 10px; box-sizing: border-box;}
.find-btn-area.eng-find-btn-area {text-align: inherit; padding: 40px 0 0 120px;}

/*해설 공통 사이드*/
.side-tab-box > li > a {width: 168px; height: 43px; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; border-top: solid 1px #dddddd;font-family: 'notokr-DemiLight'; display: block; font-size: 16px; text-align: center; line-height: 43px; color: #666666}
.side-tab-box > li > a.on {width: 170px; height: 44px; background: #333333; line-height: 45px; color: #ffffff;font-family: 'notokr-regular'; border: 0;}
.side-tab-box > li:last-child > a {border-bottom: solid 1px #dddddd}
.paper-aside.exhbhall {position: relative; border-top: 0;}
.side-tab-box {position: absolute; right: 0;}

/*예약하기*/
.m-booking-list {display: none}
.mobile-booking {display: none;}
.booking-list-area::after {content: '';display: block;clear: both;}
.booking-list-area > li {float: left; position: relative; width: 45.91%; margin-right: 4%; margin-bottom: 60px; box-sizing: border-box; border: solid 1px #dddddd; text-align: center;}
.booking-list-area > li:last-child {margin-right: 0;}
.booking-list-area > li > .booking-cont {display: block; width: 100%; height: 100%; min-height: 500px; padding: 40px 15px 20px 15px; box-sizing: border-box;}
.booking-list-area > li.book {padding: 20px 0 0px 0;}
.booking-list-area > li img {width: 76px;}
.booking-list-area > li:last-child {margin-right: 0;}
.booking-list-area > li .booking-title {display: block; font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222; padding: 22px 0 10px 0; line-height: 36px;}
.booking-list-area > li .booking-title.book { padding: 8px 0; line-height: 36px;}
.booking-list-area > li p {font-family: 'notokr-DemiLight'; font-size: 18px; color: #666666; line-height: 26px;}
.booking-detail {position: absolute;top: 0; left: 0; width: 100%; height: 100%; padding-top: 60px; box-sizing: border-box; text-align: center;
    background-color: #000; opacity: 0; z-index: 1}
.booking-detail strong {font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #ffffff}
.booking-detail p {padding: 20px 0 40px 0; font-family: 'notokr-DemiLight'; font-weight: normal; font-size: 18px; color: #fff !important;}
.bookimg-link-area {display: table; margin: 0 auto;}
.bookimg-link-area > li {display: table-cell; margin-right: 30px;}
.bookimg-link-area .btn > i {width: 10px;height: 16px;margin-left: 14px;background: url(/ux/content/images/display/btn/btn_booking.png) no-repeat center;display: inline-block;background-size: 10px 16px;
    vertical-align: middle;}
.bookimg-link-area .btn {color: #a184ff; font-size: 18px;}
.bookimg-link-area > li:last-child .btn {margin-left: 24px;}
.btn-middle.btn-over.booking {border-bottom: solid 1px #a184ff}
.bookimg-link-area .btn:hover {color: #fff;}
/*eng추가CSS*/
.eng-booking-txt {margin-top: 30px;}
.eng-booking-txt > li {font-size: 16px; padding-left: 14px; margin-bottom: 15px; font-family: 'notokr-DemiLight'; color: #666; text-align: left; position: relative;}
.eng-booking-txt > li:before {position: absolute; top: 12px; left: 0; width: 2px; height: 2px; content: ''; background: #202020; }
.eng-hover-booking-txt {padding: 0 40px;}
.eng-hover-booking-txt > li {font-size: 16px; padding-left: 14px; margin-bottom: 15px; font-family: 'notokr-DemiLight'; color: #aaa; text-align: left; position: relative;}
.eng-hover-booking-txt > li:before {position: absolute; top: 12px; left: 0; width: 2px; height: 2px; content: ''; background: #dfdfdf; }
.eng-booking-top {padding-top: 40px;}
.eng-booking-bottom {padding-top: 100px;}
.booking-list-area > li > button:hover > .eng-booking-txt > li {color: rgba(0, 0, 0, 0.92);}

/*오시는 길 1*/
.come-map-area {background-color: #f8f8f8;}
.come-map-area::after {content: '';display: block;clear: both;}
.map-box {float: left; width: calc(100% - 390px); }
.map-box > img {width: 100%;}
.map-info {float: left; width: 390px; padding: 12px 0 0 38px; box-sizing: border-box; }
.map-title {font-family: 'notokr-medium'; font-size: 32px; color: #222222; font-weight: normal;}
.map-side-info {padding-top: 38px;}
.map-side-info > li:nth-child(1) {margin-bottom: 30px;}
.map-side-info > li > strong {font-family: 'notokr-medium'; display: block; font-size: 22px; margin-bottom: 20px; color: #222222; font-weight: normal;}
.map-side-info > li > span {padding-right: 9px; display: block; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; font-weight: normal; line-height: 36px;}
.map-num {width: 32px; height: 32px;line-height: 32px; border-radius: 100%; background: #3178dd; font-family: 'NanumSquare'; font-weight: 800; font-size: 24px; color: #fbfbfb; text-align: center;vertical-align: middle}
.sub-line {width: 155px; height: 32px; margin: 0 20px 0 10px; background: #05a59d; line-height: 32px; font-family: 'NanumSquare'; font-weight: 800; font-size: 18px; color: #fbfbfb; text-align: center;vertical-align: middle; border-radius: 2em;}
.sub-title {font-size: 18px; display: table-cell; color: #222222; line-height: 36px;font-family: 'notokr-medium'; font-weight: normal; vertical-align: middle}
.sub-title2 {font-size: 18px; margin: 0 20px 0 10px; color: #222222; line-height: 36px;font-family: 'notokr-medium'; font-weight: normal; vertical-align: middle}
.come-type1 {background: #0041aa}
.come-type2 {background: #ff8118}
.come-type3 {background: #9a5e33}
.come-type4 {background: #788900}
.come-type5 {background: #bf9b04}
.subway-main-title {display: table;}
.subway-main-title > li {display: table-cell;vertical-align: middle;}
/*.subway-type2{border-top: solid 2px #000000; margin-top: 90px}*/
.subway-type2 > li {padding: 47px 0 33px 10px; box-sizing: border-box; border-bottom: solid 1px #efefef;}
.subway-type2 > li:last-child {border-bottom: 0;}
.subway-type2 > li::after {content: '';display: block;clear: both;}
.subway-box-area {float: left; width: 220px; margin-right: 100px;}
.subway-side-area {float: left; width: calc(100% - 320px);}
.subway-title {font-family: 'notokr-medium'; font-size: 24px; color: #222222; font-weight: normal;}
.sub-tit-p {font-family: 'notokr-medium'; position: relative; font-size: 18px; color: #222; padding-top: 12px; margin-bottom: 20px; display: table;}
.sub-p {font-family: 'notokr-DemiLight'; position: relative; font-size: 16px; color: #666666; padding-right: 30px; display: table;}
.sub-sid-p {padding-top: 13px;}
.sub-p-li {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; vertical-align: middle;}
.subway-main-title.type {margin-bottom: 10px;}
.sub-span {font-family: 'notokr-medium'; font-size: 18px; color: #222222}
.sub-p > i {display: table-cell; position: absolute; width: 2px; height: 2px; top: 24px; background: #202020; }
.sub-p > span {display: table-cell; padding-left: 7px;}

/*오시는 길 2*/
.bus-line {width: 24px; height: 24px; border: solid 4px #2a73dc; border-radius: 100%; font-size: 18px; color: #2a73dc; text-align: center; line-height: 26px; font-family: 'NanumSquare'; font-weight: 800;}
.bus-title {font-family: 'notokr-medium'; font-size: 16px; color: #222222; padding-left: 18px; }
.map-side-info.bus {padding-top: 8px;}
.bus-line.red {border: solid 4px #ee2222;color: #ee2222; }
.bus-list {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; line-height: 42px; padding-top: 5px;}
.bus-list > span::before {width: 23px;height: 15px;margin: 0 10px;content: '';display: inline-block;background: url(/ux/content/images/display/img_ico_arrow.png) no-repeat;background-size: 23px 15px;position: relative;top: 2px;}
.bus-list > span:first-child::before {display: none;}
.bus-type-list {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; padding-top: 15px; display: block;}
.map-side-info .eng-bus {display: table;}
.map-side-info .eng-bus p:nth-child(1) {display: table-cell; font-family: 'notokr-medium'; font-size: 18px; padding-right: 20px; color: #222; }
.map-side-info .eng-bus p:nth-child(2) {display: table-cell;}
.map-side-info .eng-bus p:nth-child(2) > span {font-family: 'notokr-DemiLight'; font-size: 16px;}
.bus-box-area {float: left; width: 320px;}
.eng-bus-sub-tit {font-weight: normal; font-family: 'notokr-medium'; display: inline-block; font-size: 18px; margin: 20px 0 10px; color: #222; }
.bus-btn {margin-top: 60px;}
.bus-btn a i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center; vertical-align: middle;
    display: inline-block; background-size: 10px 16px;}
.bus-btn a:hover i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center; vertical-align: middle;
    display: inline-block; background-size: 10px 16px;}

/*오시는 길 3*/
.parking-title {font-family: 'notokr-medium'; font-weight: normal; font-size: 32px; color: #222222; padding: 40px 0 30px 0;}
.subway-type1-wrap > img {width: 100%;}
.bus-list.car {padding-top: 0;}

/*오시는 길 4*/
table.tbl-type7.parking {display: none;}
.car-num {display: block; font-family: 'notokr-medium'; font-size: 24px; color: #970119;}
.car-num > span {font-size: 18px; color: #222222}
.bus-type-list.first {padding-top: 0;}
.bus-type-list.last {padding-bottom: 60px;}
table.tbl-type6.car > tbody > tr > td:first-child {color: #444444; font-family: 'notokr-regular'; font-size: 18px}
.subway-side-area.car {background: #f8f8f8; width: 100%; padding: 42px 20px 74px 20px; margin-top: 60px; box-sizing: border-box;}
.sub-title.car {padding-left: 10px;}
.mobile-parking-title {display: none;}
table.tbl-type6.mobile {display: none;}
/*eng추가CSS*/
.parking-table-top {margin-top: 60px;}
.parking-botton-line {border-bottom: solid 1px #cccccc !important;}

.page-content-type1.come .page-tab-type1 {padding-top: 0}

/*전체 예약 현황*/
.all-str {font-family: 'notokr-medium'; color: #222222;position: relative}
.all_bg {background: #fff;}
.all_bg2 {max-width: 1440px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.all-search-area::after {content: '';display: block;clear: both;}
.tab-type3.all {float: left; width: calc(100% - 330px); background: #f5f5f5; margin: 30px 0 35px 0;}
.tab-type3.tab-all-other {width: 100%;}
.all-search-box {float: right; width: 330px;}
.all-search-btn {width: 284px;border-radius: 5px; margin: 30px 0 35px 46px; background: #f5f5f5;}
.all-search-btn::after {content: '';display: block;clear: both;}
.all-search-btn > li:first-child {float: left;}
.all-search-btn > li:last-child {float: right; padding-right: 30px;}
.all-search-btn > li:last-child > a {display: inline-block;vertical-align: middle;line-height: 64px}
.all-search-btn > li:last-child > a::before {content: ''; display: inline-block; width: 1px; height: 20px; margin-right: 30px; background: #cccccc;vertical-align: middle;}
.all-search-btn > li:last-child > a > img {line-height: 64px; vertical-align: middle;}
.search-slt {width: 190px; height: 64px; padding-left: 30px; border: 0; background: #f5f5f5; font-size: 20px; color: #444444; -webkit- appearance: none;-moz- appearance: none;appearance: none; background: url(/ux/content/images/common/ico/ico_sm_black_open.png) no-repeat 78% center; font-family: 'notokr-regular'; font-weight: normal;}
.search-slt::::-ms-expand {display: none;display: hidden;}
.board-list-all-bg {background: #fff;}
.board-list-type1.all {max-width: 1440px; margin: 0 auto; background: #fff; padding: 0 15px 150px 15px;}
.board-list-type1.all > p {padding-left: 20px; padding-bottom: 5px}
.board-list-type1.all .btn-all {display: inline-block; width: 63px; height: 29px; margin: 0 auto; text-align: center; line-height: 29px; border: solid 1px #444444;
    font-family: 'notokr-medium'; font-size: 16px; color: #444444;}
.all-color {font-family: 'notokr-light' !important; color: #3f8add !important;}
.board-list-content.all .light {font-family: 'notokr-light'; color: #666; font-size: 16px;}
.board-list-content.all .light > a {font-family: 'notokr-light' !important; color: #666; font-size: 16px;}
.board-list-content.all .content > a {font-family: 'notokr-DemiLight'; font-size: 18px; color: #444;}
.board-list-content.all .medium > span > a {font-family: 'notokr-medium'; font-size: 18px;}
.board-list-content.all {max-width: 1440px;}
.m-tit {display: none}
.board-list-total.m {display: none;}

.display-content.last {height: 66px; background-color: #f5f5f5;}
.display-content.last > li {padding: 0;}
.display-content.last > li:first-child {vertical-align: middle; padding-left: 28px; box-sizing: border-box;}
.display-content.last > li:first-child > i {vertical-align: middle;display: inline-block;}
.display-content.last > li:first-child > i > img {vertical-align: middle; width: 22px; }
.display-content.last > li:first-child > span {padding-left: 14px; font-family: 'notokr-medium'; font-weight: normal; font-size: 20px; color: #222222; vertical-align: middle;}
.display-content.last > li:last-child {vertical-align: middle;}
.display-content.last > li:last-child > p {font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color: #222222;}
.display-content.last > li:last-child > p > span {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; display: inline; padding-left: 18px;}

/*********************************20201221*********************************/

/*관람·편의시설(전체 안내)*/
.m-allmap-back-img {display: none;}
.allmap-img-con {width: 100%; position: relative;}
.allmap-back-img {width: 100%; display: block;}
.allmap-img {position: absolute; bottom: 40px; right: 25px;}
.allmap-img:after {clear: both; content: ""; display: block; height: 0;}
.allmap-img > li {float: left;}
.allmap-img > li:nth-child(1) {margin-right: 20px;}
.allmap-con > a > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 10px 16px;}
.allmap-con > a:hover > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 10px 16px;}

.online-btn.digital.pd > a > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 10px 16px;}
.online-btn.digital.pd > a:hover > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center;
    vertical-align: middle; display: inline-block; background-size: 10px 16px;}

/*관람·편의시설(전체 안내 교육관가는길 팝업)*/
.allmap-dim {display: none;}
.allmap-popup {display: none;}
.allmap-popup-img {width: 100%;}
.allmap-header {position: relative;}
.allmap-popup-button {display: block; position: absolute; top: 42px; right: 40px;}
.allmap-popup-button > i {width: 30px; height: 30px; background: url(/ux/content/images/common/btn/btn_black_close.png) no-repeat center; display: inline-block; background-size: 30px 30px;}

/*관람·편의시설(전시 공간)*/
.exhi-wrap {margin-top: 80px;}
.exhi-box-title {font-size: 26px; margin: 30px 0 20px; color: #222; font-family: 'notokr-medium';}
.exhi-sub-title {font-size: 18px; margin-bottom: 30px; color: #222; font-family: 'notokr-medium';}
.exhi-box {margin-top: 30px;}
.exhi-txt {font-size: 16px; line-height: 28px; color: #666; font-family: 'notokr-DemiLight';}
.border-none {border: 0; padding-bottom: 0;}

/*관람·편의시설(주요 시설)*/
.infor-table-con > li {display: table; width: 100%; margin-bottom: 10px;}
.infor-table-con > li:last-child {margin-bottom: 0;}
.infor-title {display: table-cell; font-size: 16px; width: 74px; padding-right: 15px; color: #222; font-family: 'notokr-medium';}
/*74px*/
.infor-txt {display: table-cell; font-size: 16px; line-height: 30px; width: calc(100% - 74px); color: #666; font-family: 'notokr-light';}
.infor-btn-top {margin-top: 30px;}
.infor-culture {margin-top: 60px; background: #f8f8f8;}
.culture-img {padding-left: 70px;}
.culture-img > img {width: 67px; height: 68px;}
.culture-txt {font-size: 20px; line-height: 30px; padding: 30px 166px 30px 60px; color: #666; font-family: 'notokr-DemiLight';}
.culture-txt > span {color: #970119; font-family: 'notokr-medium';}
.main-bottom {margin-bottom: 30px;}

/*관람·편의시설(야외 시설)*/

/*관람·편의시설(식당, 편의시설)*/
.rest-wrap {margin-top: 140px;}
.resta-bg-color ul li > a {background: #fff; }
.tab2-none {display: none;}
.resta-bg-color ul li {width: 15%;}
/*eng추가CSS*/
.eng-infor-title {width: 107px; padding-right: 25px;}
.tab-item.eng-fellow-tab-none {display: none;}

/*관람·편의시설(레스토랑)*/
.rest-info-view {margin-top: 60px; padding: 50px 40px 40px 60px; background: #f8f8f8; }
.rest-info-view > li {display: table; width: 100%;}
.rest-info-left {display: table-cell; width: 400px; }
.rest-info-left:after {clear: both; height: 0; display: block; content: '';}
.rest-info-left > p {float: left;}
.rest-info-left > p:nth-child(1) {width: 73px; height: 60px;}
.rest-info-left > p:nth-child(1) > img {width: 100%; display: block;}
.rest-info-left > p:nth-child(2) {font-size: 48px; margin-left: 30px; line-height: 60px; color: #3f0b9f; font-family: 'notokr-medium';}
.rest-info-right {display: table-cell; width: calc(100% - 320px); vertical-align: middle;}
.rest-info-right > p:nth-child(1) {font-size: 20px; line-height: 25px; color: #666; font-family: 'notokr-DemiLight';}
.rest-btn-top {margin-top: 20px; background: #fff;}
.rest-table-top {margin-top: 30px;}

/*관람·편의시설(카페/기타)*/
.rest-info-view2 {padding: 50px 0 40px 60px;}
.rest-coffee-img {width: 58px !important; height: 66px !important;}
.rest-coffee-txt {line-height: 66px !important;}
.rest-info-left2 {width: 280px;}
.rest-info-right {width: calc(100% - 400px);}

/*관람·편의시설(편의시설 연락처)*/
.facil-img-con {width: 100%; height: 440px; background: url(/ux/content/images/display/facility/bg_facilities_img_1.jpg) no-repeat center; background-size: cover;}
.facil-box {float: right; padding: 150px 60px 0;}
.facil-title {font-size: 42px; margin-bottom: 30px; color: #fff; font-family: 'notokr-light';}
.facil-float:after {clear: both; height: 0; display: block; content: '';}
.facil-float > p {float: left;}
.facil-img {width: 56px; height: 56px; margin-right: 30px;}
.facil-img > img {width: 100%; display: block;}
.facil-txt {font-size: 55px; line-height: 55px; color: #a184ff; font-family: 'NanumSquare'; font-weight: 700;}
/*편의시설 연락처 테이블*/
.m-facil-table-title-txt {display: none;}
.facil-imfo-box {margin-top: 80px;}
.faci-content-bottom {margin: 0 auto 140px auto;}
.facil-imfo-box > strong {font-size: 26px; margin-bottom: 40px; color: #222; font-family: 'notokr-medium'; font-weight: normal; display: block;}
.facil-table {width: 100%; border-top: solid 2px #000000; border-bottom: 1px solid #ccc;}
.facil-table > li {display: table; width: 100%; padding: 40px 0; border-bottom: 1px solid #efefef;}
.facil-table > li:last-child {border-bottom: 0}
.facil-table-title {display: table-cell; vertical-align: middle; width: 200px; padding-right: 70px; text-align: center;}
.facil-table-title > p {font-size: 24px; color: #222; font-family: 'notokr-medium';}
.facil-table-txt {display: table-cell; width: 345px; padding-right: 125px;}
.facil-table-txt.first {width: calc(100% - 200px);}
.facil-table-bottom {margin-bottom: 30px;}
.facil-main-txt {font-size: 22px !important; color: #222; font-family: 'notokr-medium';}
.facil-table-txt-sub {font-size: 16px; color: #222; font-family: 'notokr-medium';}
.facil-table-txt-sub2 {padding-left: 30px; color: #666; font-family: 'notokr-DemiLight';}
.facil-table-txt2 {display: table-cell;}

/*관람·편의시설(층별안내)*/
.m-floor-img {display: none;}
.m-floor-ico-con {display: none;}
.floor-content:after {clear: both; height: 0; display: block; content: '';}
.floor-content {margin-top: 80px;}
.floor-left {width: 100%; margin-top: 120px; padding: 0 60px 0 50px; box-sizing: border-box;}
.floor-left > .byfloor-img {width: 100%;}
/*층별안내 아이콘*/
.floor-right {width: 100%; background: #f8f8f8;position: relative;}
.floor-ico-con {padding: 50px 0 20px 40px;}
.floor-ico-con:after {clear: both; height: 0; display: block; content: '';}
.floor-ico-con > li {float: left;display: table; margin: 0 40px 20px 0;}
.floor-ico-con > li:last-child {margin-bottom: 0;}
.floor-ico {display: table-cell; vertical-align: middle;}
.floor-ico > img {width: 46px; height: 46px;}
.floor-txt {display: table-cell; vertical-align: middle; font-size: 18px; padding-left: 15px; color: #444; font-family: 'notokr-regular';}
.floor-down-btn {padding: 0 0 80px 40px; margin-top: 50px;}
.floor-down-btn > a > i {width: 20px; height: 22px; margin-left: 14px; background: url(/ux/content/images/common/ico/m_ico_down_off_img.png) no-repeat center; vertical-align: middle;
    display: inline-block; background-size: 20px 22px;}
.floor-down-btn > a:hover > i {width: 20px; height: 22px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_down_on_img.png) no-repeat center; vertical-align: middle;
    display: inline-block; background-size: 20px 22px;}
/*eng추가CSS*/
.eng-floor-txt {display: inline-block; font-size: 16px;}

/*영문 추가 팝업 CSS*/
.popupWrap .eng-newpop-title strong {display: block; padding-top: 35px; font-family: 'notokr-medium'; font-weight: normal; font-size: 32px; color: #202020;}
.popupWrap .eng-newpop-header {padding-left: 40px; height: 110px; position: relative;}
.popupWrap .eng-newpop-header:before {width: 8px; height: 110px; position: absolute; top: 0; left: 0; background: #000;content: "";}
.eng-newpop-tbl {padding: 0 40px; margin-top: 20px; }
table.pc-information-tbl.eng-newpop-information-tbl {margin-bottom: 0; display: table;}
table.pc-information-tbl.eng-newpop-information-tbl > tbody > tr > td {padding: 8px 0 8px 20px;}
.eng-newpop-b {font-size: 16px; background: #f5f5f5; height: 40px; width: 100%; padding-left: 20px; box-sizing: border-box; border: 0; color: #666; font-family: 'notokr-regular';}
.eng-newpop-b2 {background: #f5f5f5 url(/ux/content/images/common/ico/ico_sm_black_open.png) no-repeat 95% center;}
.eng-newpop-datepicker input {background: #f5f5f5; height: 40px; width: 30%;}
.eng-newpop-txt {padding: 0 40px; margin-top: 30px;}
.eng-newpop-txt > p {font-size: 16px; margin-bottom: 20px; padding-left: 20px; color: #666; font-family: 'notokr-DemiLight'; position: relative;}
.eng-newpop-txt > p:before {position: absolute; top: 10px; left: 0; width: 2px; height: 2px; content: ''; background: #222;}
.eng-newpop-txt > p:last-child {margin-bottom: 0;}
.eng-newpop-btn {padding: 0 40px; margin-top: 30px; margin-bottom: 30px;}
.eng-newpop-time {font-size: 16px;width: 15%; height: 42px; padding-left: 20px; border: 0; color: #666; font-family: 'notokr-DemiLight';
    background: #f5f5f5 url(/ux/content/images/common/ico/ico_sm_black_open.png) no-repeat 95% center;}
.eng-newpop-time-txt {font-size: 16px; font-family: 'notokr-DemiLight'; margin-left: 14px; color: #666; vertical-align: -webkit-baseline-middle;}
.eng-newpop-time-txt2 {margin-right: 20px;}
.eng-newpop-long-txt {width: 100%; height: 150px; background: #f5f5f5; border: 0;}

/*관람전시관 관람 예약 비로그인*/
.page-content-type1.none-logo { margin: 0 auto 25px auto;}
.non-logo {font-family: 'notokr-regular'; font-size: 32px; color: #970119; text-align: center; padding-bottom: 56px; border-bottom: solid 2px #000000; font-weight: normal;}
.typea1 {font-family: 'notokr-medium';}
.typea2 {font-family: 'notokr-bold';}
.tab-type1.non-loging {background: #fff; border-bottom: 0;}
.non-loging-strong {font-family: 'notokr-medium'; font-weight: normal; font-size: 26px; color: #222222; padding-top: 25px; display: inline-block;}
table.calendar-tbl > thead > tr > th > a > img.cald-next {margin-left: 4px;}
table.calendar-tbl > thead > tr > th > a > img.cald-prev {margin-right: 4px;}
.non-loging-info-area {width: 100%; background: #f8f8f8;}
.online-box .online-info .tit.none-login-p {width: 300px;}
.calendar-choice-area {max-width: 1440px; margin: 0 auto; padding: 26px 15px 56px 15px;}
.calendar-choice-title {font-size: 26px; color: #202020; font-family: 'notokr-medium'; font-weight: normal; padding-bottom: 14px;}
.calendar-choice-box::after {content: '';display: block;clear: both;}
.calendar-choice-box > li:first-child {width: 550px; float: left;border: solid 1px #dddddd; padding: 46px 16px 42px 16px; box-sizing: border-box;box-shadow: 3px 3px #f2f2f2;}
.calendar-choice-box > li:last-child {width: calc(100% - 550px); float: left; padding-left: 58px;box-sizing: border-box;}
table.calendar-tbl {width: 100%; border-collapse: collapse;text-align: center;}
table.calendar-tbl > thead > tr > td {font-family: 'NanumSquare'; font-weight: bold; font-size: 30px; color: #202020;}
table.calendar-tbl > thead > tr > th > a {width: 26px; height: 26px; display: inline-block;border: solid 2px #dddddd; border-radius: 100%; cursor: pointer;}
table.calendar-tbl > thead > tr > td {padding-bottom: 20px;}
table.calendar-tbl > thead > tr > th {padding-bottom: 20px;}
table.calendar-tbl > thead > tr > th > a > img {vertical-align: middle;position: relative;top: 1px;}
table.calendar-tbl > tbody > tr > th {padding: 9px 0; background: #efefef; font-family: 'NanumSquare'; font-weight: 400; font-size: 16px; color: #999999;}
table.calendar-tbl > tbody > tr > th.first {border-top-left-radius: 2em; border-bottom-left-radius: 2em;}
table.calendar-tbl > tbody > tr > th.last {border-top-right-radius: 2em; border-bottom-right-radius: 2em;}
table.calendar-tbl > tbody > tr > td {padding-top: 11px;}
table.calendar-tbl > tbody > tr > td > a {display: inline-block; transform: skew(-0.03deg); font-family: 'NanumSquare'; font-weight: 400; font-size: 16px; color: #666666; cursor: pointer;}
table.calendar-tbl > tbody > tr > td > a.off {display: inline-block; color: #aaaaaa;cursor: default;}
table.calendar-tbl > tbody > tr > td > a.on {display: inline-block;background: #3f0b9f; width: 31px; height: 31px; line-height: 32px; display: inline-block; border-radius: 100%; color: #fff;}
.calendar-tbl-title {font-family: 'NanumSquare'; font-weight: bold; font-size: 36px; color: #3f0b9f; padding-bottom: 37px; text-align: center;}
table.tbl-type1.calendar {max-width: 830px; box-sizing: border-box; text-align: center;}
table.tbl-type1 > tbody > tr > td {font-family: 'notokr-DemiLight'; font-weight: normal; font-size: 16px; color: #666666;padding: 7px 5px 12px 5px; border-bottom: solid 1px #cccccc;}
table.tbl-type1 > tbody > tr > td.tbl-btn > a {display: block; width: 65px; height: 29px; border: solid 1px #444444;font-family: 'notokr-medium'; font-size: 16px; color: #444444; text-align: center; line-height: 29px; margin: 0 auto;}
.join-content.calendar {border-top: 0; max-width: 1440px; margin: 0 auto; padding-bottom: 160px;}
.calendar-login-area {background: #f8f8f8}
.btn-area.calendar {text-align: center; padding-top: 42px}

/*관람전시관 관람 예약 로그인*/
.loging-title {padding: 40px 0 48px 0; font-family: 'NanumSquare'; font-weight: bold; color: #970119; text-align: center; display: block; border-bottom: solid 2px #000000;}
.calendar-choice-title.login {padding-top: 26px}
.calendar-choice-title2 {font-family: 'notokr-light'; font-size: 16px; color: #666666; padding-left: 20px;}
.step-box.login {background: #fff; padding-top: 5px;}
.calendar-choice-box > li.first {border: 0; box-shadow: none; padding: 0}
.first-box-wrap {background: #fff; padding: 35px 0 60px 30px;}
.input-list.login > li > a {vertical-align: middle; margin-left: 22px}
.input-list.login > li > input {width: 56px; margin-right: 8px;}
.input-list.login > li > span {width: 140px;display: inline-block;}
.step-box.login {box-sizing: border-box; padding: 40px 0 37px 30px; margin-top: 40px;}
.input-list2-span {font-size: 18px; color: #444444;font-family: 'notokr-regular'; padding-right: 10px;}
.input-list3-span {font-family: 'notokr-light'; font-size: 16px; color: #666666}
.on-login-tbl-box {background: #fff; padding: 45px 45px 60px 45px; box-sizing: border-box;}
table.tbl-type3 > thead > tr > th {text-align: center;}
.inpt2.mid {max-width: 375px; width: 100%}
.loging-input {width: 126px; height: 40px;line-height: 40px;box-sizing: border-box;background-color: #f5f5f5;border-radius: 3px !important;border: 0;}
.loging-input2 {width: 100px; height: 40px;line-height: 40px;box-sizing: border-box;background-color: #f5f5f5;border-radius: 3px !important;border: 0;margin-left: 20px}
.login-privacy-area {background: #fff;}
.inner-apply-cont.login {max-width: 1070px; margin: 0 auto;}
.step-box.login.pc {display: block;}
.step-box.login.mobile {display: none;}
/*eng추가CSS*/
.eng-login-block {display: inline-block; margin-top: 14px; padding-right: 40px;}
.eng-groupbox-bottom > li {margin-bottom: 20px;}
.eng-groupbox-bottom > li:last-child {margin-bottom: 0;}

/*예약완료*/
.completion-box {max-width: 950px; margin: 0 auto; padding-top: 92px;}
.completion-title {font-family: 'notokr-medium'; font-size: 26px; color: #202020; font-weight: normal; }
.completion-title.pd {padding-bottom: 20px;}
.completion-title.pd2 {padding: 26px 0 20px 0;}
.completion-tbl {padding: 60px; margin-top: 14px; box-sizing: border-box; background: #fff;}
table.tbl-type1.completion > tbody > tr > td {font-family: 'notokr-regular';}
.completion-info-box {background: #fff;}
.completion-info {max-width: 1440px; margin: 0 auto; margin-top: 80px; padding: 0 0 0 15px; border-bottom: solid 1px #cccccc; }
.completion-info2 {max-width: 1440px; margin: 0 auto; padding: 0 0 0 15px;}
.completion-info::after {content: '';display: block;clear: both;}
.completion-info > li {float: left; width: 33.3%; padding: 80px 50px 40px 0; box-sizing: border-box;}
.role-point.comple {font-family: 'notokr-regular'; margin-bottom: 10px; line-height: 26px}
.apply-content.completion {padding: 60px 0px 0 0px;}

/*마이페이지(나의 관심유물)*/
.m-attention-box {display: none !important;}
.attention-list-type1 .board-list-content .board-list-thead > ul > li {padding: 20px 0;}
.attention-list-type1 .board-list-content .board-list-thead > ul > li:nth-child(2) {min-width: 217px;}
.attention-list-type1 .board-list-content .board-list-tbody > ul > li {padding: 40px 0;}
.attention-list-type1 .board-list-content .board-list-tbody > ul > li:nth-child(2) {height: 217px; min-width: 217px;}
.attention-list-type1 .board-list-content .board-list-tbody > ul > li:nth-child(3) {text-align: left; padding: 40px 0 40px 50px;}
.attention-main-txt {font-size: 26px; margin-bottom: 30px; color: #202020; font-family: 'notokr-medium';}
.attention-table > li {display: table; width: 100%; margin-bottom: 10px;}
.attention-title {display: table-cell; font-size: 18px; color: #444; width: 90px; padding-right: 30px; font-family: 'notokr-medium';}
.attention-txt {display: table-cell; font-size: 18px; margin-bttom: 14px; color: #666; font-family: 'notokr-light';}
.attention-table > li:last-child {margin-bottom: 0;}

/*마이페이지(나의 스크랩)*/
.m-scrap-sub {display: none;}
.scrap-ckbox {width: 16px; line-height: normal !important; padding-left: 0 !important;}
.scrap-list-tbody > ul > li:nth-child(5) {text-align: center !important;}
.scrap-list-hover > a:hover {text-decoration: underline;}
.scrap-list-left .board-list-content .board-list-tbody > ul > li > a {color: #666;}
.scrap-list-left .board-list-content .board-list-tbody > ul > li:nth-child(4) {padding: 19px 0 19px 30px; text-align: left;}
.scrap-list-left .board-list-content .board-list-tbody > ul > li:nth-child(5) {text-align: left;}
.scrap-list-left .board-list-content .board-list-tbody > ul > li:nth-child(5) > a {color: #222;}
.scrap-posi-bottom {position: absolute; right: 0; top: -40px;}

/*마이페이지(회원정보관리)*/
.ico-mana {width: 114px; height: 114px; display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_login_mana_img.png) no-repeat top; background-size: 114px;}
.mana-c-txt {font-size: 24px;}
.mana-col {font-size: 16px; color: #666; font-family: 'notokr-DemiLight';}
.mana-left {padding-left: 24px !important;}

/*마이페이지(비밀번호 변경)*/
.ico-pw-change {width: 114px; height: 114px; display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_pw_change_img.png) no-repeat top; background-size: 114px;}
.pw-change-wi {width: 65%;}
.pw-t2 input[type="password"] {width: 100% !important;}
.pw-t2 input[type="text"] {width: 100% !important;}

/*마이페이지(메일링수신정보)*/
.reception-top .inner-join-input {border-top: 1px solid #ebebeb;}
.ico-reception {width: 114px; height: 114px; display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_mail_img.png) no-repeat top; background-size: 114px;}

/*마이페이지(회원탈퇴)*/
.secession-total {width: 100%;}
.ico-secession {width: 114px; height: 114px; display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_secession_img.png) no-repeat top; background-size: 114px;}
.secession-wi {width: 72%;}
.secession-txt {padding: 50px; border-bottom: 1px solid #ccc; background: #f8f8f8;}
.secession-txt > li {font-size: 16px; padding-left: 12px; margin-bottom: 20px; color: #666; font-family: 'notokr-DemiLight'; position: relative;}
.secession-txt > li:last-child {margin-bottom: 0;}
.secession-txt > li:before {width: 2px; height: 2px; background: #222; position: absolute; top: 12px; left: 0; content: "" }

.groupSty01 #t02_c01 {font-family: 'notokr-medium'; font-weight: 500; font-size: 26px; color: #202020; padding-bottom: 34px; margin-top: 40px;}
.hide {position: absolute; width: 1px; height: 0; font-size: 0;line-height: 0; text-align: left; text-indent: -999em; left: -9999px; overflow: hidden;}

/*이용약관*/
.use-content-area {border-top: 2px solid #202020;}
.use-content-area > .use-box:last-child {border: 0; padding: 60px 0 0 0;}
.use-box {padding: 60px 0; border-bottom: 1px solid #ddd;}
.use-box:after {clear: both; height: 0; display: block; content: '';}
.use-box > div {float: left;}
.use-box-title {font-size: 26px; width: 390px; color: #222; font-family: 'notokr-medium';}
.use-box-txt {width: calc(100% - 390px);}
.use-sub-title {font-size: 20px; line-height: 38px; margin-bottom: 20px; color: #222; font-family: 'notokr-medium'; font-weight: normal; display: block;}
.use-sub-txt {font-size: 16px; line-height: 28px; margin-bottom: 30px; color: #666; font-family: 'notokr-DemiLight';}
.use-sub-txt.use-sub-txt2 {margin-bottom: 20px;}
.use-box-txt > .use-info-txt {margin-bottom: 30px;}
.use-box-txt > .use-info-txt:last-child {margin-bottom: 0;}
.use-info-txt > li {display: table; margin-bottom: 14px; width: 100%;}
.use-info-txt > li:last-child {margin-bottom: 0;}
.use-info-txt > li > strong {display: table-cell; width: 26px; padding-right: 12px; text-align: center; font-weight: normal;}
.use-info-txt > li > strong > span {font-size: 15px; display: block; width: 26px; height: 26px; background: #000; color: #fff; border-radius: 100%; font-family: 'notokr-medium';}
.use-info-txt > li > p {display: table-cell; width: calc(100% - 38px); font-size: 16px; line-height: 28px; color: #666; font-family: 'notokr-DemiLight';}
.use-span {display: block; margin-top: 10px;}

/*개인정보처리방침*/
.use-top-title {font-size: 20px; margin-bottom: 50px; line-height: 36px; color: #666; font-family: 'notokr-regular';}
.use-person-r {font-size: 20px; line-height: 36px; margin-bottom: 30px; font-family: 'notokr-medium';}

.m-use-tbl {display: none;}
table.use-tbl {width: 100%;}
table.use-tbl > thead > tr > th {font-size: 16px; padding: 10px 0; background: #f5f5f5; color: #222; font-family: 'notokr-light'; border: 1px solid #e1e1e1;}
table.use-tbl > tbody > tr > td {text-align: center; padding: 10px 0; font-family: 'notokr-DemiLight'; color: #666; border: 1px solid #e1e1e1;}
table.use-tbl > tbody > tr > td.use-txt-bord {color: #222; font-family: 'notokr-regular';}
.use-person-tbl-txt {font-size: 16px; line-height: 28px; margin: 30px 0 50px; color: #666; font-family: 'notokr-DemiLight';}

.use-info-txt > li > p > span.use-person-b {font-family: 'notokr-medium'; color: #222;}
.use-sub-top {margin-top: 50px;}
.use-info-txt2 > li {margin-bottom: 40px;}
.use-info-txt2 > li:last-child {margin-bottom: 0;}
.use-info-txt2 > li > strong {font-size: 20px; margin-bottom: 14px; display: block; font-family: 'notokr-medium'; font-weight: normal;}
.use-info-txt2 > li > p {font-size: 16px; line-height: 28px; margin-bottom: 10px; color: #666; font-family: 'notokr-DemiLight';}
.use-info-txt2 > li > p:last-child {margin-bottom: 0;}
.use-sub-title.use-sub-bottom {margin-bottom: 40px;}

.use-bl-span {display: block;}
.use-bl-span2 {display: block;}

.use-file-box {padding-bottom: 50px;}
.use-file-box:after {clear: both; heigth: 0; display: block; content: '';}
.use-file-box > div {float: left; width: 48%; margin-right: 4%; border: 1px solid #ddd; box-sizing: border-box; text-align: center;}
.use-file-box > div:last-child {margin-right: 0;}
.use-file-title {font-size: 20px; line-height: 30px; padding: 30px 50px 0; color: #222; font-family: 'notokr-medium';}
.use-file-link > a > i {width: 24px; height: 27px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_down_off_img.png) no-repeat center; vertical-align: middle;
    display: inline-block; background-size: 24px 27px; word-break: keep-all;}
.use-file-link > a:hover > i {width: 24px; height: 27px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_down_on_img.png) no-repeat center; vertical-align: middle;
    display: inline-block; background-size: 24px 27px; word-break: keep-all;}
.use-none-box { background: #f8f8f8; content: ''; padding: 20px 0;}
.use-file-padding {padding-top: 32px;}
.use-file-padding2 {padding-top: 62px;}

.use-img-bottom {margin-bottom: 60px;}
.use-img-box {text-align: center;}
.use-img-box img {max-width: 100%;}
.use-sub-img-top {margin-top: 80px;}

.use-img-sub-txt {margin-top: 40px;}
.use-img-sub-txt > li {font-size: 16px; margin-bottom: 4px; color: #666; font-family: 'notokr-DemiLight';}
.use-img-sub-txt > li:last-child {margin-bottom: 0;}

.use-media-top {margin-top: 30px;}
.use-media-top2 {margin-top: 60px;}
.use-media-top3 {margin-top: 50px;}
.use-media-top4 {margin-top: 20px;}
.use-media-top5 {margin-top: 40px;}
.use-media-bord {color: #222; font-family: 'notokr-regular';}

/*영문 이용약관*/
.eng-use-title {font-size: 24px; line-height: 32px; color: #222; font-family: 'notokr-regular'; font-weight: normal; display: block;}
.eng-use-title2 {font-size: 24px; line-height: 32px; color: #222; font-family: 'notokr-medium'; font-weight: normal; display: block;}
.eng-use-person-tbl-txt {font-size: 16px; line-height: 28px; color: #666; font-family: 'notokr-regular';}
.eng-use-person-tbl-txt2 {font-size: 16px; line-height: 36px; color: #666; font-family: 'notokr-DemiLight';}
.eng-use-person-tbl-txt3 {font-size: 18px; line-height: 36px; color: #444; font-family: 'notokr-DemiLight';}
.eng-use-pad-txt {font-size: 16px; padding-left: 36px; line-height: 28px; color: #666; font-family: 'notokr-DemiLight';}

.eng-use-bottom {margin-bottom: 40px;}
.eng-use-bottom2 {margin-bottom: 30px;}
.eng-use-bottom3 {margin-bottom: 60px;}
.eng-use-b {color: #222; font-family: 'notokr-medium';}
.eng-span-bk {display: block;}
.eng-use-tbl-top {margin-top: 10px;}

/*Learning*/
.ui-content .photo-area img {display: block; max-width: 100%;}
.ui-content .text-area .txt-group {display: table; width: 100%; padding: 50px 0; border-top: 1px solid #efefef}
.ui-content .text-area .txt-group:first-child {padding: 75px 0 50px 0; border-top: 0}
.ui-content .text-area .txt-group > .tit {display: table-cell; width: 490px; color: #202020; font-size: 26px;font-family: 'notokr-medium';}
.ui-content .text-area .txt-group > .tit:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
.ui-content .text-area .txt-group > .tit > span {float: left; display: inline-block; width: 40px; height: 40px; margin-right: 10px; line-height: 40px; text-align: center; color: #fff; font-size: 24px; font-family: 'notokr-medium'; border-radius: 100%; background-color: #000;}
.ui-content .text-area .txt-group > .tit > strong {float: left; width: calc(100% - 50px); font-weight: normal}
.ui-content .text-area .txt-group > .cont {display: table-cell; width: calc(100% - 490px); vertical-align: top;}
.ui-content .text-area .txt-group > .cont > ul li {display: table; width: 100%; margin-bottom: 20px}
.ui-content .text-area .txt-group > .cont > ul li:last-child {margin-bottom: 0}
.ui-content .text-area .txt-group > .cont > ul li > span {display: table-cell; width: 140px; color: #444444; font-size: 18px;}
.ui-content .text-area .txt-group > .cont > ul li > p {display: table-cell; width: calc(100% - 140px); font-family: 'notokr-DemiLight';}
.ui-content .text-area .txt-group > .cont > ul li > p.first {display: table;; width: 100%; font-size: 22px; color: #222222;font-family: 'notokr-medium'}

/*뷰페이지 공유하기 버튼*/
.share-ico a {margin-right: 10px}
.share-ico a.facebook img {width: 9px; height: 18px;}
.share-ico a.tw img, .share-ico a.google img {width: 18px; height: 18px;}

/*마이페이지*/
.join-step-cont {max-width: 890px}
.join-step-cont .join-input > li.first {width: 140px;}
.join-step-cont .join-input > li:last-child {width: calc(100% - 140px);}
.join-content .login-cont.type3 {max-width: 100%}

.sign-content {max-width: 1050px; margin: 0 auto; padding: 0 15px}

/*전체 예약 현황(View)*/
.all-view-box {background: #fff; padding: 60px;}
.all-view-main-tit {color: #202020; font-size: 26px; font-family: 'notokr-medium'; font-weight: normal;}
.all-view-tit {font-size: 32px; margin-bottom: 50px; text-align: center; color: #222; display: block; font-family: 'notokr-medium'; font-weight: normal; }
.all-view-area {margin-top: 20px;}
.all-view-table {width: 100%; border-collapse: collapse; display: block; border-bottom: solid 1px #cccccc; border-top: solid 2px #000000;}
table.all-view-table > tbody > tr > th {padding-left: 30px; background: #f8f8f8; border-bottom: solid 1px #efefef; border-right: solid 1px #efefef; font-family: 'notokr-regular';
    font-weight: normal; font-size: 16px; color: #202020; text-align: left;}
table.all-view-table > tbody > tr > td { font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; padding: 22px 0 22px 26px; border-bottom: solid 1px #efefef;}
.all-view-top {margin-top: 40px;}
.all-view-non-txt {font-size: 16px; color: #202020; font-family: 'notokr-regular'; text-align: center;}
.all-view-left-btn {float: left;}

/*At a Glance  */
.e-map-wrap {border-top: solid 2px #000000}
.e-map-wrap > img {width: 100%;}
.map-shape > li {margin-bottom: 26px;;}
.map-shape > li::after {content: ''; display: block; clear: both;}
.map-shape > li > span { width: 26px; height: 26px; border-radius: 100%; float: left; }
.map-shape > li > span.b-red {background: #ad001d;}
.map-shape > li > span.b-yellow {background: #e4c32c;}
.map-shape > li > span.b-green {background: #537f14;}
.map-shape > li > span.b-purple {background: #42225d;}
.map-shape > li > a {display: block; padding-left: 10px; float: left; width: calc(100% - 46px); font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color: #222222;}
.map-shape > li > a.on > p {font-size: 18px; display: inline-block; color: #222222; border-bottom: solid 1px #333333;padding-bottom: 2px;}

/*International Organizations  */
.org-box {max-width: 1440px; border-top: solid 2px #080808; box-sizing: border-box; margin: 0 auto; padding: 74px 110px;}
.org-title {text-align: center; font-family: 'notokr-light'; font-size: 42px; color: #202020; line-height: 60px; padding-bottom: 50px;}
.org-title > span {font-family: 'notokr-regular'; font-size: 52px; color: #202020; display: block;}
.org-box .ort-contents-box {padding-bottom: 26px; font-size: 16px; font-family: 'notokr-DemiLight'; color: #666666; line-height: 28px;}
.ort-contents-box > span {font-family: 'notokr-medium'; font-weight: normal; color: #222222; font-size: 24px;}
.org-box .ort-contents-box:last-child {padding-bottom: 0;}
.org-link-box {max-width: 1440px; width: 100%; box-sizing: border-box; margin: 0 auto; padding: 66px 110px 0 110px;}
.org-link-box::after {content: ''; display: block; clear: both;}
.org-link-box > li {float: left; width: 27.4%; margin-right: 8.8%; margin-bottom: 70px}
.org-link-box > li:nth-child(3n) {margin-right: 0;}
.org-link-box > li > a {display: block;}
.org-link-box > li > a > img {width: 100%; border: solid 1px #dddddd}
.link-contens > h4 {font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222; padding: 22px 0 11px 0; }
.link-contens > p {font-size: 16px; color: #666666; font-family: 'notokr-light'; }

/*ICOM  */
.icom-wrap {border-top: solid 2px #080808; padding-top: 75px; box-sizing: border-box; }
.pc-icom-img {display: block; text-align: left;}
.pc-icom-img > img {max-width: 100%; display: block;}
.pc-icom-img > img:last-child {padding-top: 58px; padding-bottom: 60px;}
.mobile-icom-img {display: none;}
.icom-contents {padding-bottom: 28px; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; line-height: 28px; padding-left: 38px; }
.icom-contents > span {font-family: 'notokr-medium'; font-weight: normal; font-size: 24px; color: #222222;}
.icom-side > li {margin-bottom: 30px;}
.icom-side > li > p {font-family: 'notokr-medium'; font-weight: normal; font-size: 18px; color: #222222; padding-bottom: 4px;}
.icom-side > li > a {display: block;font-family: 'notokr-medium'; font-weight: normal; font-size: 16px; color: #3f89dd; }

/*Directors Meeting of National Museums  */
.directors-wrap {max-width: 1440px; margin: 0 auto; border-top: solid 2px #000000; box-sizing: border-box;}
.directors-box {padding: 60px 0 120px 0;}
.directors-box::after {content: ''; display: block; clear: both;}
.directors-box > li {float: left;}
.directors-box > li:first-child {width: 340px;}
.directors-box > li:last-child {width: calc(100% - 400px); padding-left: 60px;}
.directors-img-box {width: 340px; box-sizing: border-box; padding: 46px; background: #f8f8f8;}

/* Asian National Museums Association (ANMA) */
.directors-img-box > img {display: block; margin-bottom: 10px;}
.icom-contents-list > p {font-family: 'notokr-medium'; font-size: 24px; color: #222222; padding-bottom: 15px;}
.anma-list-contents > li::after {content: ''; display: block; clear: both;}
.anma-list-contents > li {margin-bottom: 24px;}
.anma-list-contents {padding-left: 5px;}
.anma-list-contents > li > span {float: left; font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; padding-left: 12px;}
.anma-list-contents > li > i {float: left; width: 2px; height: 2px; background: #202020; margin-top: 12px}
.icom-contents-list {padding-left: 38px;}
.pc-association {display: block;}
.mobile-img-asscaiation {display: none;}

/* Virtual Collection of Asian Masterpieces */
.icom-contents.pd {padding-left: 0;}

/* 2022 02 */
/* 유효성 검사 및 번호인증 추가 */
.phone-area {position: relative;}
.phone-area .btn {position: absolute; right: 120px; top: -10px;}

.check-box {width: 75%; background-color: #fff; border-radius: 5px; border: 1px solid #ddd; padding: 22px 20px; margin-top: 25px; position: relative;}
.check-box::before {content: ''; display: block; position: absolute; background-image: url(/ux/content/images/common/ico/box-ico.png); width: 81px; height: 23px; top: -23px; left: 50%; transform: translateX(-50%);}
.check-box ul li {padding-left: 22px; position: relative;}
.check-box ul li.off {color: #666;}
.check-box ul li.off::before {content: ''; display: block; position: absolute; background-image: url(/ux/content/images/common/ico/ico-off.png); width: 11px; height: 10px; left: 0; top: 5.5px;}
.check-box ul li.on {color: #268e6c;}
.check-box ul li.on::before {content: ''; display: block; position: absolute; background-image: url(/ux/content/images/common/ico/ico-on.png); width: 11px; height: 10px; left: 0; top: 5.5px;}
.check-box ul li.caution {color: #d7373f;}
.check-box ul li.caution::before {content: ''; display: block; position: absolute; background-image: url(/ux/content/images/common/ico/ico-caution.png); width: 9px; height: 9px; left: 0; top: 5.5px;}

.complete-wrap {padding: 70px 40px 70px 20px; border-top: 2px solid #000000; background-color: #f8f8f8; text-align: center; color: #222;}
.complete-wrap .check-ico {background-image: url(/ux/content/images/common/ico/check-ico.png); width: 42px; height: 31px; display: inline-block;}
.complete-wrap .tit {font-size: 42px; letter-spacing: -0.4px; margin-bottom: 20px;}
.complete-wrap p {font-size: 24px; letter-spacing: -0.4px; font-weight: 300;}
.complete-wrap p em {font-weight: 600;}

/* 2024-11-15 */
.new_view_select_month { text-align: center; font-size: 22px; font-weight: bold; display: block; color: #000; border-top: 1px solid #000; background-color: #f8f8f8; padding: 10px }

#newCalWrap { width: 100%; max-width: 830px; padding: 20px; margin-top: 20px; border: 1px solid #e0e0e0; box-sizing: border-box; }
#newCalWrap * { box-sizing: border-box }
#newCalWrap .ui-datepicker .ui-datepicker-header { background-color: transparent; font-size: 20px; border: none }
#newCalWrap .ui-widget.ui-widget-content { width: 100%; border: none; }
#newCalWrap thead tr { border-radius: 20px; background-color: #efefef }
#newCalWrap thead th:first-child { color: #c25f36 }
#newCalWrap thead th:last-child { color: #3f4474 }
#newCalWrap .ui-state-default,
#newCalWrap .ui-widget-content .ui-state-default,
#newCalWrap .ui-widget-header .ui-state-default,
#newCalWrap .ui-button { border: none; background-color: transparent }
#newCalWrap .ui-state-default { padding-bottom: 25px; position: relative; border: 3px solid transparent !important;}
#newCalWrap a { display: block; text-align: center }
#newCalWrap #dotZone { display: flex; justify-content: center; font-size: 14px; align-items: center; position: absolute; left: 0; bottom: 5px; width: 100%}
#newCalWrap .ui-datepicker-next { background: url(../images/common/ico/ic_new_cal_next.png) no-repeat center center / contain }
#newCalWrap .ui-datepicker-prev { background: url(../images/common/ico/ic_new_cal_prev.png) no-repeat center center / contain }
#newCalWrap .ui-datepicker-next .ui-icon,
#newCalWrap .ui-datepicker-prev .ui-icon { display: none;}
#newCalWrap .ui-datepicker-header .ui-corner-all { width: 30px; height: 30px; top: 50%; transform: translateY(-50%)}
#newCalWrap .ui-datepicker-current-day .ui-state-active { color: #000; border: solid 3px #3f0b9f !important; border-radius: 10px}

#newCalWrap .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
}

.new_exhibition_info { padding: 20px; background-color: #efefef; max-width: 830px; box-sizing: border-box; margin-top: 30px }
.new_exhibition_info h2 { font-size: 24px; color: #3f0b9f; text-align: center; margin-bottom: 10px }
.new_exhibition_info .inner { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 5px; font-size: 14px; align-items: stretch; }
.new_exhibition_info .inner p { width: 33.33%; text-align: center; display: flex; align-items: center; justify-content: center;}
.new_exhibition_info .inner p span { margin-right: 3px; flex-shrink: 0;}
.eng { color: #900118; font-size: 18px }
.chn {color: #148bb5; font-size: 16px }
.jpn {color: #888888; font-size: 18px }

@media all and (max-width: 767px) {
    .new_exhibition_info .inner p { width: 100%}
}
@media all and (max-width: 500px) {
    #newCalWrap { padding: 0}
    #newCalWrap .ui-datepicker-title { font-size: 20px !important; margin: 0; width: 100%; display: flex; align-items: center; justify-content: center; }
    #newCalWrap th, #newCalWrap td { font-size: 14px}
    #newCalWrap #dotZone li { font-size: 12px}
    #newCalWrap #dotZone .chn { font-size: 10px}
    .new_exhibition_info h2 { font-size: 18px}
    .new_exhibition_info .inner p .jpn,
    .new_exhibition_info .inner p .eng,
    .new_exhibition_info .inner p .chn { font-size: 14px}
}

/*****************************************************************************************************************/
@media all and (max-width: 1500px) {
    /*주요특징*/
    .major-img-content > li { margin-right: 1%; }
    .major-img-content > li > img {height: auto; min-height: 235px;}
    .major-img-content > li:first-child {width: 33.6%; }
    .major-img-content > li:nth-child(2) {width: 23.1%; }
    .major-img-content > li:last-child {width: 41.1%; margin-right: 0;}

    /*큐레이터와의 대화 상세*/
    .annual-btn.view {padding-left: 1%;}

    /*큐레이터와의 대화 리스트*/
    .annual-btn > li:first-child {width: auto !important;}
    .annual-btn > li.curator {width: auto !important;}
    .annual-btn > li:last-child {width: auto !important;}
    .annual-btn > li:first-child > a {width: 100px;}
    .annual-btn > li:last-child > a {width: 100px;}

    /*수장고소개*/
    .depth-tit-other {font-size: 1.33vw !important;}
    h4.depth-tit-other.next {margin-bottom: 1.33vw;}
    .depth-img-top {margin-top: 3.2vw;}

    /*예약하기*/
    .booking-list-area > li > button {height: 33.33vw; min-height: 22vw; padding: 2.66vw 2vw 1.33vw 2vw;}

    /*eng추가CSS*/
    .eng-booking-txt {margin-top: 30px;}
    .eng-booking-txt > li {font-size: 16px; padding-left: 14px; margin-bottom: 15px; font-family: 'notokr-DemiLight'; color: #666; text-align: left; position: relative;}
    .eng-booking-txt > li:before {position: absolute; top: 12px; left: 0; width: 2px; height: 2px; content: ''; background: #202020; }
    .eng-hover-booking-txt {padding: 0 40px;}
    .eng-hover-booking-txt > li {font-size: 16px; padding-left: 14px; margin-bottom: 15px; font-family: 'notokr-DemiLight'; color: #aaa; text-align: left; position: relative;}
    .eng-hover-booking-txt > li:before {position: absolute; top: 12px; left: 0; width: 2px; height: 2px; content: ''; background: #dfdfdf; }
    .eng-booking-top {padding-top: 40px;}
    .eng-booking-bottom {padding-top: 100px;}
    .booking-list-area > li > button:hover > .eng-booking-txt > li {color: rgba(0, 0, 0, 0.92);}

    /*Exchange Programs*/
    .eng-national-box1.eng-pro-box1 {padding: 0 15px;}
    .eng-pro-link-box {background: #f8f8f8;}
    .org-link-box.eng-pro-link-box > li {width: 27.8%; margin-right: 8.1%;}
    .org-link-box.eng-pro-link-box {padding: 4.4vw 7.33vw 4.66vw 7.33vw;}
    /*66 110 70 110*/
    .link-contens.eng-pro-txt > h4 {font-size: 1.4vw; padding: 1.46vw 0 0.73vw 0;}
    .eng-pro-txt h4 i {width: 0.8vw; height: 1.53vw; padding-left: 1.06vw; display: inline-block; background: url('/ux/content/images/common/btn/btn_eng_right_btn.png') no-repeat center;
        background-size: 0.8vw 1.53vw; vertical-align: middle;}

}

@media all and (max-width: 1440px) {

    /*Regional National Museums*/
    .eng-national-img-box { padding: 20px 5% 0 50px;}

    /*예약하기*/
    /*eng추가CSS*/
    .eng-booking-top {padding-top: 0px;}
}

@media all and (max-width: 1400px) {
    /*역사의 길*/
    .permanent-info-title.history > br {display: none;}
    .permanent-info-title.history { padding: 0 0px 60px 0;}
    .board-list-header.history {width: calc(100% - 350px); float: left; margin-right: 20px}
    .board-list-header-history {width: 330px;float: left;}

    /*외국박물관 소장 한국문화재*/
    .new-title-type > br {display: none}
    .intro-title2 > br {display: none}

	/*인사말20250812*/
	.intro-info-areaN>li:first-child{width: 400px;}
	.intro-info-areaN>li:last-child{width: calc(100% - 400px);}


    /*정보공개(정보공개제도안내)*//*Policies on Private Viewing*/
    .insti-main-img {padding: 40px 120px 0 70px;}
    .insti-main-img.eng-insti-main-img2 {padding: 40px 120px 0 70px;}
    .insti-main-img.eng-insti-main-img3 {padding: 40px 120px 0 70px;}
    /*수장고소개*/
    .paintings-area .paintings-txt {width: calc(100% - 35vw);;}
    .paintings-area .paintings-img {width: 26.57vw; padding-left: 8.43vw;}
    .paintings-area .paintings-img img {width: 100%;}

    /*수장고 현황*/
    .status-content > li {width: 31%; margin-right: 3%;}
    .status-content > li > .status-part-info > li > strong {width: 100px; font-size: 14px}
    .status-content > li > .status-part-info > li > p {font-size: 15px}
    .status-content > li > .status-part {width: 70px; font-size: 20px}
    .status-content > li > .status-part > span {font-size: 32px;}

    /*문화유산표준관리시스템*/
    .system-left > p > br {display: none;}
    .system-left {width: calc(100% - 330px);}
    .system-title {width: 200px;}
    .system-info {width: calc(100% - 200px);}

    /*분야(금속보존)*/
    .metal-non-num {font-size: 1.17vw; margin-top: 1.42vw; }
    .metal-num {margin-top: 1.42vw;}
    .metal-num > li:nth-child(1) {font-size: 1.07vw; width: 1.85vw; height: 1.85vw; margin-right: 0.6vw; border-radius: 100%; line-height: 1.85vw;}
    .metal-num > li:nth-child(2) {font-size: 1.17vw; width: calc(100% - 2.71vw); line-height: 1.85vw;}

    /*분야(목제)*/
    .wood-main-txt-p2 {padding-right: 25px;}

    /*큐레이터와의 대화*/
    .curator-list-content > li:first-child {width: 242px;}
    .curator-list-content > li:last-child { width: calc(100% - 242px);}

    /*예약하기*/
    .booking-list-area > li > p > br {display: none;}
    .booking-list-area > li > p {word-break: keep-all;}
    .booking-list-area > li > .booking-title {font-size: 22px;}
    .booking-detail > p {padding: 20px 0 50px 0;}
    .booking-detail > p > br {display: none;}

    /*예약완료*/
    .completion-info > li { padding: 80px 15px 40px 0;}

    /*전시 상설전시*/
    .digital-img-area.showroom .over .abcdefg1 {font-size: 1.38vw; margin: 3.47vw 0 0.69vw 0;}
    .digital-img-area.showroom .over .abcdefg2 {font-size: 3.3vw;}

    /*리스트에 이미지나오는것 높이값 */
    .img-list-type1 > li .img-box {position: relative; min-height: 31.25vw;}
    .annual-list > li .annual-box .img-box {position: relative; min-height: 31.25vw}

    /*온라인 전시관*/
    .centralmuseum-area > li > .item > .vr-list {padding: 0 7.63vw}

    /*발자취*/
    .footprint-title-box > li > p {font-size: 4.28vw}
    .footprint-explanation-area {padding: 5.71vw 0 0 0.5vw;}
    .footprint-title-box > li:last-child { padding: 0 1.07vw; margin-left: 3.14vw; top: 0.64vw; font-size: 1.42vw; line-height: 3.57vw;}
    .footprint-explanation-area > p {font-size: 1.71vw; line-height: 2.57vw; padding-bottom: 1.92vw;}
    .footprint-explanation-area > p:last-child, .footprint-explanation-area > .eng-explanation-txt { font-size: 1.28vw; line-height: 2.14vw;}
    .footprint-title-area > li:first-child {width: 260px; text-align: center;}
    .footprint-title-area > li:last-child {width: calc(100% - 260px); padding-left: 0px; }

    /*Contact Us eng추가CSS*/
    .rule-box-all > div {height: 35vw; margin: 0 4.1666% 4.28vw 0;}
    .rule-text-box {padding: 2.14vw 2.85vw 0 2.85vw;}
    .rule-box-all > div:last-child.eng-contact-last-box {height: 18.57vw;}
    .eng-contact-img { width: 5.28vw;}
    .eng-contact-txt > li {margin-bottom: 1.42vw;}
    .eng-contact-txt > li > strong { font-size: 1.14vw; width: 6.42vw;}
    .eng-contact-txt > li > p { font-size: 1.14vw; width: calc(100% - 6.42vw);}
    .rule-box-title {font-size: 1.71vw; line-height: 2.57vw; padding-bottom: 1.42vw; margin-top: 1.42vw;}
    /*Information eng추가CSS*/
    .rule-box-all.eng-info-box-all > div {height: 24.28vw;}
    .eng-info-txt { font-size: 1.14vw; line-height: 2vw;}

}

@media all and (max-width: 1350px) {
    /*관람전시관 관람 예약 로그인*/
    .loging-input {width: 32%;}
    .loging-input2 {width: 30%; margin-left: 2%}
}

@media all and (max-width: 1300px) {
    /*학예사자격증안내(관계 법령 안내)*/
    .statute-box-title {font-size: 1.84vw;}
    .statute-box-all > div {width: 32.6388%; margin-right: 1.0416%;}
    .statute-txt {padding: 40px 0 40px 10px; background: #f8f8f8;}
    .statute-txt > p {font-size: 14px; padding-left: 5px;}

    /*인사말*/
    .intro-title2 > br {display: none;}
    .intro-info-area > li:first-child {width: 350px;}
    .intro-info-area > li:last-child {width: calc(100% - 350px);}

    /*ì—°ë³´*/
    .annual-list > li {width: 22.7%; margin-right: 3%; min-height: 110%}
    .annual-btn > li:first-child {width: 100px;}
    .annual-btn > li:last-child {width: 100px;}
    /*논문투고*/
    .paper-left-main {float: left; width: calc(100% - 300px);}
    .paper-aside {width: 270px; margin: 72px 0 0 30px;}
    .treatiseauthor .m-sFull {width: 100% !important;}

    /*sub content*/
    .sub-left-content {float: left; width: calc(100% - 300px);}
    .sub-aside {width: 270px; margin-left: 30px;}
    .sub-aside .aside-list > li {padding: 15px 20px}
    .sub-aside h4.depth-tit-2 {padding-left: 20px;}

    /*분야(박물관 환경)*/
    .env-img {float: left; max-width: 250px; width: 100%;}
    .env-img-txt {float: right; width: calc(100% - 250px); padding-left: 15px; box-sizing: border-box; }

    /*전시안내앱*/
    .inform-float > div:nth-child(1) {width: calc(100% - 28.46vw); padding-right: 1.53vw;}
    .info-side {padding: 3.23vw 0;}
    .info-side > img {width: 13.69vw; margin: 3.38vw 0 1.84vw 0;}
    .info-side > h4 {font-size: 1.84vw;}
    .inform-float > div:nth-child(2) {width: 28.46vw;}
    .info-sied-link > li:first-child > a > img {margin: 0 0.53vw 0 3.61vw;}
    .info-sied-link > li > a > img {width: 9.84vw;}
    /*추가 및 변경 CSS 20211124 - 제페토 (큐아이와 동일)*/
    .info-side .img2 {width: 23.69vw; margin: 0.38vw 0 0.84vw 0;}
    .info-side2 {padding: 3.23vw 0; margin-top: 30px;}
    .info-side2 > h4 {font-size: 1.84vw;}
    .info-side2 > video {width: 43.69vw; height: 100%; margin: 1.84vw 0 0.84vw 0;}

    /*20240425 - 전시안내앱 QR 변경*/
    .info-side3 {padding: 3.23vw 0; margin: 0px;}
    .info-side3 > img {width: 13.69vw; margin: 3.38vw 0 1.84vw 0;}
    .info-side3 > h4 {font-size: 1.84vw;}
    .info-side3 .info-sied-link > li:first-child > a > img {margin: 0 0.53vw 0 3.61vw;}
    .info-side3 .info-sied-link > li > a > img {width: 9.84vw;}

    /*외국박물관 소장 한국문화재*/
    .tab-type1.exhiforeign {width: calc(100% - 310px);}
    .page-tab-type1.exhiforeign > .side-exhiforeign {width: 250px; margin-left: 30px;}
    .page-tab-type1.exhiforeign > .exhiprovincial-list {width: calc(100% - 310px);}
    .img-box-exhiprovincial {width: 300px; height: 200px;}
    .img-box-exhiprovincial .swiper-slide {height: 200px}
    .exhiprovincial-txt {width: calc(100% - 300px); padding: 10px 0 0 20px}
    .exhiprovincial-list-info0 {font-size: 26px;}
    .exhiprovincial-list-info1 {font-size: 17px;}
    .exhiprovincial-over {margin-top: 20px;}

    /*디지털실감 인트로 2021.4.14*/
    .digital-floor-img-section > li > div {float: left;}
    .digital-intro-section-img {width: calc(100% - 200px);}
    .digital-intro-section-img img {width: 100%; display: block;}
    .digital-intro-floor-txt {vertical-align: top; padding: 20px 0 0 10px; width: 190px;}

}

@media all and (max-width: 1200px) {

    /* 분야(문화재 분석의 실제 예)*/
    .anal-right {padding-right: 45px;}

    /*분야(금속보존)*/
    .role-right-con {width: 300px;}

    /*학예사자격증안내(경력인정 대상기관 안내)*/
    .career-left-con {width: calc(100% - 350px); margin-right: 20px; padding-top: 80px; border-top: 1px solid #ddd;}
    .career-right-con { width: 330px; padding-top: 80px; border-top: 1px solid #ddd;}
    .career-table-title {display: table-cell; width: 200px; padding-right: 38px; box-sizing: border-box;}
    .career-table-txt {display: table-cell; width: calc(100% - 200px);}

    /*정보공개(정보공개제도안내)*//*Policies on Private Viewing*/
    .insti-main-img, .eng-insti-main-img2, .eng-insti-main-img3 { height: 25.08vw; padding: 3.33vw 0 0 3.33vw;}
    .insti-main-img > strong {font-size: 3.5vw;}
    .insti-main-img > p {font-size: 1.33vw; line-height: 2vw; margin-top: 3.33vw; width: 425px}

    /*인사말*/
    .intro-info-area > li:last-child {padding: 52px 0 0px 40px;}

    /*발자취*/
    .footprint-title-area {padding: 50px 30px 40px 0;}
    .footprint-title-area > li:first-child {width: 280px;}
    .footprint-title-area > li:last-child {width: calc(100% - 280px); padding-left: 0;}
    .footprint-year-area > li > h4 {text-align: center; width: 280px;}
    .footprint-year-area > li > .footprint-year-info {width: calc(100% - 280px); padding: 60px 0 0 0px;}
    .footprint-title-box > li:last-child { margin-left: 20px;}

    /*건축개요*/
    .summary-title {padding: 15px 0 15px 30px;}
    .summary-contents-box > strong {width: 320px;}

    /*층별상세*/
    .floor-map-area > li:first-child {width: calc(100% - 300px); }
    .floor-map-area > li:last-child {width: 300px;}
    .floor-map-info > h3 {font-size: 40px;}
    .floor-map-info > p {font-size: 22px;}
    .floor-info > li > p {font-size: 16px;}

    /*전시 해설 예약*/
    .comm-tab > li > a > p.on {width: 302px;}
    .comm-tab > li {width: 300px;}
    .comm-tab > li > a > p {width: 300px; font-size: 18px; padding-top: 30px;}
    .tab-type1 ul.comm li > a {padding: 20px 20px; font-size: 18px;}

    /*큐레이터와의 대화*/
    .curator-list-content > li:first-child {width: 190px;}
    .curator-list-content > li:last-child {width: calc(100% - 190px); padding-left: 20px;}
    .curator-list-box > li {margin-right: 1%; width: 49%; margin-bottom: 0;}
    .annual-btn > li.curator {width: 80px;}
    .annual-btn > li:first-child > a {width: 80px;}
    .annual-btn > li:last-child > a {width: 100px;}

    /*관람전시관 관람 예약 비로그인*/
    .calendar-choice-box > li:first-child {width: 450px;}
    .calendar-choice-box > li:last-child {padding-left: 20px;width: calc(100% - 450px);}
    .input-list > li > span.eng-inpu-list-span:first-child {width: 160px; vertical-align: middle;}
    table.calendar-tbl > thead > tr > th > a > img.cald-next {margin-left: 2px;}
    table.calendar-tbl > thead > tr > th > a > img.cald-prev {margin-right: 2px;}

    /**************************20201221**********************************/
    /*Maps(eng)*/
    .eng-maps-txt {font-size: 1.5vw;}

    /*Conservation Science International Exchanges*/
    .eng-conser-exc-title {font-size: 28px;}
    .eng-conser-exc-img {width: 450px; vertical-align: bottom;}
    .eng-conser-exc-img-txt { font-size: 15px; line-height: 22px; width: calc(100% - 770px); padding: 0 0 0 10px;}
    .eng-conser-exc-img-box > div {width: 220px; margin-right: 10px;}

    /*Specialist Exchange: China*/
    .eng-china-m-img {display: none;}
    .eng-pro-table-box {margin: 50px 0 100px;}
    .eng-pro-china-year-box {display: table; width: 100%;}
    .eng-china-year {display: table-cell; font-size: 38px; width: 260px; padding-right: 40px; color: #970119; font-family: 'NanumSquare'; font-weight: 700; vertical-align: top;}
    .eng-china-img {display: table-cell; width: calc(100% - 300px);}

    /*온라인 전시관 2021.03.26*/
    .central-left {width: calc(100% - 350px); float: left;}
    .central-right {width: 330px; margin-left: 20px; float: right}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    /*Learning*/
    .ui-content .text-area .txt-group > .tit {width: 400px;}
    .ui-content .text-area .txt-group > .cont {width: calc(100% - 400px);}

    /*International Organizations  */
    .org-box {padding: 66px 20px;}
    .org-link-box {padding: 66px 20px 0 20px;}

    /*Directors Meeting of National Museums  */
    .directors-box > li:first-child {width: 340px;}
    .directors-box > li:last-child {width: calc(100% - 360px); padding-left: 20px;}

}

@media all and (max-width: 1100px) {
    /*시설개요*/
    .general-content-title {width: 170px;}
    .general-part > ul > li:first-child {width: 250px;}
    .general-part > ul > li:last-child {width: calc(100% - 250px); padding-left: 0;}

    /*보존과학(역할)*/
    .role-other-left {width: 300px;}
    .role-other-right {width: calc(100% - 300px);}

    /*큐레이터와의 대화*/
    .annual-btn > li:first-child > a {width: 80px;}
    .annual-btn > li:last-child > a {width: 90px;}
    .show-list > li .info .info-list > li strong.curator {vertical-align: inherit;}
    .curatro-view-box > li {width: 50%; margin-right: 0;}

    /**************************20201221**********************************/
    /*관람·편의시설(편의시설 연락처)*/
    /*편의시설 연락처 테이블*/
    .facil-table-title {display: table-cell; vertical-align: middle; width: 200px; padding-right: 35px; text-align: center;}
    .facil-table-txt {display: table-cell; width: 345px; padding-right: 65px;}

    /*Organization*/
    .eng-organi-txt > li { float: left; width: 28%; margin-right: 4%;}
    .eng-organi-txt > li > p > a.btn-middle {font-size: 16px;}

}

@media all and (min-width: 992px) and (max-width: 1390px) {
    /*포토게시판 리스트 형식 type1*/
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.img-box-type1 {display: table-cell; width: 270px; height: 157px; padding-right: 20px;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l {display: table-cell; width: calc(100% - 620px); vertical-align: middle;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li span {font-size: 18px}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li strong {font-size: 16px;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l a {font-size: 22px; margin: 10px 0}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r { width: 350px; font-size: 16px;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r .receipt-txt {font-size: 20px;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r > span {margin-left: 0; width: 33.3%; float: left;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r .br {display: block}

    /*포토게시판 뷰 형식 type1*/
    .board-view-type1 .outview-img-box {width: 32.87vw; margin-right: 3.74vw;}
    .board-view-type1 .outview-txt-box {width: calc(100% - 36.61vw);}
    .board-view-type1 .outview-tit-box {width: 32.87vw; margin-right: 3.74vw;}

    /*예약하기*/
    .apply-content .step-box .inpt {max-width: 60px; margin: 0 10px;}
    .apply-content .step-box .btn-delete {vertical-align: middle; margin-left: 10px;}

}

@media all and (max-width: 1220px) {
    /*소장품 열람*/
    .board-list-content .board-list-tbody .reading-content-area.bg > li:first-child {float: left;width: calc(100% - 430px);padding: 30px 0px 30px 15px;}
    .board-list-content .board-list-tbody .reading-content-area.bg > li:last-child {width: 430px;}
    .board-list-content .board-list-tbody .reading-content-area > li:first-child {width: calc(100% - 300px);}
    .board-list-content .board-list-tbody .reading-content-area > li:last-child {width: 300px;}
    .reading-side-box > li { margin-left: 40px;}
    .board-list-content .board-list-tbody .reading-content-area.bg > li:last-child > img {width: 100%;}
    .reading-main-title2 {text-align: justify;}
    .reading-main-title2 > br {display: none;}

    /*영상관1*/
    .digital-side-title {padding-left: 42px; word-break: keep-all;}
    /*중·근세관*/
    .side-top-area > h5 {margin-left: 0}
    .side-showroom-title1 {margin-left: 0}
    .side-showroom-title2 {margin-left: 0}

    /*소식참여 > 소식지 > 박물관신문*/
    .mu-news-content .btn-m-line {min-width: 90px; padding: 9px 10px;}
}

@media all and (max-width: 1100px) {
    /*상설전시장 층별 안내*/
    .permanent-info-title > br {display: none;}

    /*정보목록 상세 팝업*/
    .popup-content-wrap {padding: 0 15px; box-sizing: border-box; }
    .popup-content { width: 98%;}

    /*층별상세*/
    .floor-map-area > li:first-child {width: calc(100% - 250px); }
    .floor-map-area > li:last-child {width: 250px;}
    .floor-map-info > h3 {font-size: 30px;}
    .floor-map-info > p {font-size: 18px;}
    .floor-info > li > p {font-size: 12px;}
}

/*************************************************모바일&태블릿*************************************************/
@media all and (max-width: 991px) {
    /*일반게시판 리스트 형식 type1*/
    .video video {width: 100%; height: 100%;}
    .board-list-type1 .board-list-content .board-list-thead {display: none;}
    .board-list-type1 .board-list-content .board-list-tbody {border-top: 2px solid #202020}
    .board-list-type1 .board-list-content .board-list-tbody > ul {display: block; padding: 45px 0; border-bottom: 2px solid #efefef;}
    .board-list-type1 .board-list-content .board-list-tbody > ul:last-child {border-bottom: 2px solid #ccc;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li {display: block; padding: 0; width: 100% !important; text-align: left;font-size: 26px; color: #666;
        position: relative}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-l {display: inline-block; padding: 0 20px; width: auto !important; text-align: left;font-size: 26px; color: #666; }
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-l:before {width: 1px; height: 22px; position: absolute; top: 7px; right: 0; content: ""; display: block;
        background: #ccc;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-l.f {padding-left: 0}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-l.last {padding-right: 0}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-l:last-child:before {display: none}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-hidden {display: none}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-list-l {width: auto !important; display: inline-block; position: relative; padding: 0 28px;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-list-l:before {width: 1px; height: 22px; position: absolute; top: 7px; left: 0; content: ""; background: #ccc;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-list-l.first:before {display: none;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-list-l.first {padding-left: 0}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.l {padding: 0}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li > a {display: block; color: #202020; font-size: 38px; line-height: 55px; padding: 15px 0}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.date {color: #888; clear: both;}

    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-list-l.m-state {float: right; text-align: right; padding: 0}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-list-l.m-state:before {display: none}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.date.result {text-align: right !important;}

    .board-list-type3 .board-list-content .board-list-tbody {border-top: 2px solid #222; margin: 40px 40px 0 40px;}
    .board-list-type3 .board-list-content .board-list-tbody > ul {display: block; width: 100%; padding: 60px 0;}
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l {width: 100%; display: block; padding-left: 0; }
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .subject {margin-bottom: 40px; font-size: 38px; line-height: 60px;}
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li {float: none; padding: 0; display: table; width: 100%; margin-bottom: 20px;}
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li:before {display: none}
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li > strong {display: table-cell; width: 190px;font-size: 26px;}
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li > span {display: table-cell; width: calc(100% - 190px); font-size: 26px;}
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-r {width: 100%; display: block; text-align: left;}

    /*게시판 검색 형식 type1*/
    .page-search-type1 {width: 100%; float: none;}
    .page-search-type1 input[type="text"] {width: 85%; height: 80px; padding-left: 20px; font-size: 22px;}
    .page-search-type1 input::placeholder {font-size: 22px;}
    .page-search-type1 .btn-util-search {position: absolute; top: 25px; right: 30px}
    .m-page-search-type1 {display: block; clear: both}
    .common-option-content {display: none !important}

    .board-list-total {margin: 80px 0 60px 0; font-size: 26px;}

    /*게시판 리스트 형식 footer*/
    .board-list-foot .allPage {display: none}

    /*pagenation*/
    .pagenation {display: none;}
    .m-pagenation {display: block;}
    .m-pagenation {margin-top: 60px; text-align: center}
    .m-pagenation a {display: inline-block; vertical-align: middle; margin-right: 35px;}
    .m-pagenation a.last {margin-right: 0}
    .m-pagenation .num {display: inline-block; margin-right: 35px; padding: 15px 65px;font-size: 48px; color: #666; line-height: 48px; vertical-align: middle; background: #f8f8f8;}
    .m-pagenation .num strong {color: #202020;}

    /*리스트에 이미지나오는것 높이값 */
    .img-list-type1 > li .img-box {min-height: 100%;}
    .annual-list > li .annual-box .img-box {min-height: 100%}
    .annual-list > li .annual-box .img-box > img, .img-list-type1 > li .img-box > img {position: relative; top: 0; left: 0; transform: none}

    /*교육행사*/
    .edu-content .tab-type1 > ul {width: 100%}
    .page-search-type1.detail-search {display: none}
    .edu-content .tab-type1 {display: block; float: none;}
    .edu-section {width: 100%; display: block; padding-top: 30px; padding-bottom: 60px; text-align: center; float: none;}
    .edu-section > span {display: block; font-size: 26px; margin-bottom: 15px;}
    .edu-section > strong {font-size: 30px;}
    .edu-section > .serverTime {font-size: 26px;}

    /*포토게시판 리스트 형식 type1*/
    .board-list-type2 {}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt {display: block; padding: 50px 0 70px 0;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.img-box-type1 {display: block; width: 100%; height: 100%; padding-right: 0; }
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l {display: block; width: 100%; padding: 40px 0 50px 0}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l a {font-size: 38px; margin: 40px 0}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li {padding-bottom: 15px;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li strong {width: 135px; font-size: 28px;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li span {width: calc(100% - 135px); font-size: 30px}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt .alt-apply > li { padding: 0 15px; font-size: 26px;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt .alt-apply > li:before {display: block; content: ""; width: 1px; height: 20px; background: #cccccc;
        position: absolute; top: 10px; left: 0}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r {display: block; width: 100%; font-size: 26px; text-align: left;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r:after {clear: both; display: block; overflow: hidden; content: ""; height: 0;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r > span {margin-left: 40px; color: #888;vertical-align: middle;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r > span.date {margin-left: 0}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r .receipt-txt {font-size: 32px; margin-left: 0; float: right; vertical-align: middle}

    /*포토게시판 뷰 형식 type1*/
    .board-view-type1 {}
    .board-view-type1 .outview-img-box {float: none; width: 100%; margin-right: 0;}
    .board-view-type1 .outview-txt-box {float: none; width: 100%;}
    .board-view-type1 .outview-img-box .outview {margin: 40px 0 90px 0}
    .board-view-type1 .outview-img-box .outview img {box-shadow: none}
    .board-view-type1 .outview-txt-box .alt-apply {margin-bottom: 35px;}
    .board-view-type1 .outview-txt-box .outview-text > strong {font-size: 55px;margin-bottom: 40px;}
    .board-view-type1 .outview-txt-box .outview-list > li {padding-bottom: 25px;}
    .board-view-type1 .outview-txt-box .outview-list > li strong {width: 150px; font-size: 24px;}
    .board-view-type1 .outview-txt-box .outview-list > li p {width: calc(100% - 150px); font-size: 24px;}
    .board-view-type1 .outview-txt-box .alt-apply > li {padding: 0 20px; font-size: 26px;}
    .board-view-type1 .outview-txt-box .alt-apply > li:before {display: block; content: ""; width: 1px; height: 20px; background: #cccccc;
        position: absolute; top: 8px; left: 0}
    .board-view-type1 .view-info-cont {padding: 80px 0;}
    .btn-outview-area {margin-top: 50px; text-align: center}
    .btn-outview-area .btn {padding: 0 0 20px 0; font-size: 46px; margin-right: 3%;}
    .btn-outview-area .btn:last-child {margin-right: 0}
    .btn-outview-area .r {float: none;}
    .btn-outview-area.flex-buttons { justify-content: center; gap: 10px 25px; }
    .relation-area {margin-top: 100px; border-top: 1px solid #ddd}
    .relation-area > ul > li {display: block; width: 100%; padding: 30px 0; border-bottom: 1px solid #efefef }
    .relation-area > ul > li strong {display: block; width: 100%; margin-bottom: 20px; color: #202020; font-size: 28px;}
    .relation-area > ul > li .relation-info {display: block; width: 100%; font-size: 28px;}
    .relation-area > ul > li .relation-info .swiper-slide {width: 298px; margin-right: 30px;}
    .relation-area > ul > li .relation-info .swiper-slide img {width: 100%;}
    .view-info .view-list {display: none;}
    .m-view-list {display: block;}
    .m-view-list .m-view-list-area > li {border-bottom: 1px solid #e6e6e6}
    .m-view-list .m-view-list-area > li:first-child {border-top: 2px solid #000}
    .m-view-list .m-view-list-area > li:last-child {border-bottom: 2px solid #cccccc}
    .m-view-list .m-view-list-area > li > strong {display: block; width: 100%; padding: 20px 0 40px 0; color: #202020; font-size: 28px; font-weight: normal;font-family: 'notokr-medium';}
    .m-view-list .m-view-list-area > li > ul > li {margin-bottom: 20px;}
    .m-view-list .m-view-list-area > li > ul > li:last-child {margin-bottom: 40px}
    .m-view-list .m-view-list-area > li > ul > li strong {display: inline-block; padding-right: 40px; color: #444444; font-size: 28px; font-weight: normal;
        font-family: 'notokr-medium';}
    .m-view-list .m-view-list-area > li > ul > li > p {display: inline-block; font-size: 28px; word-break: keep-all; font-family: 'notokr-DemiLight';}
    .m-view-list .m-view-list-area > li > ul > li > p.mt10 {font-size: 23px;}

    .board-view-type1 .outview-tit-box {float: none; width: 100%; margin-right: 0; padding: 0; border-top: none; box-sizing: border-box}
    .board-view-type1 .outview-tit-box .label-list {margin-bottom: 30px;}
    .board-view-type1 .outview-tit-box .outveiw-tit {margin-bottom: 50px; font-size: 62px;}
    .board-view-type1 .outview-tit-box .outview-list > li {margin-bottom: 15px;}
    .board-view-type1 .outview-tit-box .outview-list > li strong {width: 195px; color: #202020; font-size: 26px;}
    .board-view-type1 .outview-tit-box .outview-list > li p {width: calc(100% - 195px); font-size: 26px;}
    .board-view-type1 .outview-txt-box.collection {margin-top: 70px;}
    .board-view-type1 .outview-txt-box.collection .view-info {margin-top: 70px;}

    /*마이페이지 > 로그인*/
    .join-content {padding-top: 80px;}
    .join-content .login-cont {text-align: center; display: table; max-width: 100%}
    .join-content .login-cont i.ico-login {width: 160px; height: 160px; display: inline-block; vertical-align: top; background: url(/ux/content/images/common/ico/ico_login_img.png) no-repeat top;
        background-size: 160px;}
    .join-content .login-cont .login-txt {display: block; padding-left: 0; width: auto;}
    .join-content .login-cont .login-txt strong {margin: 100px 0 50px 0; font-size: 55px;}
    .join-content .login-cont .login-txt p {font-size: 28px;}
    .join-content .login-cont .login-txt .btn-area {margin-top: 90px}
    .join-content .login-info {margin-top: 60px; padding: 50px 60px; word-break: keep-all}
    .join-content .login-info > p {display: block; margin-bottom: 30px; padding-right: 0; font-size: 26px;}
    .join-content .login-cont .login-txt .btn-area a {margin-right: 15px;}

    .check-box {width: 80%;}

    /*예약하기*/
    .step-tit .m-bg-reserv {display: inline-block;}
    .step-tit .bg-reserv {display: none}
    .apply-content {padding: 70px 0; margin-top: 80px;}
    .apply-content .inner-apply-cont {padding: 0 40px;}
    .apply-content .step1-info .step1-area-l {float: none; width: 100%; margin-right: 0}
    .apply-content .step1-info .step1-area-r {float: none; width: 100%; margin-top: 70px;}
    .apply-content .step-tb-box {padding: 40px;}
    .apply-content .step-tb-box .step1-tit {margin-bottom: 35px;font-size: 42px;}
    .apply-content .select-t1 .select-box-type {width: calc(100% - 120px);}
    .apply-content .select-t1 .btn {margin-top: 0;}
    .apply-content .step-box {padding: 40px;}
    .apply-content .btn-area {margin-top: 50px;}
    .apply-content .btn-area > a {margin-left: 15px;}
    .input-list > li { padding-left: 30px; font-size: 28px; margin-bottom: 30px;}
    .input-list > li:before {position: absolute; top: 20px; left: 0; width: 4px; height: 5px; content: ""; background: #000;}
    .input-list > li > span:first-child {width: 210px;}
    .apply-content .step1-info .step1-area-r.step2 .input-list > li:before {top: 15px;}
    .apply-content .step2-info {clear: both; margin-top: 60px; padding-top: 50px; border-top: 1px solid #cccccc}
    .apply-content .step2-info .step2-area-l {float: none; width: 100%; margin-right: 0; margin-bottom: 70px;}
    .apply-content .step2-info .step2-area-r {float: none; width: 100%}
    .apply-content .step2-info:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
    .groupBox-area {margin-top: 80px;}
    .groupBox-area:last-child {margin-top: 80px;}
    .groupBox-area .groupBox {max-height: 600px; overflow-y: auto}
    .groupBox-area .groupBox > p {font-size: 26px; line-height: 40px}
    .groupBox ul li {line-height: 40px; font-size: 26px;}
    .agreeLbl {padding: 40px 30px;;}
    .agreeLbl .agreeLbl-txt > li {margin-bottom: 60px;}
    .agreeLbl .agreeLbl-txt > li:last-child {margin-bottom: 0}
    .agreeLbl .agreeLbl-txt > li span {margin-right: 15px; font-size: 26px}
    .agreeLbl .agreeLbl-txt > li span.txt {color: #222; display: block; margin-bottom: 20px;}
    .file-area a.ckbox-label {font-size: 26px;}
    .file-area p {line-height: 36px; margin-top: 35px;}
    .inner-apply-cont-2 {padding: 0 40px}
    a.ckbox-label.ckbox-label-2 {font-size: 26px;}
    .apply-btn {margin: 80px 0 100px 0}
    .apply-btn a {margin-right: 25px}
    .apply-content .step2-info.step3 {border-top: 0}
    .step3-tit {padding-top: 40px; max-width: 100%;}
    .step3-tit i.icon-ok {width: 155px; height: 155px;padding-right: 30px; vertical-align: middle;
        background: url(/ux/content/images/common/ico/ico_step3.png) no-repeat left center;background-size: 155px}
    .step3-tit p {width: calc(100% - 185px); font-size: 52px;line-height: 65px}

    /*온라인 전시관 2021.03.26*/
    .board-list-header.full.central-new-header {margin: 0 auto 0 auto;}
    .board-list-total.central-new-list-total {margin: 30px 0;}
    .centralmuseum-cont {display: flex; flex-direction: column;}
    .central-left {width: 100%; float: none; order: 2;}
    .central-right {width: 100%; margin-left: 0px; float: none; order: 1;}
    .central-new-box { /*border-bottom:2px solid #ddd;*/}
    /*20240308 페이징 위 라인 삭제*/
    .central-new-box > li {float: none; width: 100%; margin: 0 0 10% 0;}
    .central-new-img-box {background: #f7f7f7; height: 390px; position: relative;}
    .central-new-img-box a img {max-width: 100%; max-height: 390px; display: block; margin: auto;}
    .central-new-box > li:nth-child(2n-0) {margin: 0 0 10% 0;}
    .central-new-title {margin-top: 50px;}
    .central-new-title > .central-new-txt {font-size: 34px;}
    .central-new-title > .central-new-sub-txt {margin-top: 28px;}
    .central-new-title > .central-new-sub-txt span {font-size: 26px; padding: 10px 30px;}
    /*search*/
    .centralmuseum-search-type1 { width: 85%; height: 80px; padding-left: 30px; font-size: 26px !important;}
    .centralmuseum-search-btn {position: absolute; top: 28px; right: 46px; width: 30px; height: 30px;}
    .centralmuseum-check-box {margin-top: 40px; padding: 60px 0 80px 40px; display: none}
    .centralmuseum-search-box.pc {display: none}
    .centralmuseum-search-box.m {display: block;}
    .centralmuseum-check-box strong {display: none;}
    .centralmuseum-check-box ul li {margin-bottom: 40px;}
    .centralmuseum-check-box ul li:last-child {margin-bottom: 0;}
    .centralmuseum-m-check {display: block; font-size: 42px; margin-bottom: 40px; font-family: 'notokr-medium'; font-weight: normal; display: block; color: #222; position: relative;}
    .centralmuseum-m-check a i {width: 50px; height: 27px; background: url(../images/common/ico/ico_online_back.png) no-repeat center; display: inline-block; background-size: 50px 27px;
        position: absolute; right: 40px; bottom: 18px; }

    /*온라인 학습 영상 자료실*/
    .online-box {padding: 70px 0 40px 0}
    .online-box .online-info {display: block; }
    .online-box .online-info .tit {width: 100%; padding-right: 0; margin-bottom: 60px; display: block; }
    .online-box .online-info .tit:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
    .online-box .online-info .tit i.ico-online {float: left; width: 81px; height: 81px; margin-right: 40px; background: url(/ux/content/images/common/ico/ico_tit_img1.png) no-repeat left center;background-size: 81px}
    .online-box .online-info .tit p {margin-top: 0; width: calc(100% - 121px); float: left; display: inline-block; font-size: 56px; line-height: 80px;}
    .online-box .online-info .list {width: 100%; display: block; line-height: 36px;}
    .online-box .online-info .list > ul > li {margin-top: 30px;}
    .online-box .online-info .list > ul > li > span:first-child {width: 43px; height: 43px; margin-right: 30px; font-size: 26px; line-height: 43px;}
    .online-box .online-info .list > ul > li > span:last-child {width: calc(100% - 73px); font-size: 26px; }
    .online-btn { margin-top: 70px; text-align: center;}
    .online-btn a.down {margin-right: 0; margin-bottom: 50px;}
    .online-btn a.down i {width: 41px; height: 44px; background: url(/ux/content/images/common/ico/m_ico_down_off_img.png) no-repeat left center; background-size: 41px 44px}
    .online-btn a.youtube i {width: 48px; height: 34px;background: url(/ux/content/images/common/ico/m_ico_youtube_off_img.png) no-repeat left center; background-size: 48px 34px}
    .online-btn a.down:hover i {background: url(/ux/content/images/common/ico/ico_down_on_img.png) no-repeat left center; background-size: 41px 44px}
    .online-btn a.youtube:hover i {background: url(/ux/content/images/common/ico/ico_youtube_on_img.png) no-repeat left center; background-size: 48px 34px}
    .online-page-tab {margin-bottom: 100px;}
    /*영문 추가 CSS*/
    .online-box .online-info .list.eng-new-list ul > li {margin-top: 30px;}
    .online-box .online-info .list.eng-new-list ul > li > span:first-child {width: 43px; height: 43px; margin-right: 30px; font-size: 26px; line-height: 43px;}
    .online-box .online-info .list.eng-new-list ul > li > span:last-child {width: calc(100% - 73px); font-size: 26px; }
    .eng-new-list .reser-tit {margin-top: 20px; font-size: 30px; color: #222;}

    /*일반게시판 뷰 형식 type1*/
    .board-view-type2 .board-view-txt {float: none; width: 100%;}
    .board-view-type2 .board-view-txt .alt-apply > li {padding: 0 20px; font-size: 26px;}
    .board-view-type2 .board-view-txt .alt-apply > li:before {display: block; content: ""; width: 1px; height: 20px; background: #cccccc;
        position: absolute; top: 8px; left: 0}
    .board-view-type2 .board-view-txt .subject {margin: 40px 0 60px 0; font-size: 55px; line-height: 65px;}
    .board-view-type2 .board-view-txt .view-l > li {font-size: 26px; margin-right: 140px;}
    .board-view-type2 .board-view-txt .view-l > li strong {margin-right: 30px; font-size: 26px;}
    .board-view-type2 .board-view-txt .view-body {padding: 50px 0; margin-top: 50px; border-top: 4px solid #222; border-bottom: 2px solid #dddddd}
    .board-view-type2 .board-view-txt .view-body .viewStyle1 {font-size: 20px; padding: 80px 0;}
    .board-view-type2 .board-view-aside {width: 100%; margin-top: 100px; margin-left: 0; float: none; border-top: 1px solid #ccc}
    .board-view-type2 .board-view-aside .aside-list {}
    .board-view-type2 .board-view-aside .aside-list li {padding: 20px 0; }
    .board-view-type2 .board-view-aside .aside-list li strong {margin-bottom: 15px; font-size: 28px;}
    .board-view-type2 .board-view-aside .aside-list li.file {display: none;}
    .board-view-type2 .board-view-aside .aside-list li a { font-size: 28px;}
    .view-foot {margin-top: 70px;}
    .view-foot a.btn-view {font-size: 28px; }
    .view-foot .btn-view-prev {position: absolute; top: 0; left: 0}
    .view-foot .btn-view-prev i {width: 120px; height: 26px; display: block; content: ""; background: url(/ux/content/images/common/ico/m_ico_view_prev.png) no-repeat;
        background-size: 120px 26px;}
    .view-foot .btn-view-next i {width: 120px; height: 26px; display: block; content: ""; background: url(/ux/content/images/common/ico/m_ico_view_next.png) no-repeat;
        background-size: 120px 26px;}
    .view-foot .btn-view-next {position: absolute; top: 0; right: 0}
    .view-body .m-file {display: block;}
    .view-body .m-file strong {display: block;font-size: 28px; margin-bottom: 20px; color: #202020; font-weight: normal; font-family: 'notokr-medium';}
    .view-body .m-file > a {display: table; width: 100%; color: #666; font-size: 28px;}
    .view-body .m-file i.Icon-file-type1 {display: table-cell; width: 42px; height: 47px;padding-right: 30px;vertical-align: middle;
        background: url(/ux/content/images/common/ico/ico_down_black.png) no-repeat; background-size: 42px 47px;}
    .view-body .m-file span {display: table-cell; width: calc(100% - 72px); }
    .board-view-type2 .board-view-txt .view-body.type2 .viewStyle1 {padding-top: 0}
    /*eng추가CSS - 게시판 하단 마크 -*/
    .eng-board-view-bottom {display: block; padding: 60px 0 60px 0px; border-bottom: 2px solid #ddd;}
    .eng-board-view-bottom > img:nth-child(1) {display: none;}
    .eng-board-view-bottom > img:nth-child(2) {display: block; width: 100%; padding: 0 90px; margin: 0 auto; box-sizing: border-box;}
    .eng-board-view-bottom > div {display: block; font-size: 28px; line-height: 46px; padding: 60px 0 0 0;}

    /*교육 / 행사 list*/
    .inner-board-img-body {padding: 0}
    .show-list {margin-top: 50px;}
    .show-list > li {float: none; width: auto;margin: 0;padding: 80px 40px; border-bottom: 2px solid #e6e6e6}
    .show-list > li:first-child {padding-top: 0}
    .show-list > li:nth-child(3n+0) {margin-right: 0}
    .show-list > li .info {margin-top: 50px;}
    .show-list > li .info p {font-size: 26px; line-height: 38px;}
    .show-list > li .info a {margin-bottom: 36px; height: 115px;}
    .show-list > li .info a > strong {font-size: 38px;margin: 30px 0 40px 0;}
    .show-list > li .info .info-list > li {padding-bottom: 15px;}
    .show-list > li .info .info-list > li strong {width: 140px; font-size: 28px;}
    .show-list > li .info .info-list > li p {width: calc(100% - 140px); font-size: 28px; }
    .show-list > li .info.exhiprovincial {height: auto; min-height: auto !important}
    .img-list-type1 .info-area a > strong {font-size: 38px;margin: 30px 0 40px 0;}
    .img-list-type1 .info-area .info-list > li {padding-bottom: 15px;}
    .img-list-type1 .info-area .info-list > li strong {width: 140px; font-size: 28px;}
    .img-list-type1 .info-area .info-list > li p {width: calc(100% - 140px); font-size: 28px; }

    /*옵션 박스 type*/
    .common-option-content.type2 {display: block !important}
    .common-option-content.type2 .inner-detail-search {max-width: 100%;}
    .common-option-content.type2 .inner-option-content {padding: 0 40px;}
    .common-option-content.type2 .receipt-box {text-align: left;}
    .common-option-content.type2 .inner-detail-search input[type="text"] {width: 90%; height: 80px;font-size: 22px;}
    .common-option-content.type2 .inner-detail-search input::placeholder {font-size: 22px;}
    .common-option-content.type2 .inner-detail-search .btn-util-search {position: absolute; top: 25px; right: 30px}
    .common-option-content.type2 .receipt-box {margin-top: 30px;}
    .common-option-content.type2 .receipt-box > ul > li {margin-bottom: 20px; margin-right: 0; margin-top: 0; width: 49%;}

    /*큐레이터 추천 소장품*/
    .board-list-header.full {max-width: 100%; padding: 0;}

    /*카드 형식*/
    .board-list-type1 .board-list-content .board-list-tbody > ul > li .pdf_button {
        width: 90px;
        font-size: 26px;
        height: 40px;
        line-height: 38px;
        margin-top: 8px;
    }
    .board-list-card { /*border-bottom:2px solid #dddddd;*/ padding-bottom: 100px;}
    /*20240308 페이징 위 라인 삭제*/
    .border-none {border: 0}
    .board-list-card .card .txt {margin-top: 50px;}
    .board-list-card .card .txt strong {margin-bottom: 15px; font-size: 26px;}
    .board-list-card .card .txt strong.tit {margin-bottom: 30px;font-size: 38px; line-height: 50px;}
    .board-list-card .card .txt a {margin-bottom: 30px;font-size: 38px; line-height: 50px;}
    .board-view-type2 .board-view-aside .aside-tit {display: block; font-size: 42px; margin: 50px 0 40px 0;}
    .board-view-type2 .board-view-aside .aside-list .img-box {width: 170px; height: 170px; padding-right: 50px; display: table-cell; vertical-align: middle;}
    .board-view-type2 .board-view-aside .aside-list .txt-box {width: calc(100% - 220px);}
    .board-view-type2 .board-view-aside .aside-list .txt-box > span {font-size: 26px; margin-bottom: 20px;}
    .board-view-type2 .board-view-aside .aside-list .txt-box > p {font-size: 30px;}
    .collection-search {float: none; margin-bottom: 25px;}
    .radio-list {float: none; width: 100%; line-height: 100%; text-align: left}
    .radio-list li {display: inline-block; margin-right: 20px;}
    .thumbs-area {display: none;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.l > p {
        display: block;
        color: #202020;
        font-size: 38px;
        line-height: 55px;
        padding: 15px 0;
    }
    /*소장품 검색*/
    .board-view-type1 .view-info .view-info-cont-t1 p {font-size: 26px; line-height: 42px;}
    .board-view-type1 .view-info .view-info-cont-t1 .btn-3d i {width: 32px; height: 35px; background: url('/ux/content/images/common/ico/ico_3d_img.png') no-repeat center;
        background-size: 32px 35px;}
    .board-view-type1 .view-info .view-info-cont-t1 .btn-curator i {width: 32px; height: 35px; background: url('/ux/content/images/common/ico/ico_curator_img.png') no-repeat center;
        background-size: 32px;}
    /*소장품 확대*/
    .gallery-top .research-link {left: 50%; margin-left: -174px; bottom: -90px;}
    .gallery-top .swiper-slide {height: calc(100% - 90px);}

    /*공공누리*/
    .codeCopyright {padding: 80px 0 50px 0;display: none;}
    .codeCopyright img {display: block; height: auto; margin: 0 auto; padding: 0 60px; box-sizing: border-box }
    .codeCopyright img.new-img-opentype01 {width: 100%}
    .codeCopyright .txt {display: block; width: 100%; font-size: 28px; line-height: 42px; margin-top: 40px;}

    /*새창 팝업*/
    .popup-inner {}
    .popup-inner > h1 > img {vertical-align: middle;}
    .popup-inner > h1 {font-size: 48px;}
    .popup-inner .popup-content {margin-top: 40px;}
    .popup-inner .popup-content .pop-desc > strong {margin-bottom: 25px; font-size: 32px; line-height: 48px;}
    .popup-inner .popup-content .pop-desc > .pop-txt {font-size: 26px; line-height: 36px;}
    .popup-inner .popup-content .popup-list li {margin-top: 30px;}
    .popup-inner .popup-content .popup-list ul li strong {font-size: 26px; line-height: 36px}

    /*소장품 열람*/
    .board-list-content .board-list-tbody .reading-content-area.bg > li:first-child {width: 100%; float: none;padding: 86px 48px 62px 40px;}
    .board-list-content .board-list-tbody .reading-content-area.bg > li:last-child {display: none;}
    .reading-content .reading-main-title {font-size: 56px; line-height: 96px;}
    .reading-content .reading-main-title2 {font-size: 28px; line-height: 42px;}
    .reading-content .reading-small-content {margin-top: 48px;}
    .reading-content .reading-small-content > li {display: block; margin-bottom: 16px;}
    .reading-content .reading-small-content > li > div {display: block;}
    .reading-content .reading-small-content > li > div:first-child {width: 100%}
    .reading-content .reading-small-content > li > div:last-child {width: 100%;}
    .reading-content .reading-small-content > li > div > h4 {font-size: 26px; line-height: 36px; margin-bottom: 5px;}
    .reading-content .reading-small-content > li > div > p {font-size: 26px; line-height: 36px;}
    .reading-content .reading-small-content {padding: 34px;}
    /* [S] 250425 퍼블수정 */
    .board-list-content .board-list-tbody .reading-content-area {padding: 0 !important;}
    .board-list-content .board-list-tbody .reading-content-area > li:first-child {float: none; width: 100% !important;border-top: 0; padding: 0}
    /* [E] 250425 퍼블수정 */
    .reading-body-title {border-top: solid 3px #222222}
    .board-list-content .board-list-tbody .reading-content-area > li:last-child {float: none; width: 100%; border-top: solid 2px #dddddd; padding: 70px 40px 0 40px; box-sizing: border-box;}
    .board-list-content .board-list-tbody .reading-content-area > li.line {border-top: 0; padding: 70px 40px 0 40px !important;}
    .reading-side-box > li {margin-left: 0;}
    .reading-body-title .reading-body-content > li {display: block; padding: 34px 0; border-bottom: solid 2px #eaeaea;}
    .reading-body-title .reading-body-content > li > div {display: block; width: 100% !important;}
    .reading-body-content-type1 > h4 {font-size: 32px; line-height: 55px;}
    .reading-body-content-type2 .reading-body-content-min {font-size: 26px; line-height: 52px;}
    .reading-body-title .reading-body-content > li > div:last-child {padding-left: 0; margin-top: 20px;}
    .reading-body-content {padding-top: 36px;}
    .reading-body-content-type2 .reading-body-content-min > li::before {width: 4px; height: 4px; margin-left: 6px;}
    .reading-side-box > li > h4 {font-size: 28px;}
    .reading-side-box > li > p {font-size: 28px; line-height: 42px;}
    .reading-side-box > li {border-bottom: 0;}
    .reading-side-box > li:last-child {margin-top: 20px; margin-left: 0;}
    .btn-lg.reading {font-size: 26px;}

    /*Global Excavation Projects Korea-Mongolia*/
    .eng-exca-total {padding-top: 60px;}
    .eng-exca-title {margin-bottom: 100px; padding: 0 40px; box-sizing: border-box;}
    .eng-exca-title > strong {font-size: 48px;}
    .eng-exca-sub-title {font-size: 36px; line-height: 46px; margin-top: 30px;}
    .eng-exca-sub-txt {font-size: 26px; line-height: 38px; margin-top: 80px;}
    .eng-exca-tab-box {padding: 0 40px;}
    .eng-exca-content {margin-top: 80px; padding: 0 40px 120px 40px; border-bottom: 2px solid #eaeaea; box-sizing: border-box;}
    .eng-exca-content > strong {font-size: 46px; margin-bottom: 50px;}
    .m-eng-exca-mongolia-img {display: block;}
    .eng-exca-mongolia-img {display: none;}
    .eng-exca-img-txt {font-size: 36px; line-height: 48px; margin-top: 80px;}
    .eng-exca-img-sub-txt {margin-top: 60px;}
    .eng-exca-img-sub-txt > li {font-size: 26px; margin-bottom: 50px; line-height: 38px;}
    .eng-exca-img-sub-txt > li:last-child {margin-bottom: 0;}
    .eng-exca-table > strong {font-size: 46px; margin-top: 110px; padding: 0 40px; box-sizing: border-box;}
    .eng-exca-table > p {font-size: 36px; margin: 50px 0 40px; padding: 0 40px; box-sizing: border-box;}
    .m-eng-exca-table {display: block; padding-bottom: 200px;}
    .pc-eng-exca-table {display: none;}
    table.general-tbl.m-eng-exca-table-tbl > thead > tr > th {border-bottom: solid 2px #efefef;}
    table.m-eng-exca-table-tbl > thead > tr > td {border-bottom: 2px solid #efefef; text-align: left; padding: 20px 0 20px 30px; font-size: 26px; font-family: 'notokr-DemiLight';}
    .eng-exca-point {padding-left: 20px;}
    .eng-exca-point:before {top: 18px; left: 0; width: 4px; height: 4px;}
    .eng-exca-point-bottom > p { margin-bottom: 30px;}
    .eng-exca-links {display: block; margin-top: 0px; padding: 120px 40px 0 40px; border-top: 2px solid #ccc; }
    .eng-exca-links > strong {font-size: 46px; margin-bottom: 60px; display: block; width: 100%;}
    .eng-exca-links > ul {display: block; width: 100%; }
    .eng-exca-links > ul > li {margin-bottom: 50px;}
    .eng-exca-links > ul > li > p {font-size: 30px; margin-bottom: 20px;}
    .eng-exca-links > ul > li > a {font-size: 28px;}
    /*table border 추가*/
    .eng-exca-table-bottom {border-bottom: 2px solid #ccc;}
    .eng-exca-table-none {border-bottom: none !important;}

    /*Conservation Science International Exchanges*/
    .eng-conser-main-img > img {width: 100%; display: block;}
    .eng-conser-img-title {font-size: 26px; padding: 20px 20px 80px 0; float: right;}
    .eng-conser-exc-top {margin-bottom: 50px; display: block;}
    .eng-conser-exc-top > li {display: block;}
    .eng-conser-exc-title {font-size: 46px; margin-bottom: 60px; width: 100%;}
    .eng-conser-exc-title > span {display: inline-block;}
    .eng-conser-exc-img {width: 520px;}
    .eng-conser-exc-img > img {width: 100%; display: block;}
    .eng-conser-exc-img-txt {font-size: 24px; line-height: 32px; width: 100%; padding: 20px 0 0 0;}
    .eng-conser-exc-txt {font-size: 36px; line-height: 48px; margin-top: 100px; margin-bottom: 50px;}
    .eng-conser-exc-info {padding-left: 0px;}
    .eng-conser-exc-info > li {display: block; width: 100%; margin-bottom: 40px;}
    .eng-conser-exc-info > li > strong {display: block; margin-bottom: 20px; width: 100%; font-weight: normal;}
    .eng-conser-exc-info > li > strong > span {font-size: 26px; padding-left: 20px;}
    .eng-conser-exc-info > li > strong > span:before {top: 18px; left: 0; width: 4px; height: 4px; }
    .eng-conser-exc-info > li > p {font-size: 26px; padding-left: 20px; width: 100%; display: block;}
    .eng-conser-exc-top2 {padding: 80px 40px 60px 40px; box-sizing: border-box; }
    .eng-conser-exc-img-box > div {float: none; width: 100%; margin-right: 0;}
    .eng-conser-exc-img-box > div > img {width: 100%; display: block;}
    .eng-conser-exc-img-box > p {font-size: 24px; margin-bottom: 20px; color: #666; font-family: 'notokr-DemiLight';}
    .eng-conser-exc-img-box > p:nth-child(2) {margin-top: 50px;}
    .eng-conser-exc-img-box > p:last-child {margin-bottom: 0;}

    /*Exhibitions and Workshops*/
    .eng-conser-content {border: 0; padding-bottom: 0;}
    .eng-conser-work-txt {font-size: 36px; margin-bottom: 60px; margin-top: 70px; }
    .eng-conser-work-txt > span {display: block; padding-top: 20px; font-size: 26px; padding-left: 0;}
    .eng-conser-work-info {padding-left: 0;}
    .eng-conser-work-info > li {display: block; margin-bottom: 20px;}
    .eng-conser-work-info > li > strong {display: block; margin-bottom: 20px; width: 100%; }
    .eng-conser-work-info > li > strong > span {font-size: 26px; padding-left: 20px;}
    .eng-conser-work-info > li > strong > span:before {position: absolute; top: 18px; left: 0; width: 4px; height: 4px;}
    .eng-conser-work-info > li > p {font-size: 26px; padding-left: 20px; width: 100%; display: block;}
    .eng-conser-work-box {display: table; width: 100%;}
    .eng-conser-work-box > div {display: block; vertical-align: middle; }
    .eng-conser-work-box > div:last-child {margin-bottom: 0;}
    .eng-conser-work-box > div:nth-child(1) {width: 100%; margin-bottom: 40px; padding-right: 0;}
    .eng-conser-work-box > div:nth-child(1) > p {font-size: 32px; padding: 20px 0;}
    .eng-conser-work-box > div:nth-child(2) > ul > li {margin-bottom: 16px;}
    .eng-conser-work-box > div:nth-child(2) > ul > li:last-child {margin-bottom: 0;}
    .eng-conser-work-box-bottom {margin-bottom: 80px;}
    .eng-conser-work-box2 > li {display: block; width: 100%; margin-bottom: 80px;}
    .eng-conser-work-box2 > li:last-child {margin-bottom: 0;}
    .eng-conser-work-box2 > li > strong {display: block; margin-bottom: 40px; width: 100%; padding-right: 0;}
    .eng-conser-work-box2 > li > strong > span {font-size: 32px; padding: 20px 0;}
    .eng-conser-work-box2 > li > p {font-size: 26px; display: block;}
    table.eng-conser-work-tbl > tbody > tr > td:last-child {text-align: center;}

    /*International Conferences View*/
    .board-view-type2 .board-view-txt .view-body .viewStyle1.eng-conferview {padding: 30px 0 60px; border-bottom: 2px solid #efefef;}
    .board-view-type2 .board-view-aside .aside-list li.eng-confer-file {padding: 66px 30px 36px 0;}
    .board-view-type2 .board-view-txt .view-body.eng-confer-body {padding: 50px 0 20px;}
    .eng-confer-txt {font-size: 26px; line-height: 38px;}
    .board-view-type2 .board-view-aside.eng-confer-aside {border-top: 0;}
    .view-body .m-file.eng-confer-m-file strong {color: #666; font-family: 'notokr-regular'; font-weight: normal;}

    /*Exchange Programs*/
    .eng-pro-p {display: inline-block;}
    .eng-national-box1.eng-pro-box1 {padding: 0;}
    .org-link-box.eng-pro-link-box > li {width: 100%; margin-right: 0; margin-bottom: 80px;}
    .org-link-box.eng-pro-link-box {padding: 110px 40px 190px 40px;}
    .link-contens.eng-pro-txt > h4 {font-size: 36px; line-height: 48px; padding: 0;}
    .eng-pro-txt h4 i {width: 16px; height: 31px; padding-left: 16px; background-size: 16px 31px; vertical-align: middle;}
    .eng-pro-txt h4:hover {text-decoration: none;}
    /*table로 변경*/
    .org-link-box.eng-pro-link-box > li > a {display: table;}
    .org-link-box.eng-pro-link-box > li > a > img {float: none; display: table-cell;}
    .link-contens.eng-pro-txt {float: none; display: table-cell; padding: 0 0 30px 30px; vertical-align: bottom;}

    /*Specialist Exchange: Japan*/
    .eng-pro-m-img {display: block; width: 100%;}
    .eng-pro-pc-img {display: none;}
    .eng-exca-sub-txt {margin-top: 50px;}
    .eng-pro-sub-title {margin-top: 60px;}
    .eng-pro-content {padding-top: 90px; margin-top: 20px; border-top: 2px solid #eaeaea;}
    .eng-pro-about-title {font-size: 46px; padding: 0 40px; margin-bottom: 70px;}
    .eng-pro-about-pc {display: none;}
    .eng-pro-about-m {display: block; padding: 0 40px; font-size: 32px; line-height: 42px; margin-bottom: 40px; color: #222; font-family: 'notokr-medium';}
    .eng-pro-about-sub-txt {font-size: 26px; line-height: 38px; padding: 0 40px; margin-bottom: 60px; }
    .eng-pro-site {font-size: 30px; margin-top: 80px; padding: 0 40px;}
    .eng-pro-links {font-size: 30px; margin-top: 20px; padding: 0 40px;}
    .eng-pro-links:hover {text-decoration: none;}

    /*Specialist Exchange: China*/
    .eng-china-m-img {display: block; width: 100%}
    .eng-china-pc-img {display: none;}
    .eng-pro-table-box {margin: 80px 0 120px;}
    .eng-pro-china-year-box {display: block; width: 100%;}
    .eng-china-year {display: block; font-size: 48px; width: 100%; margin-bottom: 40px; padding: 0 40px; box-sizing: border-box;}
    .eng-china-img {display: block; width: 100%;}
    table.eng-pro-china-color > tbody > tr > td {color: #202020;}

    /*NMK Senior Fellowship*/
    .eng-fellow-pc-tbl {display: none;}
    .eng-fellow-m-tbl {display: block;}
    .eng-fellow-content { padding: 120px 0 120px; border-top: 2px solid #eaeaea;}
    .eng-fellow-content2 {padding-top: 0; border-top: 0}
    .eng-fellow-pc-tbl > strong:nth-child(1) {margin-top: 0;}
    .eng-fellow-tbl-title {font-size: 36px; margin-top: 70px; margin-bottom: 30px; padding: 0 40px;}
    .eng-fellow-links {display: block; color: #3f0b9f;}
    table.eng-fellow-table-center > thead > tr > td {text-align: center;}
    /*스와이퍼*/
    .ui-photoGallery.eng-fellow-swiper {max-width: 1050px; margin: 0 auto;}
    .research-gallery-top.eng-fellow-pallery-top {margin: 0;}
    .research-gallery-top .swiper-slide.eng-fellow-swiper-slide {width: 1050px; height: 475px;}
    .ui-photoGallery .swiper-button-next.eng-fellow-swiper-button {right: 0;}
    .ui-photoGallery .swiper-button-prev.eng-fellow-swiper-button {left: 0;}
    .ui-photoGallery .swiper-button.eng-fellow-swiper-button, .library-swiper-container .swiper-button.eng-fellow-swiper-button {margin-top: -63.5px !important;}

    /*NMK Network Fellowship*/
    .eng-pro-curr-tbl-pc {display: none;}
    .eng-pro-curr-tbl-m {display: block;}
    .page-content-type1.eng-curr-type {margin: 0 auto 0 auto; padding: 0;}
    .eng-pro-curr-content {padding-bottom: 130px;}
    .eng-pro-curr-title {font-size: 36px; line-height: 48px; margin-bottom: 110px; padding: 0 40px;}
    /*mobile table*/
    table.eng-pro-curr-tbl-m > thead > tr {font-size: 26px; border-bottom: 2px solid #efefef;}
    table.eng-pro-curr-tbl-m > thead > tr > th {font-size: 30px; border-bottom: 2px solid #efefef !important; font-family: 'notokr-medium';}
    table.eng-pro-curr-tbl-m > thead > tr > td {padding: 30px 40px;}
    table.eng-pro-curr-tbl-m > thead > tr > td:nth-child(1) {border-right: 2px solid #efefef; color: #202020;}
    table.eng-pro-curr-tbl-m > thead > tr > td:nth-child(2) {font-family: 'notokr-DemiLight';}
    .curr-tbl-top {border-top: 2px solid #ccc}
    /**/
    .eng-curr-tbl-txt {margin-top: 80px; padding: 0 40px;}
    .eng-curr-tbl-txt > p {font-size: 26px; line-height: 38px; padding-left: 20px; margin-bottom: 30px;}
    .eng-curr-tbl-txt > p:before {position: absolute; top: 18px; left: 0px; width: 4px; height: 4px;}
    .eng-curr-tbl-txt > p:last-child {margin-bottom: 0;}
    /*eng-curr-tab-box full 영역*/
    .eng-curr-tab-title {max-width: 1440px; margin: 0 auto; padding: 120px 0 0 0; border-top: 2px solid #eaeaea;}
    .swiper-top-padding.eng-curr-swiper {max-width: 1050px; margin: 0 auto;}
    .eng-curr-year-album {background: #fff; padding-top: 60px;}
    .eng-curr-year-txt {display: block; width: 100%; max-width: 1050px; margin: 0 auto; padding: 70px 40px 120px 40px; box-sizing: border-box;}
    .eng-curr-year-txt-title {display: block; font-size: 60px; width: 100%; padding-right: 0; margin-bottom: 40px;}
    .eng-curr-year-txt-sub {display: block; width: 100%; padding-top: 0;}
    .eng-curr-year-txt-sub > li {font-size: 26px; line-height: 36px; margin-bottom: 30px; padding-left: 20px;}
    .eng-curr-year-txt-sub > li:before {top: 20px; left: 0; width: 4px; height: 4px;}
    .eng-curr-year-txt-sub > li:last-child {margin-bottom: 0;}
    /*하단 영역*/
    .eng-curr-bottom-sub {max-width: 1440px; margin: 0 auto; padding: 0 40px 0 40px;}
    .eng-curr-bottom-box1 {display: block; width: 100%; padding: 120px 0; border-top: 1px solid #eaeaea;}
    .eng-curr-bottom-title {display: block; font-size: 46px; margin-bottom: 50px; width: 100%; padding-right: 0;}
    .eng-curr-bottom-txt {display: block; width: 100%; vertical-align: top;}
    .curr-bottom-sub-title {font-size: 30px; line-height: 42px; margin-bottom: 60px;}
    .curr-bottom-sub-txt > li {font-size: 26px; margin-bottom: 30px; padding-left: 20px;}
    .curr-bottom-sub-txt > li:before {top: 18px; left: 0; width: 4px; height: 4px;}
    .curr-bottom-sub-txt2 > li {display: table; width: 100%; margin-bottom: 30px;}
    .curr-bottom-sub-txt2 > li:last-child {margin-bottom: 0;}
    .curr-bottom-sub-txt2 > li > strong {display: table-cell; font-size: 30px; width: 110px; padding-right: 40px;}
    .curr-bottom-sub-txt2 > li > p {display: table-cell; width: calc(100% - 150px); font-size: 26px;}

    /*소장품 복제*/
    .reading-body-title2 {padding-bottom: 200px;}
    .pc-replication-tbl {display: none;}
    .m-replication-tbl {display: block;}
    .m-replication-tbl > h3 {font-family: 'notokr-medium'; font-weight: 500; font-size: 30px; color: #202020; margin-bottom: 14px;}
    .reading-body-title2 > h3 {font-size: 32px; line-height: 55px; padding: 35px 0 45px 0;}
    .reading-body-title2 > h3 > span {display: block;}
    table.tbl-type5 {border-top: solid 2px #000000;}
    table.tbl-type5 > thead > tr > th {font-size: 26px; font-weight: normal; border-bottom: solid 2px #cccccc;}
    table.tbl-type5 > tbody > tr > td {font-size: 26px; color: #666666; border-left: solid 2px #efefef;
        border-bottom: solid 2px #efefef; font-weight: normal;}
    table.tbl-type5 > tbody > tr > td:first-child {border-left: 0; text-align: left; font-family: 'notokr-regular'; font-size: 26px; color: #222222; padding-left: 20px;}
    table.tbl-type5 > tbody > tr.replication-last-line {border-bottom: solid 2px #cccccc;}
    table.tbl-type5 > tbody > tr.replication-last-line > td:last-child {text-align: left; padding-left: 28px;}
    table.tbl-type5 > tbody > tr:nth-of-type(4) > td:last-child {border-bottom: 0;}
    .replication-last-title {padding: 80px 0 20px 0;}

    /*기증안내*/
    .page-header.donation-intro > h2 {display: none;}
    .page-content-type1.donation-intro {padding: 0;}
    .page-header.donation-intro {margin: 30px auto 0px auto;}
    .donation-body-content {border-top: solid 5px #333333;}
    .reading-body-content-type1-intro > h4 {font-size: 38px; line-height: 52px; padding-bottom: 24px;}
    .reading-body-content-type1-intro > p {font-size: 26px; line-height: 38px; }
    .reading-body-content-type1-intro {padding: 70px 0; border-bottom: solid 2px #eaeaea;}
    .donation-body-content > li:last-child > div > p {padding-bottom: 52px;}

    /*기증사례*/
    .donation-case-area {border-top: solid 5px #222222; padding: 50px 0 42px 0;}
    .donation-case-area > li > div > p {font-size: 60px;}
    .donation-case-area > li > div > p > span {font-size: 26px;}
    .donation-case-area > li > div > i > img {width: auto;}
    .page-content-type1.donation-case > ul > li > div {padding-top: 23px;}
    .page-search-type1.m-page-search-type1.donation {width: 100%;}
    .page-search-type1 .btn-util-search.donation {width: 36px; top: 24px}
    .page-content-type1.donation-case {margin: 0 auto 60px auto;}
    .board-list-card .card .txt.donation-case p {font-size: 28px;}
    .list-donation-arae > li > div:first-child {font-size: 26px;}
    .list-donation-arae > li > div:last-child {font-size: 26px}
    .board-list-card .card .txt.donation-case a {margin-bottom: 20px;}
    .list-donation-arae > li {width: 50%;}
    .board-list-total.donation {display: none;}
    .board-list-header.donation {padding-bottom: 48px;}

    /*상설전시장 층별 안내*/
    .permanent-img {height: 387px;}
    .permanent-info-title {font-size: 30px; line-height: 46px; margin-bottom: 60px;}
    .permanent-info-title > span {font-size: 30px;line-height: 46px}
    .page-header.permanent { margin: 30px auto 70px auto;}
    .permanent-list-body {border-top: 0; padding: 0 0 142px 0;}
    .permanent-list-body > li {display: block; width: 100%; margin-bottom: 62px; padding: 0; border: 0}
    .permanent-list-body > li.bar {display: none;}
    .permanent-area > li > h3 { font-size: 112px; padding-bottom: 12px;}
    .permanent-area > li > h3 > span {font-size: 74px;}
    .page-content-type1.permanent {margin: 0 auto 52px auto;}
    .permanent-img-info {font-size: 50px; padding: 40px;}
    .permanent-area > li > p {font-size: 28px; line-height: 46px; padding-top: 30px;height: auto}
    .permanent-area > li:last-child {margin-top: 52px}
    .permanent-list-body > li:first-child {border: 0;}
    /*국문 추가 CSS*/
    .permanet-info-btn {margin-bottom: 30px;}
    .permanet-info-btn > a {font-size: 26px;}
    .permanet-info-btn > a > i { width: 16px; height: 25px; margin-left: 26px; background-size: 16px 25px}
    .permanet-info-btn > a:hover > i {width: 16px; height: 25px; margin-left: 26px; background-size: 16px 25px}

    /*디지털실감 인트로 2021.4.14*/
    .digital-block-span {display: inline-block;}
    .digital-intro-top-area {padding-bottom: 80px; border-bottom: 1px solid #ddd;}
    .digital-intro-top-box {width: 100%;}
    .digital-intro-top-box img {display: block; width: 100%}
    .digital-intro-top-txt {font-size: 30px; line-height: 40px; margin: 50px 0 40px; padding: 0 40px;}
    .digital-intro-top-sub-txt {padding: 0 40px;}
    .digital-intro-top-sub-txt > li {font-size: 28px; line-height: 38px; margin-bottom: 20px;}

    .digital-new-ico > i {width: 16px; height: 25px; margin-left: 20px; background-size: 16px 25px;}
    .digital-new-ico:hover > i {width: 16px; height: 25px; margin-left: 20px; background-size: 16px 25px;}
    .digital-new-ico2 > i {width: 31px; height: 34px; padding-left: 20px;background-size: 31px 34px;}
    .digital-new-ico2:hover > i {width: 31px; height: 34px; padding-left: 20px;background-size: 31px 34px;}

    .digital-floor-section > li {float: none; width: 100%; margin-bottom: 100px;}

    .digital-book-info {font-size: 26px; margin-top: 0; margin-bottom: 20px;}
    .digital-intro-top-area2 {padding: 100px 40px 0 40px;}
    .digital-floor {font-size: 112px; padding-bottom: 12px;}
    .digital-floor span {font-size: 74px;}

    .digital-floor-img-section > li > div {float: none;}
    .digital-intro-section-img {width: 100%;}
    .digital-intro-floor-txt {vertical-align: top; padding: 0 40px 0 40px; width: 100%; box-sizing: border-box;}

    .digital-intro-floor-txt p {margin-bottom: 20px; display: table}
    .digital-circle {width: 50px; height: 50px; border-radius: 100%; display: inline-block; vertical-align: middle; margin-right: 20px;}
    .digital-circle-txt {font-size: 32px;}

    .digital-intro-book-area {padding-top: 0px;}
    .digital-intro-book-area li {float: none; width: 100%; margin-right: 0; margin-bottom: 60px;}
    .digital-new-top-margin {margin-top: 20px;}

    /*역사의 길*/
    .board-list-header.history {width: 100%; float: none; margin-right: 60px}
    .board-list-header-history {width: 100%;float: none; padding: 50px 40px 0 40px; box-sizing: border-box; border-top: solid 2px #dddddd;}
    .board-list-big-title {font-size: 48px; padding: 100px 0 50px 0;}
    .page-content-type1.history {padding: 0;}
    .board-list-header.history { padding: 0 40px 60px 40px; box-sizing: border-box;}
    .board-list-card.history {border: 0;}
    .board-list-header-history > h4 {font-size: 26px;padding-left: 0px;}
    .board-list-header-history > p {font-size: 26px; padding: 34px 0 50px 0px;}
    .online-btn.history {text-align: left;}
    .board-list-header-history > img {width: 100%;}
    .btn-lg.history {font-size: 28px;padding: 6px 0 0 0;}
    .online-btn.history a.down i {margin: 0 0 10px 11px}

    /*레이어 팝업*/
    .popup-wrap .popup-area-type1 {display: block;}
    .popup-wrap .popup-area-type1 .pop-header {height: 110px;}
    .popup-wrap .popup-area-type1 .pop-header .popup-close {position: absolute; top: 40px; right: 40px; z-index: 10}
    .popup-wrap .popup-area-type1 .swiper-pagination-bullet {width: 24px; height: 24px;}
    .popup-wrap .popup-area-type1 .pagination {margin-top: 40px;}

    .popup-wrap-type3.popup-detail .pop-container {margin: 0 40px; width: auto;}
    .popup-wrap-type3.popup-marc .pop-container {margin: 0 40px; width: auto}
    .popup-wrap-type3 .pop-container .pop-header {padding-left: 40px; height: 150px; position: relative; }
    .popup-wrap-type3 .pop-container .pop-header:before {width: 14px; height: 150px; position: absolute; top: 0; left: 0; background: #000; content: "";}
    .popup-wrap-type3 .pop-container .pop-header > strong {padding-top: 35px; font-size: 4.84vw; width: calc(100% - 95px)}

    /*기증사례 swiper*/
    .popup-wrap .popup-area-type1 .case-txt {margin-top: 80px; padding: 0 40px; text-align: left;}
    .popup-wrap .popup-area-type1 .case-txt > strong {margin-bottom: 80px; font-size: 42px; text-align: center;}
    .popup-wrap .popup-area-type1 .case-txt > ul {}
    .popup-wrap .popup-area-type1 .case-txt > ul > li {display: block; margin-right: 0; margin-bottom: 20px; font-size: 26px;}
    .popup-wrap .popup-area-type1 .case-txt > ul > li span {padding-right: 10px; margin-right: 6px; position: relative;}
    .popup-wrap .popup-area-type1 .case-txt > ul > li span:after {width: 1px; height: 26px; content: ""; position: absolute; top: 6px; right: 0; background: #cccccc;}

    /*우리문화재 국외전시*/
    .exhioversea-info-box {padding: 0px 0px 10px 0;}
    .board-list-card .card .txt.exhioversea a {font-size: 38px;}
    .exhioversea-info > h4 {width: 140px;font-size: 28px;}
    .exhioversea-info > p {font-size: 30px;}
    .exhioversea-img-over .over-text {width: 100%; margin: 0 auto; text-align: center;}
    .exhioversea-img-over .over-text > ul > li > a {font-size: 32px;}
    .exhioversea-img-over .over-text > ul > li:first-child {margin-bottom: 48px;}
    .over-text > ul > li:last-child {margin-left: 0;}
    .btn-over.blue-purple { border-bottom: 2px solid #a184ff !important; }

    /*소속 국립박물관 전시*/
    .board-list-total.exhiprovincial {margin: 0px 0 50px 0;}
    .online-page-tab.exhiprovincial { margin-bottom: 70px;}
    .show-list.exhiprovincial {margin-top: 40px;}
    .page-content-type1.exhiprovincial {margin: 0 auto 52px auto;}
    .show-list > li .info.exhiprovincial p {font-size: 30px; padding-top: 16px;}
    .show-list > li .info.exhiprovincial > span {font-size: 26px;padding-top: 10px;}
    .show-list > li .info.exhiprovincial a > strong {margin: 40px 0 5px 0;}
    .show-list.exhiprovincial > li {border-bottom: 0;padding: 90px 40px;}

    /*전시도록*/
    .board-list-type2.report {padding: 0 40px; box-sizing: border-box;}
    .page-content-type1.report {padding: 0;}
    .show-list.report > li {padding: 0; border-bottom: 0;}
    .board-list-total.report {float: none; order: 2}
    .page-search-type1.report {float: none;order: 1}
    .board-list-header.report {display: flex; flex-direction: column;}
    .page-tab-type1.report {margin-bottom: 50px;}
    .board-list-total.report {margin: 64px 0 5px 0;}
    .show-list.report > li .info a > strong {margin: 40px 0 38px 0;}
    .exhioversea-img-over .over-text > img {width: 80px !important; margin: 0 auto;}

    /*추천동선*/
    .recommend-txt p {display: block; font-size: 20px; line-height: 46px; margin-bottom: 55px}
    a.btn-down i {width: 41px; height: 45px;background: url(/ux/content/images/common/ico/m_ico_down_off_img.png) no-repeat left center; background-size: 41px 44px}
    a.btn-down:hover i {background: url(/ux/content/images/common/ico/ico_down_on_img.png) no-repeat left center; background-size: 41px 44px}
    .recommend-card-wrap .inner-card .num {width: 28px; height: 28px; line-height: 28px; font-size: 14px;}
    .recommend-card-wrap .inner-card .over-cont strong {font-size: 20px;}
    .recommend-card-wrap .inner-card .over-cont p {font-size: 14px;}
    .recommend-txt .btn.btn30.m {display: inline-block;}
    .recommend-txt .btn.btn30.pc {display: none;}
    .recommend-popup {display: none; background: #181818 !important;}
    .recommend-popup .item {display: none; position: relative; bottom: auto; background-color: #181818}
    .recommend-popup .item-area {display: block;}
    .recommend-swiper-container .swiper-slide img {display: block}

    .recommend-popup .recommend-swiper-container {height: auto;}
    .recommend-popup .recommend-swiper-container .swiper-slide {background: none !important;}
    .recommend-popup .recommend-swiper-container .swiper-slide img {width: 100%;}

    .recommend-popup .popup-area-type1 {display: block;}
    .recommend-popup .popup-area-type1 .pop-header {height: auto}
    .recommend-popup .item .item-txt {padding: 100px 40px;}
    .recommend-popup .item .item-txt .info-txt-l {width: auto; float: none; padding-bottom: 85px; border-bottom: 2px solid #c8c8c8}
    .recommend-popup .item .item-txt .info-txt-r {padding-top: 75px; width: auto; float: none; line-height: 44px; font-size: 26px;}
    .recommend-popup .item .item-txt .info-txt-l strong.tit {margin-bottom: 50px; font-size: 62px; line-height: 62px;}
    .recommend-popup .item .item-txt .info-txt-l ul > li > strong {width: 200px; font-size: 26px;}
    .recommend-popup .item .item-txt .info-txt-l ul > li > p {width: calc(100% - 200px); font-size: 26px; }
    .recommend-popup .item .item-txt .info-txt-r p {margin-bottom: 20px;}
    .recommend-popup .item .item-txt .info-txt-r a.btn-close {display: none;}

    .recommend-popup-type2 .pop-content {max-width: 100%; padding: 85px 0 0 0}
    .popup-wrap h3 { margin-left: 30px;}
    .floor-tab-content .tab-item .floor-img {height: auto; overflow-y: initial;}

    /*외국박물관 소장 한국문화재*/
    .page-tab-type1.exhiforeign > .side-exhiforeign {width: 100%;float: none;padding: 0; margin-top: 10px; margin-left: 0}
    .page-small-title {font-size: 30px; line-height: 46px; padding-top: 66px;}
    .page-small-title > br {display: none;}
    .side-exhiforeign-area > li:first-child {font-size: 26.4px; padding-top: 40px; line-height: 42px; border-top: solid 2px #dddddd;}
    .side-exhiforeign-area > li {padding: 0}
    .side-exhiforeign-area > li > p > .side-exhiforeign-info {top: 0;}
    .side-exhiforeign-area > li:nth-of-type(2) > p {font-size: 26.4px;padding-bottom: 20px;}
    .side-exhiforeign-area > li:nth-of-type(3) > p {font-size: 26.4px;padding-bottom: 20px;}
    .side-exhiforeign-area > li:nth-of-type(2) > div > a > img {width: auto}
    .side-exhiforeign-area > li:nth-of-type(3) > div > a > img {width: auto}
    .page-tab-type1.exhiforeign > div:first-child {width: 100%;}
    .exhiprovincial-list > ul > li {float: none;width: 100%; margin-right: 0;}
    .exhiprovincial-list-info0 {font-size: 38px}
    .exhiprovincial-list-info1 {font-size: 30px}
    .exhiprovincial-list-info2 {font-size: 28px}
    .tab-type1.exhiforeign {width: 100%;}
    .board-list-foot.exhiprovincial {display: block; border-top: solid 3px #e6e6e6;}
    .swiper-wrapper.exhiforeign { border-bottom: solid 2px #dddddd;}
    .m-pagenation.exhiforeign {margin-top: 78px}
    .exhiprovincial-over > li > a {font-size: 32px !important;}
    .exhiprovincial-over > li:nth-of-type(2) {margin: 30px 0}

    .page-tab-type1.exhiforeign { display: flex; flex-flow: column;}
    .page-tab-type1.exhiforeign .side-exhiforeign { order: 1; border-top: none}
    .page-tab-type1.exhiforeign .board-list-header { order: 2}
    .page-tab-type1.exhiforeign .exhiprovincial-list { order: 3}
    .page-tab-type1.exhiforeign > .exhiprovincial-list {width: 100%; float: none;}
    .img-box-exhiprovincial {width: 100%; height: 457px; float: none;}
    .img-box-exhiprovincial .swiper-slide {height: 457px;}
    .exhiprovincial-txt {width: 100%; padding: 50px 0 0 0; float: none;}
    .exhiprovincial-over {margin-top: 0}

    /*중앙박물관*/
    .recommend-swiper-container .next-txt-area, .recommend-swiper-container .prev-txt-area {display: none}
    .centralmuseum-area > li {}
    .centralmuseum-area > li > a {display: block; width: 100%; padding: 25px 0; font-size: 32px; color: #202020; border-bottom: 1px solid #ddd; box-sizing: border-box;
        background: url(/ux/content/images/common/ico/ico_lg_black_close.png) no-repeat 98%; background-size: 39px 21px;}
    .centralmuseum-area > li > a.active {font-size: 34px}
    .centralmuseum-area > li > .item > .video-c li {float: none; width: 100%; margin-right: 0; margin-top: 50px;}
    .centralmuseum-area > li > .item .centralmuseum-title > p { font-size: 38px;}
    .centralmuseum-area > li > .item > .vr-list {padding: 0;}
    .centralmuseum-area > li > .item > .vr-list li {float: none; width: 100%; margin-right: 0; margin-top: 50px;}
    .centralmuseum-area > li > .item > .vr-list li:nth-child(3n+0) {margin-right: 0}
    .centralmuseum-area > li > .item > .vr-list li .centralmuseum-title {height: auto; display: block; word-wrap: break-word; }
    .recommend-swiper-container .video {max-width: 1020px; height: 100vh; margin: 0 auto}

    /*전시가 없을 때*/
    .centralmuseum-none-box {width: 100%; text-align: center; padding: 200px 0 100px;}
    .centralmuseum-none-box .centralmuseum-none-box-content p {font-size: 40px; padding-top: 60px;}

    /*특별전시*/
    .page-tab-type1.special {padding: 0 40px; box-sizing: border-box; margin-bottom: 100px}
    .page-header.special { margin: 30px auto 58px auto;}
    .show-list.special > li {margin-bottom: 120px}

    /*영상관1*/
    .digital-letter > p:nth-child(1) {text-align: center; letter-spacing: 21px;}
    .digital-letter > p:nth-child(2) {text-align: center; letter-spacing: 9px;}
    .digital-letter > p:nth-child(3) {text-align: center; letter-spacing: 9px;}
    .digital-letter > p {font-size: 30px;padding-bottom: 14px;}
    .digital-title-area > li {float: none;}
    .digital-title-area > li::before {display: none;}
    .digital-title-area > li:first-child { width: 100%; margin: 0 auto; border-top: solid 4px #222222; padding: 28px 10px 44px 18px; border-bottom: solid 2px #bbbbbb;}
    .digital-title-area > li:first-child::after {content: '';display: block; clear: both;}
    .digital-title-area > li:first-child > div {font-size: 30px; padding-top: 20px}
    .digital-title-area > li:first-child > h4 {font-size: 140px; text-align: center}
    .digital-txt-style {font-family: 'notokr-medium'; font-weight: 500; font-size: 68px; padding-top: 8px;}
    .letter-font0 {display: inline-block; padding-right: 5%}
    .letter-font2 {display: inline-block; padding-right: 0.78%}
    .letter-font3 {display: inline-block; padding-right: 18%}
    .digital-txt-style > span {padding-left: 2%}
    .digital-title-area > li:last-child {width: 100%; padding: 0}
    .digital-title-area > li:last-child > p {padding: 60px 0 0 0; font-size: 30px; line-height: 46px}
    .digital-title-area > li:last-child > p:last-child {padding-top: 44px}
    .digital-img-area {margin: 108px 0 80px 0;}
    .digital-view-table > h4 {font-size: 48px;padding-bottom: 48px;}
    /*20220919 추가*/
    .digital-view-content > h4 {font-size: 48px;padding-bottom: 48px;}
    .digital-view-content > h5 {font-size: 34px;}
    .reading-side-box2 {padding-bottom: 60px;}
    .reading-side-box2 > li {margin-left: 0;}
    .reading-side-box2 > li > h4 {font-size: 28px;}
    .reading-side-box2 > li > p {font-size: 34px; line-height: 42px;}
    .reading-side-box2 > li {border-bottom: 0;}
    .reading-side-box2 > li:last-child {margin-top: 20px;}
    .reading-side-box2.digital2 > li > p {padding: 40px 0 40px 0;}
    .reading-side-box2.reading-side-box-new2 > li {margin-left: 0;}
    .reading-side-box2 > li > ol > li {padding: 10px 0 5px 0; font-size: 26px; line-height: 38px;}
    .reading-side-box2 > li > p.subtitle {padding-top: 10px; padding-bottom: 10px; font-size: 28px;}

    .studio.digital-title-area > li:first-child > div {float: right}
    .digital-title-area li .m-img {display: block; width: 100%;}
    .digital-title-area > li.studio .digital-letter, .digital-title-area > li.studio strong, .digital-title-area > li.studio h4 {display: none}
    .digital-view-table.mobile {display: block; max-width: 1440px; padding: 0 40px;}
    .digital-view-table.mobile p {margin-top: 30px !important; font-size: 26px}
    .digital-view-table.pc {display: none}
    .board-list-content .board-list-tbody .reading-content-area.type2 {margin-bottom: 60px;}
    .digital-t .video-area {margin: 60px auto 120px auto; padding: 0 40px}
    .digital-t .video-area:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
    .video-area .video-type {foat: none;width: 100%;}
    .video-area .video-type strong {font-size: 32px; }
    .board-list-content .board-list-tbody .reading-content-area.type2 > li:last-child {border-top: 0; padding-top: 0}
    .board-list-content .board-list-tbody .reading-content-area.type2 > li .online-btn a.down {margin-bottom: 0}

    .digital-title-area > li:last-child > p:last-child .font-b {font-size: 32px}

    h4.video-new-title {font-size: 48px; padding-bottom: 48px;}

    table.tbl-type5.digital > tbody > tr:first-child {border-top: solid 2px #222222; width: 100%; display: table-cell;}
    table.tbl-type5.digital > tbody > tr {border-bottom: solid 2px #efefef;}
    table.tbl-type5.digital > tbody > tr:last-child {border-bottom: 0}
    table.tbl-type5.digital > thead > tr > th {display: none;}
    table.tbl-type5.digital > tbody > tr > td {display: block;border-bottom: 0; font-size: 26px; padding: 0 0 39px 0}
    table.tbl-type5.digital > tbody > tr > td:first-child {padding-left: 0; font-size: 32px; padding: 40px 0 30px 0;}
    table.tbl-type5.digital > tbody > tr > td:nth-child(2) {float: left; margin-right: 40px}
    table.tbl-type5.digital > tbody > tr > td:nth-child(3) {text-align: left;}
    table.tbl-type5.digital {border-bottom: solid 2px #cccccc;}
    .video > img {width: auto; height: auto}
    .video-area {margin-top: 70px;}
    .digital-video-title {font-size: 48px;padding: 58px 0 15px 0;}
    .digital-video-title2 {font-size: 26px; line-height: 42px; padding-bottom: 50px}
    .digital-side-title {margin-top: 0; padding: 0; font-size: 50px}
    .side-info-digital {font-size: 28px}
    .reading-side-box.digital > li > p {padding: 40px 0 40px 0;}
    .reading-side-box > li > h2 {font-size: 26px; padding: 0 0 20px 0}
    .reading-side-box.digital > li > p {padding: 22px 0 50px !important}
    .online-btn.digital {text-align: left;margin-top: 30px;}
    .online-btn.digital > a {font-family: 'notokr-regular';}
    /*영문 추가 CSS*/
    .eng-digital-sub-info {font-size: 26px; line-height: 38px; margin-top: 30px;}

    table.tbl-type5.digital.digital-luck > tbody > tr > td:first-child {padding: 23px 0px; color: #666;}
    table.tbl-type5.digital.digital-luck > tbody > tr > td:first-child {font-size: 26px;}
    table.tbl-type5.digital.digital-luck > tbody > tr > td {display: table-cell;border-bottom: 0; padding: 23px 0;}

    /*디지털 실감 추가 CSS 2021.3.18*/
    .digtal-new-title {display: table; width: 100%;}
    .digtal-new-title span:nth-child(1) {display: table-cell; width: 170px; font-size: 32px;}
    .digtal-new-title span:nth-child(2) {display: table-cell; width: calc(100% - 180px);}

    /*디지털 실감 상세 2021.04.19*/
    .digital-pc-new-img {display: none;}
    .digital-m-new-img {display: block; width: 100%;}
    .side-info-digital.side-info-digital-new > li > p:first-child {width: 150px;}
    .side-info-digital.side-info-digital-new {padding-bottom: 60px; border-bottom: 0;}
    .reading-side-box > li.reading-side-box-border-new {padding-top: 60px;}
    .digital-img-area.digital-img-area-new {margin: 0 0 68px 0;}
    .digital-side-title.digital-side-title-new {padding-left: 0;}
    .reading-side-box.reading-side-box-new > li {margin-left: 0;}
    .reading-side-box-border {border-top: 2px solid #ddd;}
    .video-type-new-area > div {float: none; width: 100%;}
    .video-type-right {padding-left: 0px;}
    .video-area .video-type .video-type-right strong {margin: 60px 0 30px 0;}

    /*중·근세관*/
    .page-tab-type1.showroom {box-sizing: border-box;}
    .showroom-title {font-size: 30px; line-height: 46px; padding-top: 60px;}
    .exhiprovincial-more-area.showroom {display: block;}
    .exhiprovincial-more-area > div { width: calc(100% - 230px);border-bottom: solid 4px #222222; padding-bottom: 37px;}
    .exhiprovincial-more-area > button {font-size: 46px; width: 200px; border-bottom: solid 4px #3f0b9f;}
    .showroom-info-area > h3 {font-size: 48px; padding: 86px 0 70px 0;}
    .exhiprovincial-more-area > button > i > img {width: 54px; height: 29px;}
    .showroom-title2 > strong {font-size: 28px; padding-bottom: 30px; display: table-cell}
    .showroom-title2 > strong > span {display: table-cell;}
    .showroom-title2 > strong > span:first-child {position: relative; top: -2px}
    .showroom-title2 > strong > span:last-child {padding-left: 8px}
    .showroom-title2 > p {font-size: 26px; line-height: 42px; }
    .showroom-box > li {margin-bottom: 84px;}
    .showroom-video-area > h3 {font-size: 48px; padding-top: 66px;}
    .showroom-video-area > p {font-size: 26px; padding: 42px 0 42px 0;}
    .showroom-video > li {float: none; width: 100%; margin-right: 0;}
    .video-area-showroom > img {width: auto; height: auto;}
    .showroom-video > li > p {font-size: 30px;padding: 24px 0 52px 0;}
    .showroom-video-area {padding-bottom: 0px}
    .side-top-area {margin-left: 0;}
    .side-showroom-title1 {font-size: 26px;}
    .side-showroom-title2 {font-size: 26px; line-height: 42px}
    .board-list-content .board-list-tbody .reading-content-area > li.showroom-first-side { padding: 60px 40px 0 40px;}
    /*CSS추가*/
    .m-showroom-other {display: block;}
    .m-showroom-other2 {display: none;}
    .showroom-other {padding-bottom: 0; border-bottom: 0; box-sizing: border-box;}
    .showroom-other-title {font-size: 48px; margin-bottom: 60px;}
    .showroom-other-sub {font-size: 26px; margin-bottom: 40px;}
    .showroom-other-txt {font-size: 26px; line-height: 42px; padding-bottom: 60px; border-bottom: 1px solid #ddd;}
    .showroom-side-box > li > h2 {padding: 0px;}
    .showroom-other-top > li:last-child {margin-top: 0; padding-top: 60px;}

    /* [S] 250425 퍼블수정 */
    .digital-img-area.showroom .over {min-width: 100%; padding-left: 0}
    /* [E] 250425 퍼블수정 */
    .digital-img-area.showroom .over > div {position: absolute;left: 40px;top: 50%;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
    .digital-img-area.showroom .over .abcdefg1 {margin: 0; font-size: 2.42vw}
    .digital-img-area.showroom .over .abcdefg2 {font-size: 6.4vw;}

    .groupSty01 #t02_c01 {font-size: 48px; padding-bottom: 70px; margin-top: 86px;}

    /*소식참여 > 소식 > 소식지*/
    .mu-news .l-img {float: none; width: 100%; margin-right: 0;}
    .mu-news .l-img span {display: block; clear: both; margin-top: 50px;}
    .mu-news .r-txt {float: none; width: 100%; padding-top: 100px;}
    .mu-news .r-txt .txt-area > strong {font-size: 58px;}
    .mu-news .r-txt .txt-area > span {margin-top: 25px; font-size: 36px;}
    .mu-news .r-txt .txt-area > p {margin-top: 50px; font-size: 26px; line-height: 38px;}
    .mu-news .r-txt .btn-chapter {margin-top: 70px; padding: 0 0 25px 0; font-size: 36px; border-bottom: 2px solid #333;
        background: url(/ux/content/images/common/ico/m_ico_lg_black_close.png) no-repeat right; background-size: 51px 29px;}
    .mu-news .r-txt .btn-chapter.active { background: url(/ux/content/images/common/ico/m_ico_lg_black_open.png) no-repeat right; background-size: 51px 29px;}
    .mu-news .r-txt .chapter-info { /*display:none; */padding: 60px 40px;}
    .mu-news .r-txt .chapter-info > ul > li {margin-bottom: 50px;}
    .mu-news .r-txt .chapter-info > ul > li > strong {margin-bottom: 20px; font-size: 32px;}
    .mu-news .r-txt .chapter-info > ul > li > p {line-height: 36px; font-size: 26px; margin-bottom: 25px;}
    .mu-news .r-txt .chapter-info > ul > li > p > span {font-size: 28px; margin-bottom: 10px;}
    .mu-news-content .btn-m-line {width: 240px; margin-right: 0; display: block; margin-bottom: 25px;}
    .mu-news-content .btn-link {width: 240px;}
    .mu-news-content .l-img .btn-m-line {display: inline-block;}
    .category-tit {margin-top: 80px;}
    .category-tit strong {display: block; font-size: 42px; margin-bottom: 70px;}
    .category-tit .select-t1 {clear: both; float: none; width: 100%;}
    .category-tit .select-box-type {width: calc(100% - 195px); vertical-align: middle; margin-right: 0;}
    .category-tit .btn-m-line { display: inline-block; width: 160px; height: 80px; line-height: 80px; margin: 0 0 0 30px; padding: 0; vertical-align: middle;}

    /*Journal of Korean Art and Archaeology 콘텐츠*/
    .jkaa-content .btn-m-line {min-width: 90px; padding: 9px 10px;}

    .jkaa .l-img {float: none; width: 100%; margin-right: 0;}
    .jkaa .l-img span {display: block; clear: both; margin-top: 30px;}
    .jkaa .l-img span > img {width: 240px;}
    .jkaa .r-txt {float: none; width: 100%; padding-top: 100px;}
    .jkaa .r-txt .txt-area > strong {font-size: 58px;}
    .jkaa .r-txt .txt-area > span {margin-top: 25px; font-size: 36px;}
    .jkaa .r-txt .txt-area > p {margin-top: 50px; font-size: 26px; line-height: 38px;}
    .jkaa .r-txt .txt-area > ul {margin-top: 50px; margin-bottom: 50px;}

    .jkaa-content .btn-m-line {width: 240px; margin-right: 0; display: block; margin-bottom: 25px;}

    /*4개 이미지 list 게시판*/
    .img-list-type1 {margin-top: 50px;}
    .img-list-type1 > li {float: none; width: 100%; display: table; margin-right: 0; margin-bottom: 70px;}
    .img-list-type1 > li:after {clear: both; display: block; overflow: hidden; content: ""; height: 0;}
    .img-list-type1 > li .img-box {display: table-cell; width: 48%; padding-right: 4%; vertical-align: middle;}
    .img-list-type1 > li .info {margin-top: 0; width: 48%; display: table-cell; vertical-align: middle;}
    .img-list-type1 > li .info.eng-info {vertical-align: bottom;}
    .img-list-type1 > li .info > strong {font-size: 38px; margin-bottom: 25px;}
    .img-list-type1 > li .info p {font-size: 28px;}
    .img-list-type1 > li .info > span {margin-top: 70px}
    .mu-news-content .pdf-down i, .magazine-content .pdf-down i {width: 36px; height: 36px; background: url(/ux/content/images/common/ico/ico_pdf_type1.png) no-repeat right; background-size: 36px}
    .mu-news-content .btn-link i, .webzine-content .btn-link i {width: 20px; height: 36px; background: url(/ux/content/images/common/ico/ico_link_arrow.png) no-repeat right; background-size: 20px 36px}

    .invite-content .img-list-type1 > li .img-box {display: table-cell; width: 215px; padding-right: 35px; min-height: auto; text-align: left; background: none}
    .invite-content .img-list-type1 > li .info {width: calc(100% - 250px);}
    .invite-content .img-list-type1 > li {margin-bottom: 60px}
    .invite-content .img-list-type1 > li .img-box img {max-width: 100%;}
    .invite-content .img-list-type1 > li .info > a {height: auto; font-size: 38px;margin-bottom: auto;}

    /*소식 > 소식지 > 웹진*/
    .webzine-tit {font-size: 32px; line-height: 48px;}
    .webzine-tit img {width: 120px; height: 27px;}
    /*소식 > 소식지 > 큐레이터*/
    .curator-content .page-search-type1 {margin-top: 40px;}
    /*소식·참여 >  영상 > 영상 소식*/
    .reply-write-area {margin-top: 90px; }
    .reply-write-area .reply-write {height: 145px;}
    .reply-write-area .reply-write textarea {width: calc(100% - 145px);}
    .reply-write-area .reply-write button {width: 145px; font-size: 28px;}
    .reply-write-area .reply-list > ul > li {padding: 40px 0; font-size: 26px;}
    .reply-write-area .reply-list > ul > li > div .name {color: #232323; font-size: 28px;}
    .reply-write-area .reply-list > ul > li > div .date {padding: 0 20px;}
    .reply-write-area .reply-list > ul > li > div .btn {min-width: 130px; padding: 10px 15px; font-size: 26px;}
    .reply-write-area .reply-list > ul > li > p {line-height: 32px; margin-top: 35px;}

    /*정보공개 자료*/
    .collection-search.information {margin-top: 0;}
    .guide-popup {position: absolute; top: 5%;}
    .guide-popup .popup-content {margin: 0 auto; position: relative; left: 0; top: 0; transform: unset;}

    /*정보목록 상세 팝업*/
    .popup-information {position: absolute;}
    .popup-content {width: 92%}
    .popup-information-title {font-size: 48px; padding-bottom: 25px}
    .popup-information-title2 {font-size: 36px; padding: 0 40px;}
    .tbl-area { padding: 68px 40px 68px 40px;}
    .popup-information-title::before {width: 14px; height: 150px; top: -1px;}
    table.pc-information-tbl {display: none;}
    .mobile-information-tbl {display: block;}
    table.mobile-information-tbl {width: 100%; display: block; border-top: solid 2px #000000}
    table.mobile-information-tbl > tbody > tr {border-bottom: solid 1px #efefef;}
    table.mobile-information-tbl > tbody > tr > th {padding: 24px 0; font-family: 'notokr-regular'; font-weight: normal; font-size: 28px; color: #202020; text-align: center; background: #f8f8f8;}
    table.mobile-information-tbl > tbody > tr > td {padding: 28px 0 28px 38px; font-family: 'notokr-regular'; color: #666666; font-size: 26px; }
    .popup-information-close-box > li > a {font-size: 36px;}
    .popup-information-close-area {margin-top: 52px;}

    /*공공데이터방*/
    .public-link > li:first-child {font-size: 32px}
    .board-list-header-history > h5 > br {display: none;}
    .public-link > li > a {font-size: 32px}
    .public-title {font-size: 36px; padding-bottom: 58px;}
    .public-link {padding: 99px 0 80px 0;}
    .board-list-header-history > h5 {font-size: 36px}
    .publice-side {padding: 40px 0 0 10px;}
    .publice-side > li > span {font-size: 36px; line-height: 45px; padding-left: 20px }
    .publice-side > li::before {width: 10px; height: 10px; top: 26px;}
    .publice-side > li:last-child {margin: 38px 0 50px 0;}
    .public-side-btn > a {font-size: 36px !important}
    .public-side-btn > a > i {width: 28px; height: 42px; background-size: 20px;}
    .public-side-btn > a:hover > i {width: 28px; height: 42px; background-size: 20px;}
    .public-link > li > a > i {width: 28px; height: 42px; background-size: 20px;}
    .public-link > li > a:hover > i {width: 28px; height: 42px; background-size: 20px;}
    .api-down > a > i {width: 31px; height: 34px; margin-left: 26px; background-size: 31px 34px;}
    .api-down > a:hover > i {width: 31px; height: 34px; margin-left: 26px; background-size: 31px 34px;}

    /*학예사자격증안내(학예사자격증제도안내)*/
    .curator-total-con > div {float: none;}
    .curator-left-con {width: 100%; margin-right: 0; padding-top: 100px;}
    .curator-right-con {width: 100%; padding-top: 80px; border-top: 2px solid #ddd;}
    .curator-title {font-size: 38px; margin-bottom: 40px;}
    .curator-talble {border-top: 2px solid #222;}
    .curator-talble > li {display: table; width: 100%; border-bottom: 2px solid #efefef; box-sizing: border-box;}
    .curator-talble > li:last-child {border-bottom: 2px solid #ccc; box-sizing: border-box;}
    .curator-table-title {width: 170px;}
    .curator-table-title > p {font-size: 26px; padding: 29px;}
    .curator-table-txt > p {font-size: 26px; padding-left: 30px; line-height: 48px;}
    .curator-padd {padding: 24px 0;}
    .curator-rank {font-size: 38px; margin: 70px 0;}
    .curator-condition-con {padding-bottom: 60px; border-bottom: 2px solid #aeaeae; box-sizing: border-box; }
    .condition-left {float: none; width: 100%; padding-right: 0px;}
    .condition-left > p:nth-child(2) {margin-bottom: 70px;}
    .condition-left > p:nth-child(6) {margin-bottom: 70px;}
    .condition-right {float: none; width: 100%;}
    .condition-right > p:nth-child(2) {margin-bottom: 70px;}
    .condition-name {font-size: 32px; margin-bottom: 40px; }
    .condition-txt {font-size: 26px; line-height: 48px;}
    .condition-point {padding-left: 16px; }
    .condition-point:before {top: 18px; left: 0; width: 4px; height: 4px;}
    .curator-table2 {margin-top: 0px;}
    .curator-table2 > li {display: block; padding: 60px 0 60px 0; width: 100%; border-bottom: 2px solid #eaeaea;}
    .curator-table2 > li:last-child {padding-bottom: 140px; border: none;}
    .curator-table2-title {display: block; width: 100%; margin-bottom: 40px;}
    .curator-table2-title > p {font-size: 36px;}
    .curator-table2-txt {display: block; width: 100%;}
    .curator-table2-txt > p {font-size: 28px;}
    .curator-table2-txt > p:nth-child(1) {margin-bottom: 40px;}
    .curator-table2-txt > p:nth-child(3) {margin-top: 40px;}
    .curator-btn {padding-bottom: 10px;}
    .curator-btn > a {font-size: 28px;}
    .curator-down-img > a > i {width: 31px; height: 34px; margin-left: 26px; background-size: 31px 34px;}
    .curator-down-img > a:hover > i {width: 31px; height: 34px; margin-left: 26px; background-size: 31px 34px;}
    .curator-arrow-img > a > i {width: 16px; height: 25px; margin-left: 26px; background-size: 16px 25px;}
    .curator-arrow-img > a:hover > i {width: 16px; height: 25px; margin-left: 26px; background-size: 16px 25px;}
    .curator-right-con > p:nth-child(1) {font-size: 28px; margin-bottom: 40px;}
    .curator-right-con > p:nth-child(2) {font-size: 28px;}
    .curator-right-con {padding-bottom: 200px; border-bottom: 2px solid #ddd; box-sizing: border-box;}
    .curator-point { padding-left: 16px; position: relative;}
    .curator-point:before {top: 18px; left: 0; width: 4px; height: 4px;}
    /*CSS 추가*/
    .curator-br {display: inline-block;}

    /*학예사자격증안내(경력인정 대상기관 안내)*/
    .career-total-con > div {float: none;}
    .career-left-con {width: 100%; margin-right: 0px; padding-top: 100px; border-top: 2px solid #ddd;}
    .career-right-con { width: 100%; padding-top: 80px; border-top: 2px solid #ddd;}
    .career-table > li {display: block; width: 100%;}
    .career-table > li:nth-child(1) {padding-bottom: 70px; border-bottom: 2px solid #eaeaea;}
    .career-table > li:nth-child(2) {padding: 80px 0 140px 0;}
    .career-table-title {display: block; width: 100%; padding-right: 0;}
    .career-table-title > p {font-size: 36px; margin-bottom: 60px; line-height: 36px;}
    .career-table-txt {display: block; width: 100%;}
    .career-table-txt > p {line-height: 38px;}
    .career-table-txt > p:last-child {margin-bottom: 0;}
    .career-sub-txt {font-size: 28px; margin-bottom: 30px;}
    .career-point {font-size: 26px; padding-left: 20px; margin-bottom: 40px; }
    .career-point:before {top: 18px; left: 0; content: ''; background: #202020; width: 4px; height: 4px;}
    .career-right-con {padding-bottom: 200px; border-bottom: 2px solid #c8c8c8; box-sizing: border-box;}
    .career-right-con > p:nth-child(1) {font-size: 28px; margin-bottom: 70px;}
    .career-down-btn {margin-bottom: 60px; /* padding-bottom:14px; border-bottom:2px solid #3f0b9f; */}
    .career-down-btn > a {font-size: 28px;}
    .career-down-btn > a > i {width: 31px; height: 34px; padding-left: 24px; background-size: 31px 34px;}
    .career-down-btn > a:hover > i {width: 31px; height: 34px; padding-left: 24px; background-size: 31px 34px;}
    .career-right-con > p:nth-child(3) {font-size: 28px;}

    /*학예사자격증안내(관계 법령 안내)*/
    .statute-content {border-bottom: 2px solid #ddd;}
    .statute-top-txt {font-size: 30px; line-height: 46px; padding: 80px 0 80px 0;}
    .statute-box-all {padding-bottom: 200px; border-bottom: 2px solid #c8c8c8; box-sizing: border-box;}
    .statute-box-all > div {float: none; width: 100%; margin-bottom: 90px; margin-right: 0; border: 2px solid #ddd;}
    .statute-box-all > div:last-child {margin-bottom: 0;}
    .statute-box-title {font-size: 42px; padding: 70px 0 50px 0;}
    .statute-box-btn > a {font-size: 28px; padding-bottom: 24px; border-bottom: 2px solid #3f0b9f;}
    .statute-box-btn > a > i {width: 16px; height: 25px; margin-left: 20px; background-size: 16px 25px;}
    .statute-box-btn > a:hover > i {width: 16px; height: 25px; margin-left: 20px; background-size: 16px 25px;}
    .statute-txt {padding: 60px 0 0 40px; line-height: 58px;}
    .statute-txt {height: 1200px;}
    .statute-txt > p {font-size: 26px; padding-left: 20px;}
    .statute-txt > p:before {top: 28px; left: 0; content: ''; width: 4px; height: 4px;}

    /*Regional National Museums*/
    .eng-national-area {padding: 0;}
    .m-eng-national-map {display: block; margin: 0 auto; width: 100%;}
    /*20240118 width:100%; 추가*/
    .completion-info-box.eng-national-box2 {background: #fff;}
    .eng-national-map {display: none;}
    .eng-national-box1 {max-width: 1440px; margin: 0 auto; padding: 0 40px 40px 40px;}
    .eng-national-box1 > div {float: none;}
    .eng-national-img-box {padding: 40px 0 0 0;}
    .eng-national-map {width: 100%}
    .eng-national-name {width: 100%; padding-top: 70px;}
    .eng-national-title {font-size: 32px; padding: 20px 0; margin-bottom: 40px; border: 2px solid #000;}
    .eng-national-txt { /*display:none;*/}
    /*20240118 display:none 삭제*/
    .eng-national-box2 {padding: 0 40px}
    .eng-national-cotent {display: flex; width: 100%; max-width: 1440px; margin: 0 auto; padding: 100px 0 100px;
        border-bottom: 2px solid #eaeaea; flex-direction: column;}
    .eng-national-cotent:last-child {border-bottom: 0;}
    .eng-national-con-title {display: block; width: 100%; order: 2;}
    .eng-national-con-title strong {font-size: 38px; margin: 60px 0 40px; }
    .eng-national-con-title p:nth-child(2) {font-size: 26px; padding-right: 0; margin-bottom: 60px; line-height: 38px;}
    .btn-block.eng-national-btn > a {margin-left: 0;}
    .eng-national-con-img {display: block; width: 100%; order: 1;}
    .eng-national-con-img img {width: 100%; display: block;}
    .eng-national-txt > li {width: 40%;}

    /*정보공개(정보공개제도안내)*//*Policies on Private Viewing*/
    .insti-content-type1 {width: 100%; padding: 0;}
    .insti-total-con > div {margin-top: 100px; float: none;}
    .insti-left-con {width: 100%; margin-right: 0px;}
    .insti-right-con { width: 100%; padding-top: 40px; border-top: 2px solid #ddd; }
    .insti-main-img {width: 100%; height: 100%; padding: 90px 60px 390px 60px; box-sizing: border-box; background: url(/ux/content/images/intro/eng/m_img_policies_bg_1.jpg) no-repeat bottom; background-size: cover;}
    .insti-main-img.eng-insti-main-img2 {width: 100%; height: 100%; padding: 90px 60px 390px 60px; box-sizing: border-box; background: url(/ux/content/images/intro/eng/m_img_policies_bg_2.jpg) no-repeat bottom; background-size: cover;}
    .insti-main-img.eng-insti-main-img3 {width: 100%; height: 100%; padding: 90px 60px 390px 60px; box-sizing: border-box; background: url(/ux/content/images/intro/eng/m_img_policies_bg_3.jpg) no-repeat bottom; background-size: cover;}
    .insti-main-img > strong {font-size: 64px; line-height: 70px;}
    .insti-main-img > p {font-size: 26px; line-height: 38px; margin-top: 60px; width: 100%;}
    .insti-table {margin-top: 100px; padding: 0 40px;}
    .insti-table > li {display: block; width: 100%; padding-bottom: 80px; border-bottom: 2px solid #eaeaea;}
    .insti-table > li:last-child {padding-top: 80px;}
    .insti-table-title {display: block; width: 100%; padding-right: 0; margin-bottom: 60px;}
    .insti-table-title > p {font-size: 36px;}
    .insti-table-txt {display: block; width: 100%; padding-left: 0;}
    .insti-txt-title {font-size: 28px; margin-bottom: 40px;}
    .insti-txt-sub {font-size: 26px; padding-left: 20px; line-height: 38px;}
    .insti-txt-sub:before {top: 18px; left: 0; width: 4px; height: 4px; content: '';}
    .insti-img-con {margin: 8 0px 0 140px 0;}
    .insti-img-con > p {font-size: 36px; padding: 0 40px;}
    .insti-img-con > div {margin-top: 50px; padding-left: 0; }
    .insti-img-con > div > img {width: 100%;}
    .m_insti-img {display: inline-block;}
    .insti-img {display: none;}
    .insti-right-con {padding: 0 40px; }
    .insti-right-con > .eng-insti-txt1 {font-size: 28px; line-height: 42px; margin-bottom: 40px; padding-top: 80px; }
    .insti-right-con > .eng-insti-txt2 {font-size: 26px; line-height: 48px;}
    .insti-right-con > .eng-insti-txt3 {font-size: 26px; line-height: 48px;}
    .eng-insti-box {margin-top: 40px;}
    .eng-insti-box > li {display: table; margin-bottom: 30px;}
    .eng-insti-box > li strong, .eng-insti-box.eng-rental > li strong {width: 120px; font-size: 26px; }
    .eng-insti-box > li p {width: calc(100% - 120px); font-size: 26px;}
    /*Policies on Using Images*/
    .insti-table.m-eng-insti-side {padding: 0}
    .insti-table.m-eng-insti-side > li {padding: 60px 40px 80px 40px;}
    .insti-table.m-eng-insti-side > li:first-child {padding-top: 0;}
    .insti-table.m-eng-insti-side > li:last-child {padding: 0;}
    .insti-table.m-eng-insti-side > li.eng-rental-side {padding: 60px 0 80px 0;}
    .insti-table.m-eng-insti-side > li:last-child > div:nth-child(1) {padding: 60px 40px 0; box-sizing: border-box;}
    .m-eng-insti-title {padding: 20px 40px 30px 40px; font-size: 32px; font-family: 'notokr-regular'; color: #444;}
    .m-eng-insti-title.m-eng-insti-title2 {padding: 60px 40px 30px 40px;}
    .m-insti-txt-sub {padding: 60px 40px 0;}
    .m-insti-txt-sub > p {font-size: 26px; position: relative; padding-left: 20px; color: #666; font-family: 'notokr-DemiLight';}
    .m-insti-txt-sub > p:before {position: absolute; top: 18px; left: 0; width: 4px; height: 4px; content: ''; background: #222;}
    .m-eng-insti-table > table.general-tbl > tbody > tr > td {border-left: 1px solid #efefef;}
    .m-eng-insti-table > table.general-tbl > tbody > tr > td:first-child {text-align: left; padding-left: 50px;}
    .m-eng-insti-table > table.general-tbl > tbody > tr > td:last-child {border: 0;}
    .eng-insti-bottom {margin-bottom: 60px;}
    .pc-eng-insti-table {display: none;}
    .m-eng-insti-table {display: block;}
    /*rental_fee*/
    .eng-rental-title {padding: 70px 40px 50px 40px; border-top: 4px solid #222;}
    .eng-rental-title > p {font-size: 32px; line-height: 46px; }
    .insti-table-title.eng-rental-table-title > p {padding: 0 40px;}
    table.eng-insti-table > tbody > tr > td.eng-insti-table-td {font-size: 26px;}

    /*정보공개(정보공개 관련법 및 규정)*/
    .rule-top-txt {margin-bottom: 80px;}
    .rule-table-title {display: table-cell; width: 160px; padding-right: 60px;}
    .rule-table-title > p {font-size: 36px;}
    .rule-table-txt {display: table-cell; width: calc(100% - 160px); vertical-align: middle;}
    .rule-table-txt > p {font-size: 28px;}
    .rule-box-all > div {float: none; width: 100%; height: auto; margin: 0 0 80px 0; border: 2px solid #ddd; }
    .rule-box-title {font-size: 42px; line-height: 56px; padding-bottom: 60px;}
    .rule-box-txt {font-size: 26px; margin-bottom: 160px;}
    .rule-text-box {height: auto; padding: 70px 30px 0 30px;}
    .rule-box-btn {height: auto;}
    .rule-box-btn > a > i {width: 16px; height: 25px; margin-left: 14px; display: inline-block; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
        background-size: 16px 25px; vertical-align: middle;}
    .rule-box-btn > a:hover > i {width: 16px; height: 25px; margin-left: 14px; display: inline-block; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center;
        background-size: 16px 25px; vertical-align: middle;}
    .rule-txt {height: 80px;}
    /*Contact Us eng추가CSS*/
    .rule-box-title {margin-top: 70px;}
    .rule-total-con {padding-top: 60px;}
    .eng-contact-img {width: 114px;}
    .eng-contact-bottom-box {position: inherit;}
    .eng-contact-txt {margin-bottom: 70px;}
    .eng-contact-txt > li {margin-bottom: 30px;}
    .eng-contact-txt > li > strong {font-size: 26px; width: 130px;}
    .eng-contact-txt > li > p {font-size: 26px; width: calc(100% - 130px);}
    .rule-box-all > div:last-child.eng-contact-last-box {height: auto;}
    /*Information eng추가CSS*/
    .rule-box-all.eng-info-box-all > div > .rule-text-box {padding: 70px 70px 70px 70px;}
    .rule-box-all.eng-info-box-all > div {height: auto;}
    .eng-info-txt { font-size: 26px; line-height: 38px;}

    /*정보공개(관련 서식)*/
    .format-text-box {padding: 110px 210px 0 210px}

    /*정보공개(정보공개 수수료)*/
    .m-fees-ico-img1 {display: block;}
    .fees-ico-img1 {display: none;}
    .fees-total-con > div {float: none;}
    .fees-left-con {width: 100%; margin-right: 0px; border-top: 4px solid #000;}
    .fees-right-con { width: 100%; padding-top: 80px; border-top: 2px solid #ddd;}
    .fees-table > li {display: block; width: 100%; padding: 60px 0; border-bottom: 2px solid #efefef;}
    .fees-table-title {display: block; width: 100%; margin-bottom: 60px; text-align: center; vertical-align: top;}
    .fees-table-txt {display: block; width: 100%; padding-left: 0; vertical-align: top;}
    .fees-table-txt2 {display: block; width: 100%; padding-left: 0; vertical-align: top;}
    .fees-table-title > strong {font-size: 42px; margin-bottom: 50px;}
    .fees-ico > img {width: 100%; max-width: 894px; margin: 0 auto;}
    .fees-txt-title {font-size: 28px; margin-bottom: 34px;}
    .fees-point {font-size: 26px; line-height: 52px; margin-bottom: 12px; padding-left: 24px;}
    .fees-point:before {width: 4px; height: 4px; top: 22px; left: 0;}
    .fees-last-txt {padding-bottom: 40px;}
    .fees-txt-title2 {font-size: 28px; margin-bottom: 60px;}
    .fees-point2 {font-size: 28px; line-height: 48px; padding-left: 24px; margin-bottom: 70px;}
    .fees-point2:before {width: 4px; height: 4px; top: 22px; left: 0; }
    .fees-point2:last-child {margin-bottom: 0;}

    /*사전정보공표(국민생활 중요정보) Mobile버전*/
    .pub-table-title {display: none}
    .pub-table {margin-top: 100px;}
    .pub-table-con {border-bottom: 0px;}
    .pub-table-con > td {display: table; width: 100%; border-bottom: 2px solid #efefef; border-right: 0px; box-sizing: border-box;}
    .pub-table-con > td:last-child {border-bottom: 0;}
    .pub-table-con > .pub-table-first {display: block !important; width: 100%; font-size: 30px; padding: 30px 0; text-align: center; border-top: 2px solid #000; background: #f8f8f8;}
    .pub-table-con > td p {display: table-cell; font-size: 26px; color: #202020; width: 154px; text-align: center; padding: 34px 0; font-family: 'notokr-regular'; vertical-align: middle;}
    .pub-table-con > td span {display: table-cell; width: calc(100% - 154px); font-size: 26px; line-height: 51px; text-align: left; padding: 34px 0 34px 54px;}
    .pub-table-link > i {width: 36px; height: 36px; padding-left: 18px; display: inline-block; background: url(/ux/content/images/common/btn/btn_move.png) no-repeat center;
        background-size: 36px 36px; vertical-align: middle;}

    /*학술출판*/
    .flie-down-area .flie-down-list > li {display: block; padding: 35px 0 35px 40px;}
    .flie-down-area .flie-down-list > li > strong {display: block; margin-bottom: 30px; padding-left: 90px; width: 100%; font-size: 28px;}
    .flie-down-area .flie-down-list > li > span {display: block; width: auto; padding-left: 90px;}
    .flie-down-area .flie-down-list > li > strong:before {width: 38px; height: 41px; position: absolute; top: 0; left: 0; margin-right: 45px;
        content: ""; background: url(/ux/content/images/common/ico/ico_down_black.png) no-repeat right; background-size: 38px 41px}
    .flie-down-area .flie-down-list > li .btn {min-width: 250px;}
    .flie-down-list .btn-file-down {margin-right: 7px}
    .flie-down-list .btn-file-down i {width: 39px; height: 36px; padding-left: 10px;
        background: url(/ux/content/images/common/ico/ico_sm_down_black.png) no-repeat right; background-size: 39px 36px}
    .flie-down-list .btn-link i {width: 20px; height: 36px; padding-left: 10px;
        background: url(/ux/content/images/common/ico/ico_link_arrow.png) no-repeat right; background-size: 20px 36px}

    /*보존과학(역할)*/
    .role-content-type1 {width: 100%; padding: 0;}
    .m-role-img {display: none;}
    .role-step-img {display: none;}
    .m-role-step-img {display: block;}
    .role-img-con {width: 100%;}
    .role-img {width: 100%;}
    .role-total-con {margin-top: 70px;}
    .role-total-con > div {float: none;}
    .role-left-con {width: 100%; padding: 0 40px; box-sizing: border-box;}
    .role-total-title {font-size: 48px; margin-bottom: 70px;}
    .role-sub-title {font-size: 38px; margin-bottom: 60px;}
    .role-sub-txt {font-size: 26px; line-height: 38px; padding-bottom: 100px; border-bottom: 2px solid #eaeaea;}
    .role-sub-txt2 {font-size: 26px; line-height: 38px; margin-bottom: 50px;}
    .role-bottom {margin-bottom: 70px;}
    .role-step-con > p {font-size: 36px; margin-bottom: 50px;}
    .role-step-con > div {width: 100%; padding: 0 0 90px 0; border-bottom: 2px solid #eaeaea;}
    .role-step-con > div > img {width: 100%; max-width: auto;}
    .role-bott-title {font-size: 38px; margin: 80px 0 60px;}
    .role-point {font-size: 26px; line-height: 38px; padding-left: 20px; margin-bottom: 30px;}
    .role-bott-point {margin-bottom: 0; padding-bottom: 50px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
    .role-point:before {width: 4px; height: 4px; background: #202020; position: absolute; top: 16px; left: 0; display: block; content: ''; }
    /*기본 오른쪽 css*/
    .role-right-con {width: 100%; padding: 0 40px; margin-bottom: 80px; box-sizing: border-box;}
    .role-right-title {font-size: 28px; padding-top: 30px; margin-bottom: 24px;}
    .role-right-txt {width: 100%; text-align: center; border: 0; box-sizing: border-box;}
    .role-right-txt:after {clear: both; content: ''; display;block; height: 0;}
    .role-right-txt > li {width: 50%; height: 70px; line-height: 70px; float: left; border: 2px solid #eaeaea; border-right: 0; border-bottom: 0; box-sizing: border-box;}
    .role-right-txt > li:nth-child(2n+0) {border-right: 2px solid #eaeaea}
    .role-right-txt > li:last-child, .role-right-txt > li.line {border-bottom: 2px solid #eaeaea;}
    .role-right-txt > li > a {font-size: 26px;}
    /*ì—­í•  section(role-other)*/
    .role-other {width: 100%; padding: 0px;}
    .role-other-con {padding: 80px 40px 0 40px;}
    .role-other-con > div {float: none;}
    .role-other-left {width: 100%}
    .role-other-right {width: 100%}
    .role-other-line {border-bottom: 0;}

    /*분야(금속보존)*/
    .metal-title-con {padding-bottom: 60px;}
    .metal-main-title {font-size: 48px;}
    .metal-main-sub {font-size: 36px; line-height: 48px; margin-bottom: 60px;}
    .metal-main-txt {font-size: 26px; line-height: 38px;}
    .metal-right-top {padding-top: 0;}
    .metal-sub-title {font-size: 38px; padding-top: 100px; margin-bottom: 60px; border-top: 2px solid #ccc;}
    .metal-float {padding-bottom: 100px;}
    .metal-order {width: 47.9818%; margin-right: 4.0363%;}
    .metal-order:nth-child(2n+0) {margin-right: 0;}
    .metal-order:last-child {margin-right: 0;}
    .metal-order-img {width: 100%;}
    .metal-order-img > img {width: 100%}
    .metal-num {margin-top: 30px;}
    .m-metal-bottom {margin-bottom: 70px;}
    .metal-num > li:nth-child(1) {font-size: 25px; width: 46px; height: 46px; margin-right: 20px; border-radius: 100%; line-height: 46px;}
    .metal-num > li:nth-child(2) {font-size: 26px; width: calc(100% - 66px);; line-height: 46px;}
    .metal-analysis-order {width: 47.9818%; margin-right: 4.0363%;}
    .metal-analysis-order:nth-child(2n+0) {margin-right: 0;}
    .metal-analysis-order:last-child {margin-right: 0;}
    .metal-analysis-img {width: 100%;}
    .metal-analysis-img > img {width: 100%;}
    .metal-non-num {font-size: 26px; margin-top: 30px;}
    .metal-outdoor-order {width: 47.9818%; margin-right: 4.0363%;}
    .metal-outdoor-order:last-child {margin-right: 0;}
    .metal-outdoor-img {width: 100%;}
    .metal-outdoor-img > img {width: 100%;}
    .order-metal-txt {font-size: 26px; line-height: 38px; margin-bottom: 80px;}
    .metal-thurible-order {width: 47.9818%; margin-right: 4.0363%;}
    .metal-thurible-order:nth-child(2n+0) {margin-right: 0;}
    .metal-thurible-order:last-child {margin-right: 0;}
    .metal-thurible-img {width: 100%;}
    .metal-thurible-img > img {width: 100%;}
    .metal-octagonal-order {width: 47.9818%; margin-right: 4.0363%;}
    .metal-octagonal-order:nth-child(3n+0) {margin-right: 4.0363%;}
    .metal-octagonal-order:nth-child(2n+0) {margin-right: 0;}
    .metal-octagonal-img {width: 100%;}
    .metal-octagonal-img > img {width: 100%;}
    .octagonal-bottom {margin-bottom: 40px;}

    /*분야(목제)*/
    .wood-m-img {display: block;}
    .wood-pc-img {display: none;}
    .wood-img-top {margin-top: 80px}
    .wood-img-top > li {float: left; width: 47.9818%;}
    .wood-img-top > li:nth-child(1) {margin-right: 4.0363%;}
    .wood-img-top > li > img {width: 100%; display: block;}
    .wood-img-txt {font-size: 26px; margin-top: 40px;}
    .wood-research-img:after {clear: both; content: ''; height: 0; display: block;}
    .wood-research-img > li {float: left; margin-right: 4.0363%;}
    .wood-main-txt-p2 {padding-right: 50px;}
    .wood-research-img > li:nth-child(1) {width: 47.9818%;}
    .wood-research-img > li:nth-child(4) {width: 47.9818%; margin-right: 0;}
    .wood-m-last-img {width: 47.9818%; margin-bottom: 80px;}
    .wood-m-last-img > img {width: 100%;}
    .wood-research-img > li > img {width: 100%; display: block;}
    .wood-img-txt-c {width: 100%; margin-bottom: 60px; text-align: center;}
    .order-wood-txt {font-size: 26px; line-height: 38px; padding-left: 20px; margin-bottom: 30px;}
    .order-wood-txt:before {width: 4px; height: 4px; top: 18px; left: 0; display: block; content: '';}
    .order-wood-txt:last-child {margin-bottom: 0;}

    /*분야(목칠공예품)*/
    .woodwork-order {width: 47.1428%;}
    .arrow-con {width: 2.1904%; padding: 0 12px; vertical-align: middle;}
    .arrow-img {width: 19px; height: 32px; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 19px 32px; margin-top: -56px;}
    .woodwork-img > img {width: 100%; display: block;}
    .woodwork-non-num {font-size: 26px; margin-top: 40px;}
    .woodwork-con {margin-bottom: 80px;}
    .woodwork-front-con {display: table; width: 100%;}
    .woodwork-front-con > li {display: table-cell;}
    .woodwork-front-order {width: 47.9818%;}
    .woodwork-front-img {max-width: none;}
    .woodwork-front-img > img {width: 100%; display: block;}

    /*분야(토기·도자기)*/
    .earth-m-txt {font-size: 26px; line-height: 38px; margin-bottom: 50px; color: #666; display: block; font-family: 'notokr-DemiLight';}
    .earth-pc-txt {display: none;}
    .earth-main-bottom {padding-bottom: 60px;}
    /*pc일 때 bottom*/
    .earth-table {display: block; width: 100%;}
    .earth-table > li {display: table-cell;}
    .earth-arrow-block {float: right; width: 100%; clear: both; display: block !important;}
    .earth-arrow-block2 {float: right; width: 100%; clear: both; display: block !important;}
    .earth-img-block { float: right; clear: both; display: block !important;}
    .earth-img {width: 48%;}
    .m-earth-img {width: 47.5%;}
    .earth-img > img {width: 100%; display: block;}
    .earth-arrow {margin: 0; padding: 0 8px; vertical-align: middle;}
    .m-earth-arrow {width: 45%; padding: 8px 0;}
    .earth-arr-img {width: 23px; height: 40px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 23px 40px;}
    .m-earth-arr-img {width: 40px; height: 23px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_down_arrow_img.png") no-repeat center; background-size: 40px 23px;}
    .earth-table2 {margin-top: 40px; display: block; width: 100%; clear: both;}
    .earth-table2 > li {display: table-cell;}
    .earth-img2 {width: 48%;}
    .earth-img2 > img {width: 100%; display: block;}
    .earth-arrow2 {margin: 0; padding: 0 8px; vertical-align: middle;}
    .m-earth-arrow2 {padding: 8px 0;}
    .earth-arr-img2 {width: 23px; height: 40px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 23px 40px;}
    .m-earth-arr-img2 {width: 40px; height: 23px; float: right; width: 45%; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_down_arrow_img.png") no-repeat center; background-size: 40px 23px;}
    .m-earth-arr-img3 {width: 23px; height: 40px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_left_arrow_img.png") no-repeat center; background-size: 23px 40px;}
    .earth-num > li:nth-child(4n+0) {margin-right: 0;}
    .earth-bottom {margin-bottom: 40px;}
    .earth-img-txt {font-size: 26px; margin-top: 0; margin-bottom: 80px; padding-top: 20px; float: left; clear: both;}

    /* 분야(직물보존)*/
    .text-top {padding-top: 0px;}
    .text-table1 {float: none; width: 100%;}
    .text-table2 {float: none; width: 100%;}
    .text-table-all > li {display: table-cell;}
    .text-table-all > li img {width: 100%; display: block;}
    .text-img {width: 43.8383%;}
    .text-arrow-con {vertical-align: middle;}
    .text-arrow-img {width: 19px; height: 32px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 19px 32px;}
    .table-txt {font-size: 26px; margin: 40px 0 60px; text-align: left;}

    /* 분야(서화의 보존)*/
    .pc-call-txt {display: none;}
    .call-right-padding {padding-right: 0px; margin-bottom: 40px;}
    .call-sub-title {padding-top: 80px;}
    .call-non-num {font-size: 26px; margin-top: 40px;}
    .call-bottom {margin-bottom: 60px;}
    .m-call-txt {font-size: 26px; margin-top: 0px; margin-bottom: 60px; font-family: 'notokr-DemiLight'; display: block;}
    .call-table-con {float: none; width: 100%;}
    .call-box1 {width: 46.8686%;}
    .call-table-con > li:nth-child(1) {margin-right: 6.2626%;}
    .call-table-con2 {float: none; display: table; width: 100%;}
    .call-table-con2 > li {display: table-cell;}
    .call-box2 {width: 46.8686%;}
    .call-img {width: 100%; display: block;}
    .pc-call-img {width: 100%; display: none;}
    .m-call-img {width: 100%; display: block;}
    .call-arrow-con {vertical-align: middle;}
    .call-arrow-img {width: 19px; height: 32px; margin: 0 auto; margin-top: -78px; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 19px 32px;}

    /* 분야(석재보존)*/
    .stone-clear {clear: both;}
    .stone-title {padding-right: 0;}
    .stone-top {padding-top: 60px;}
    .stone-arr-top {margin-top: 0px;}
    .stone-bottom {margin-bottom: 70px;}
    .m-stone-arr-top {margin-top: -46px;}
    .m-stone-arrow {padding: 24px 0 12px;}

    /* 분야(벽화보존) */
    .mural-num > li:nth-child(4n+0) {margin-right: 0;}
    .m-mural-bottom {margin-bottom: 60px;}
    .m-mural-bottom2 {margin-bottom: 60px;}

    /* 분야(문화재 분석의 실제 예)*/
    .anal-right {padding-right: 0;}
    .anal-title-con {padding-bottom: 60px;}
    .anal-main-title {font-size: 48px; margin-bottom: 70px;}
    .anal-sub-title {font-size: 36px; margin-bottom: 60px;}
    .anal-bottom {margin-bottom: 70px;}
    .anal-bottom2 {padding-bottom: 60px;}
    .anal-main-txt {margin-bottom: 80px;}

    /*분야(박물관 환경)*/
    .env-main-title {padding-right: 0px;}
    .env-sub-title {font-size: 38px; padding: 80px 0 40px; border-top: 2px solid #ccc;}
    .env-img-con {margin-bottom: 80px; display: flex; flex-direction: column;}
    .env-img {float: none; max-width: 100%; width: 100%; order: 2;}
    .env-img > img {width: 100%; display: block;}
    .env-img-txt {float: none; width: 100%; padding-left: 0px; order: 1;}
    .env-txt {font-size: 26px; line-height: 38px; margin-bottom: 60px; }
    .env-img-txt2 {float: none; padding-left: 0px; padding-right: 0px;}
    .env-img2 {float: none;}
    .env-img-con2 {margin-bottom: 70px;}
    .env-txt-bottom {margin-bottom: 60px;}
    .env-img-con3 {margin-bottom: 80px;}
    .env-img-con3 > li {float: left; width: 47.9818%;}
    .env-img-con3 > li:nth-child(1) {margin-right: 3.8095%;}

    /*논문투고*/
    .paper-txt {margin-top: 50px; padding-bottom: 50px;}
    .paper-txt .num-list-type1 > li {padding-left: 65px; margin-top: 30px;}
    .paper-txt .num-list-type1 > li > strong {font-size: 32px; }
    .paper-txt .num-list-type1 > li > i {width: 43px; height: 43px; line-height: 43px; font-size: 24px; }
    .paper-txt .num-list-type1 > li .posi-num > li {padding-left: 30px; margin-top: 20px; font-size: 26px; line-height: 38px;}
    .paper-txt .num-list-type1 > li .posi-num > li > .num {position: absolute; top: 2px; left: 0;}
    .paper-txt .num-list-type1 > li .posi-num2 > li {margin-top: 20px; font-size: 26px; line-height: 38px;}
    .paper-txt .num-list-type1.type2 > li > strong {font-size: 32px;}
    .paper-txt .num-list-type1.type2 > li > strong.tit {font-size: 38px;}
    .paper-left {float: left; width: calc(100% - 380px);}
    .paper-left-none {float: none; width: 100%;}
    .paper-aside {width: 320px; margin: 72px 0 0 60px; padding: 40px 0 0 35px; float: left; box-sizing: border-box;border-top: 1px solid #dddddd;}
    .paper-aside .btn {margin-bottom: 30px;}
    .paper-aside .btn > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
        display: inline-block; background-size: 10px 16px; vertical-align: middle;}
    .paper-aside .btn:hover > i {width: 10px; height: 16px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center; background-size: 10px 16px }
    .paper-content:after {content: '';display: block;clear: both;height: 0; overflow: hidden;}
    .paper-left-main {float: none; width: 100%;}
    .paper-aside {width: 100%; margin: 0; padding: 50px 0 0 0; float: none;}
    .paper-aside > span {display: block;}
    .paper-aside .btn {margin-bottom: 40px;}
    .paper-aside .btn > i {width: 16px; height: 25px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
        display: inline-block; background-size: 16px 25px;}
    .paper-aside .btn:hover > i {width: 16px; height: 25px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center; background-size: 16px 25px }
    .treatiseauthor .radio-list li {margin-bottom: 10px;}
    .treatiseauthor .sort-table a.ckbox-label {line-height: 60px; font-size: 2.62vw}

    .periodical-list .inner-apply-cont-2 {padding: 0}
    .periodical-list pre {height: auto; padding: 40px 30px;font-size: 26px;line-height: 38px;}
    .periodical-list .groupBox b { margin-bottom: 30px; font-size: 32px;}
    .periodical-list .groupBox b.tit { margin-bottom: 40px; font-size: 36px;line-height: 46px;}
    .periodical-list .check-tit {margin-bottom: 40px;}
    .periodical-list .check-tit > .txt {display: block; width: 100%; font-size: 26px; margin-bottom: 40px}
    .periodical-list .check-tit > span {float: right; width: auto;}
    .periodical-list a.ckbox-label {color: #222; padding-left: 50px;}
    .periodical-list table.general-tbl {margin-bottom: 100px;}
    .paper-aside .paper-aside-txt strong {font-size: 28px}
    .paper-aside .paper-aside-txt p {line-height: 48px; font-size: 28px; margin-top: 30px}

    .inner-board-img-body.research {margin-top: 0;}

    .research-gallery-top .swiper-slide {height: 500px;}
    .ui-photoGallery .swiper-button-prev {background: url('/ux/content/images/common/btn/L_btn_swiper_prev.png') no-repeat center; left: -40px}
    .ui-photoGallery .swiper-button-next {background: url('/ux/content/images/common/btn/L_btn_swiper_next.png') no-repeat center; right: -40px}
    .research-gallery-top {margin: 0;}
    .view-body-photoGallery {border-bottom: 0 !important;}

    .gen-korea-content > ul > li {display: block;}
    .gen-korea-content > ul > li:first-child {text-align: left;}
    .gen-korea-content > ul > li div {display: block; width: 100%;}
    .gen-korea-content > ul > li div.img {margin-bottom: 50px;}
    .gen-korea-content > ul > li > .txt strong {font-size: 48px;}
    .gen-korea-content > ul > li > .txt p {margin: 45px 0; font-size: 30px; line-height: 48px;}

    /*도서관 소개*/
    .library-swiper-container .swiper-slide {height: 380px;}
    .library-img .library-img-txt {margin: 100px 0 80px 0; padding: 0 40px;font-size: 26px; line-height: 38px;}
    .library-img .library-img-txt > strong {font-size: 48px;}
    .library-img .library-img-txt p.first {margin: 55px 0 40px 0; font-size: 36px;line-height: 48px;}
    .btn-library > i {width: 30px; height: 30px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_search_img_purple.png) no-repeat center; background-size: 30px;}
    .btn-library:hover > i {width: 30px; height: 30px; background: url(/ux/content/images/common/ico/ico_search_img_white.png) no-repeat center; background-size: 30px }
    .library-content h4.depth-tit-2 {display: none}

    /*소장도서검색*/
    .common-option-content-2 {background: #f8f8f8}
    .common-option-content-2 .inner-common-option {max-width: 100%; padding: 120px 40px}
    .common-option-content-2 .inner-common-option > ul > li:after {clear: both; display: block; overflow: hidden; content: ""; height: 0}
    .common-option-content-2 .inner-common-option > ul > li {display: block; width: 100%; margin-bottom: 70px;}
    .common-option-content-2 .inner-common-option > ul > li > strong {display: block; width: 100%; font-size: 36px; margin-bottom: 30px; }
    .common-option-content-2 .inner-common-option > ul > li > .right {display: block; width: 100%; font-size: 30px;}
    .common-option-content-2 .inner-detail-search {margin-bottom: 30px;}
    .common-option-content-2 .select-box-type2 {width: 40%;}
    .common-option-content-2 .inner-detail-search input[type="text"] {float: left; width: 60%; height: 60px;}
    .common-option-content-2 .inner-common-option ul li.standard .select-box-type2 {width: 40%;}
    .common-option-content-2 .inner-common-option ul li.standard input[type="text"] {width: 60%}

    .common-option-content-2 .inner-common-option > ul > li > strong.type1 {width: 100%;}
    .common-option-content-2 .inner-common-option > ul > li > .right.type1 { width: 100%;}

    .book-search-content .apply-btn {padding-right: 40px}
    .book-search-content .board-list-content {margin-top: 60px}
    .book-search-content .depth-tit-3 {padding-left: 40px;}
    .btn-book-search {height: 100px; line-height: 100px;font-size: 46px;}
    .btn-book-search i {width: 50px; height: 27px; margin-left: 30px; background: url(/ux/content/images/common/ico/ico_down_white_img.png) no-repeat center;
        display: inline-block; background-size: 50px 27px; vertical-align: middle;}

    .search-header .depth-tit-3 {display: block}
    .search-header .book-cnt-view {float: none; margin-top: 50px; padding: 0 40px; box-sizing: border-box}
    .search-header .book-cnt-view strong {margin: 0 10px; color: #222222; font-weight: normal; }
    .search-header .book-cnt-view > li {display: table; width: 100%; margin-bottom: 30px;}
    .search-header .book-cnt-view > li > strong {display: table-cell; width: 130px; font-size: 26px;}
    .search-header .book-cnt-view > li > select {display: table-cell; width: 100%}
    .search-header .book-cnt-view > li.last > select {display: table-cell; width: 80%}

    .popup-list-type1 > li {display: table; width: 100%; margin-bottom: 20px;}
    .popup-list-type1 > li > strong { width: 200px; font-size: 26px;}
    .popup-list-type1 > li > p {font-size: 26px; width: calc(100% - 200px);}
    .popup-detail .popup-search-cont {max-height: 580px; overflow: auto; margin-bottom: 30px;}
    .popup-marc .popup-marc-cont {max-height: 520px; overflow: auto; margin-bottom: 30px;}

    /*sub content*/
    .sub-left-content {float: none; width: 100%;}
    .sub-txt-type1 {margin: 0 40px; border-top: 1px solid #eaeaea; box-sizing: border-box;}
    .sub-txt-type1 .txt-list-type1 > li {display: block; padding: 80px 0;}
    .sub-txt-type1 .txt-list-type1 > li > strong {display: block;; width: 100%;font-size: 38px; margin-bottom: 40px;}
    .sub-txt-type1 .txt-list-type1 > li > .r-txt {display: block;; width: 100%; font-size: 26px; line-height: 38px;}
    .sub-aside {width: 100%; margin-left: 0; float: none;}
    .sub-aside .aside-list > li {padding: 80px 40px; border-bottom: 1px solid #dddddd; font-size: 28px}
    .sub-aside .aside-list > li:first-child {border-top: 1px solid #dddddd;}
    .sub-aside .aside-list > li strong {margin-bottom: 30px;}
    .sub-aside .aside-list > li strong.next {margin-top: 40px;}

    /*인사말*/
    .intro-info-area > li > h2 {padding: 100px 40px 0 40px;}
    .intro-info-area > li > h3 {padding: 0 40px;}
    .intro-contents2 > li > p {padding: 0 40px;}
    /* .intro-contents2>li:first-child{border-bottom: solid 2px #dddddd;} */
    .intro-contents2 > li:first-child > p {font-size: 28px; line-height: 48px;}
    .intro-contents2 > li:first-child > p > span {font-size: 28px; line-height: 48px;padding-top: 45px; padding-bottom: 60px;}
    .m-intro-title {display: block; }
    .intro-title2 {display: none;}
    .page-content-type1.intro {padding: 0;}
    .intro-info-area > li {float: none;}
    .intro-info-area > li:first-child {width: 100%;}
    .intro-info-area > li:last-child {width: 100%; top: 0; padding: 0}
    .intro-info-area {padding: 0;}
    .m-intro-title {font-size: 48px; font-family: 'notokr-light'; color: #202020; font-weight: normal; text-align: left; z-index: -2px; padding-top: 80px; word-break: keep-all;}
    .m-intro-title > span {font-family: 'notokr-light'; font-size: 58px;}
    .new-title-type2 {font-family: 'notokr-medium' !important;}
    .intro-info-area > li > .intro-title {font-size: 38px;padding: 76px 40px 37px 40px;}
    .intro-info-area > li > .intro-contents {font-size: 30px; line-height: 48px; padding: 0 40px 0 40px;}
    .intro-contents2 {padding-top: 0;}
    .intro-info-area > li > .intro-strong-contents {font-size: 30px; line-height: 48px;}
    .intro-contents2 > li > p > span {font-size: 38px; line-height: normal; padding-bottom: 40px;}
    .intro-contents2 > li > p {font-size: 26px; line-height: 42px;}
    .intro-contents2 > li {margin-bottom: 120px;}
    .intro-contents2 > li:last-child {margin-bottom: 0}
    .intro-contents3 {font-size: 42px;padding: 100px 40px 0 40px;}
    .intro-contents3 > span {font-size: 32px;}
    .intro-contents3 > span {padding-left: 36px;}


	/*인사말20250812*/
	.intro-title2N{font-size: 48px; font-family:'notokr-light'; color: #202020; font-weight: normal; text-align: left; z-index: -2; padding-top: 80px; word-break: keep-all;}
	/*.intro-title2N>br{display:none;}*/
	.intro-title2N>span{font-family:'notokr-medium'; font-size: 60px;}
	.intro-info-areaN>li{float: none;}
	.intro-info-areaN>li:first-child{width: 100%;}
	.intro-info-areaN>li:last-child{width: 100%; top: 0; padding:0}
	.intro-info-areaN{padding:0;}
	.intro-contents2N>li>p{padding:0 40px;}
	.intro-contents2N>li:first-child>p{font-size:28px; line-height:48px;}
	.intro-contents2N>li:first-child>p>span{font-size:28px; line-height:48px;padding-top: 45px;    padding-bottom: 110px;}
	.intro-contents2N>li:first-child>.intro-titleN{font-size: 38px;padding: 76px 40px 37px 40px;}
	.intro-contents2N>li>p>span{font-size: 38px; line-height: normal; padding-bottom: 40px;}
	.intro-contents2N>li>p{font-size: 26px; line-height: 42px;}
	.intro-contents2N>li {margin-bottom: 120px;}
	.intro-contents2N>li:last-child{margin-bottom:0}
	.intro-contents3N{font-size: 32px;padding:100px 40px 0 40px;}
	.intro-contents3N>span{font-size: 50px;padding-left: 36px;}
	.intro-contents3N>img{height:70px;}

    /*발자취*/
    .footprint-title-area.no-info {padding: 100px 40px;}
    .footprint-title-area {padding: 100px 40px 0 40px;}
    .footprint-title-area > li {float: none;}
    .footprint-title-area > li:first-child {width: 100%; text-align: left;}
    .footprint-title-area > li:last-child {width: 100%;}
    .footprint-title-box > li {float: none;}
    .footprint-title-box > li:last-child {margin-left: 0;}
    .footprint-title-area > li:first-child > img {width: 288px; margin-top: 0;}
    .footprint-title-box > li > p {font-size: 100px; padding: 40px 0 20px 0;}
    .footprint-title-box > li > p > span {font-size: 60px;}
    .footprint-title-box > li:last-child {line-height: 52px; font-size: 40px; padding: 30px 140px;}
    .footprint-explanation-area > p {font-size: 38px; line-height: 56px;word-break: keep-all; padding-bottom: 62px;}
    .footprint-explanation-area > p > span {font-size: 58px}
    .footprint-explanation-area {padding: 108px 0 0 0px;}
    .footprint-explanation-area > p:last-child, .footprint-explanation-area > .eng-explanation-txt {font-size: 26px; line-height: 38px; padding-bottom: 110px;}
    .eng-explanation-btn {padding-bottom: 30px; padding-top: 100px;}
    .eng-explanation-bottom {padding-bottom: 0 !important;}
    .footprint-year-area > li > h4 {width: 100%; padding-top: 110px; float: none; font-size: 56px; text-align: left;}
    .footprint-year-info > li > div:first-child {display: block; font-size: 26px; width: 250px; margin-bottom: 20px;}
    .footprint-year-info > li > div:last-child {display: block; font-size: 26px; padding-left: 0;}
    .footprint-year-area > li > .footprint-year-info {width: 100%; padding: 50px 0 0 0px;}
    .footprint-year-info > li {margin-bottom: 40px; display: block;}
    .footprint-year-area {padding: 0 40px;}

    /*건축개요*/
    .summary-title {width: auto; padding: 52px 40px 0 50px; margin-left: 40px; position: relative; float: right; margin-top: -150px;}
    .summary-box > li {float: none; width: auto; margin-bottom: 20px;}
    .summary-box > li > strong {font-size: 28px; width: 240px}
    .summary-box > li > p {font-size: 28px;}
    .pc-summary-area {display: none;}
    .mobile-summary-area {display: block; width: 100%;}
    .summary-box {display: flex; flex-direction: column;}
    .summary-box > li:nth-of-type(1) {order: 0}
    .summary-box > li:nth-of-type(2) {order: 4}
    .summary-box > li:nth-of-type(3) {order: 1}
    .summary-box > li:nth-of-type(4) {order: 5}
    .summary-box > li:nth-of-type(5) {order: 2}
    .summary-box > li:nth-of-type(6) {order: 6}
    .summary-box > li:nth-of-type(7) {order: 3}
    .summary-box > li:last-child { margin-bottom: 20px; }
    .summary-contents-box {display: block; margin-top: 90px; padding: 0 40px; box-sizing: border-box;}
    .summary-contents-box > strong {display: block; width: 100%; font-size: 38px;}
    .summary-contents-box > p {display: block;padding-left: 0px; padding-top: 40px; font-size: 26px; line-height: 42px; }
    .summary-plan-area-title {font-size: 52px; padding: 76px 0 32px 0;}
    .page-content-type1.summary {padding: 0 40px; box-sizing: border-box;}
    .summary-plan-area > li {width: 100%; padding-bottom: 66px; float: none; margin-right: 0; border-top: solid 4px #222222;}
    .summary-plan-area > li > h3 {font-size: 38px; padding: 38px 0;}
    .summary-plan > li > span {font-size: 26px; line-height: 52px;}
    .summary-plan > li::before {width: 4px; height: 4px; margin: 24px 20px 0 0;}

    /*배치현황*/
    .deploy-title {font-size: 48px;padding: 0 0 36px 40px;}
    .deploy-title.type2 {padding-top: 80px; padding-bottom: 48px;}
    .swiper-wrapper.deployment > li > div {position: relative; margin-top: -84px; text-align: center; padding: 0 40px; background: rgba(255, 255, 255, 0)}
    .swiper-wrapper.deployment > li > div > h4 {font-size: 3.83vw;}
    .swiper-wrapper.deployment > li > div > p {padding-top: 80px; font-size: 26px; line-height: 38px; text-align: left; color: #666666; }
    .swiper-wrapper.deployment > li > .img-deployment-box {height: 380px}
    .swiper-btn-wrap > li > button > img {width: 39px}
    .slide-btn-area { top: 20%;transform: none;}
    .library-swiper-container .swiper-button-top {margin-top: -50px;}

    /*층별상세*/
    .floor-map-area > li {float: none;}
    .floor-map-area > li:first-child {width: 100%; padding: 0 40px;}
    .floor-map-area > li:last-child {width: 100%; height: auto; padding: 70px 40px 80px 80px;}
    .floor-map-info {display: table;}
    .floor-map-info > h3 {font-size: 82px; display: table-cell;}
    .floor-map-info > p {font-size: 38px; display: table-cell; padding-left: 48px;}
    .floor-info > li > i {width: 76px; height: 36px; border: solid 2px #666666; margin-top: 0;}
    .floor-info > li > p {font-size: 30px; padding-left: 50px;}
    .floor-info > li > p > br {display: none;}
    .floor-map-info > p {padding-bottom: 76px;}
    .floor-info > li {margin-bottom: 30px;}
    .floor-map-area > li:last-child {margin-top: 200px}

    /*시설개요*/
    .general-visual {display: flex; flex-direction: column;}
    .general-title {position: relative; order: 1; background: #000000; padding: 0 40px;}
    .general-bg-area {background: none !important; height: 100%;}
    .general-title-box > li {width: 100%;padding: 22px 0 70px 0;}
    .general-title > h3 {font-size: 68px; padding-top: 90px; padding-bottom: 12px;}
    .general-title-box > li > strong {font-size: 28px; width: 190px;}
    .general-title-box2 > li > strong {font-size: 26px;width: 190px; padding-bottom: 30px;}
    .general-title-box > li > p {font-size: 28px;}
    .general-title-box2 > li > p {font-size: 28px;padding-bottom: 30px;}
    .general-content > h3 {font-size: 42px; padding: 84px 40px 46px 40px;}
    .general-content-box > li {float: none; width: 100%; padding: 0 40px; margin-right: 0; margin-bottom: 104px; box-sizing: border-box; }
    .general-content-title > h3 {font-size: 38px; padding-top: 62px;}
    .general-content-title > p {font-size: 30px;}
    .general-content-box > li > p {font-size: 28px; line-height: 52px; padding-top: 20px}
    .general-content-title {width: 60%; margin-top: -100px}
    .general-part > ul > li {float: none; width: 100%;}
    .general-part {padding-top: 0}
    .general-part-title {font-size: 42px; padding: 10px 40px 60px 40px; box-sizing: border-box; display: block;}
    .general-part > ul > li:first-child {width: 100%; float: none;}
    .general-part > ul > li:last-child {width: 100%; float: none;}
    table.general-tbl {border-top: solid 2px #000000;border-bottom: solid 2px #cccccc;text-align: center;}
    table.general-tbl > thead > tr > th {font-size: 26px; padding: 20px 0; font-weight: normal; border-bottom: solid 2px #cccccc;}
    table.general-tbl > tbody > tr > td.first {font-size: 30px; word-break: keep-all;}
    table.general-tbl > tbody > tr > td {font-size: 26px;padding: 24px 0;}
    .general-parts.last {margin-top: 110px;}
    table.pc-general-tbl {display: none;}
    table.mobile-general-tbl {display: block; width: 100%; border-collapse: collapse; border-top: solid 2px #000000;}
    table.mobile-general-tbl > tbody > tr > th {width: 35%; padding: 20px 40px; font-family: 'notokr-DemiLight'; font-weight: normal; color: #444444; font-size: 30px; border-bottom: solid 2px #efefef; }
    table.mobile-general-tbl > tbody > tr > td { font-size: 26px; font-family: 'notokr-DemiLight'; color: #666666; border-bottom: solid 2px #efefef;}

    /*수장고소개*/
    .paintings-area {padding: 70px 40px;}
    .paintings-area .paintings-txt {float: none; width: 100%;}
    .paintings-area .paintings-txt p {font-size: 26px;line-height: 46px;}
    .paintings-area .paintings-txt p:last-child {margin-top: 60px;}
    .paintings-area .paintings-txt span.red-txt-type1 {font-size: 72px;}
    .paintings-area .paintings-txt span.black-txt-type1 {margin: 40px 0; font-size: 38px;}
    .paintings-area .paintings-img {float: none; width: 80%; margin: 0 auto; padding-left: 0;}
    .paintings-area .paintings-img img {margin-top: 95px;}
    .paintings-content {margin-top: 120px; padding: 0 40px;}
    .paintings-cont {margin-top: 70px;}
    .img-list-area li {width: 30.66%; margin-right: 4%; margin-bottom: 4%; float: left;}
    .img-list-area li:nth-child(3n+0) {margin-right: 0}
    .img-list-area li:last-child {margin-right: 0}
    /*CSS 추가*/
    .img-pc-none {display: block;}
    .img-list-none {display: none;}
    .depth-img-top {margin-top: 0px;}
    .img-list-right {margin-right: 4% !important;}

    /*주요특징*/
    .margin-info-content > li {border-bottom: solid 2px #eaeaea; padding-top: 40px;}
    .margin-info-content > li > strong {font-size: 38px;}
    .margin-info-content > li > p {font-size: 26px; line-height: 38px; padding: 24px 0 42px 0;}
    .margin-info-content {padding-top: 14px;}

    /*수장고 현황*/
    .status-pc-tbl {display: none;}
    table.tbl-type5.staus > tbody > tr > td.second-type {padding-left: 24px;}
    .status-mobile-tbl {display: table-cell}
    table.tbl-type5.staus > tbody > tr > td.first-type {display: none;}
    .status-title {display: block;}
    .status-title > strong {display: block; font-size: 36px; padding-top: 60px;}
    .status-title > p {display: block; font-size: 30px; line-height: 46px; padding: 40px 0 0px 0px;}
    .status-title > p > span {font-family: 'notokr-DemiLight';}
    .page-content-type2.status {margin-top: -30px}
    .status-content {padding: 0 40px; box-sizing: border-box;}
    .status-content > li {float: none; width: 100%; margin-right: 0;margin-bottom: 60px;}
    .status-content > li > .status-part {width: 158px;font-size: 36px;}
    .status-content > li > .status-part > span {font-size: 65px;}
    .status-content > li > .status-part-info > li > strong {font-size: 25px; width: 200px;}
    .status-content > li > .status-part-info > li > p {font-size: 28px;}
    .add-contens {font-size: 24px;}
    .status-content > li > .status-part-info {padding-left: 40px; height: 250px;}
    .status-content > li > .status-part-info > li {margin-bottom: 20px;}
    .status-content > li.last {margin-bottom: 60px;}
    table.tbl-type5.staus > tbody > tr > td.second-type {border-left: 0; color: #444444 !important;}
    table.tbl-type5.staus > tbody > tr > td {border-left: 0;}
    .status-part2-title {font-size: 42px; padding: 40px 40px 0 40px; display: block;}
    table.tbl-type5.staus {margin-top: 50px;}
    .page-content-type1.status {padding: 0;}

    /*ì—°ë³´*/
    .annual-list {padding-top: 40px;}
    .annual-list > li {float: none; width: 100%; margin-right: 0; margin-bottom: 80px;min-height: auto;}
    .annual-btn > li > span {font-size: 30px;}
    .annual-btn > li > i > img {width: auto;margin-right: 40px;}
    .annual-btn > li:first-child {float: none; width: 214px; height: 76px}
    .annual-btn > li:last-child {float: none; width: 250px;height: 76px; margin-top: 16px;}
    .annual-box::after {content: '';display: block;clear: both;}
    .annual-box > img {float: left; width: auto; width: 316px;}
    .annual-box > .annual-info-area {float: left; width: calc(100% - 316px); padding: 0px 0 0 30px; padding-top: 0; box-sizing: border-box;}
    .annual-box-title {font-size: 38px;}
    .annual-date > strong {font-size: 28px;}
    .annual-date > p {font-size: 30px;}
    .annual-btn > li {float: none;}
    .annual-date { padding: 26px 0 66px 0;}

    /*10주년*/
    .years-title-area {padding: 0 40px 80px 40px;}
    .page-content-type1.years {padding: 0;}
    .years-title-box > li:first-child {display: block; width: 100%; padding: 84px 0 100px 0; box-sizing: border-box}
    .years-title-box > li:first-child > img {width: auto;}
    .years-title-box > li:last-child {display: block; width: 100%;}
    .years-info-box {margin-left: 0;}
    .years-info-box > li > strong {font-size: 26px;width: 120px;}
    .years-info-box > li > p {font-size: 26px; width: calc(100% - 120px);}
    .years-info-box > li { margin-bottom: 14px;}
    .year-content > li > h4 {width: auto; font-size: 42px; float: none; padding-bottom: 36px}
    .year-content > li > .years-content-info {float: none; width: 100%;}
    .year-content {border-top: 0; margin-top: 0;}
    .year-content > li {padding: 90px 40px 74px 40px;}
    .years-content-info-box > li > h5 {font-size: 32px;}
    .years-content-info-box > li > h5.pd {font-size: 32px; padding: 0 40px;}
    .years-content-info-box2 > li > strong.wdt {font-size: 26px; width: 96px; vertical-align: top;}
    .years-content-info-box2 > li > strong {font-size: 26px; width: 130px; vertical-align: top;}
    .years-content-info-box2 > li > p {font-size: 26px; vertical-align: top;}
    .years-content-info-box2 {padding-top: 42px}
    .years-content-info-box2 > li {margin-bottom: 14px;}
    .years-content-info-box > li:last-child { margin-top: 64px;}
    .years-content-info-box > li > img {width: 298px;}
    .years-content-info-box1 {width: calc(100% - 298px); padding-left: 44px }
    .years-content-info-box1 > h5 {font-size: 32px;}
    .years-content-info-box2 > li.bok {display: block; margin-bottom: 22px;}
    .years-content-info-box2 > li.bok > p {padding: 5px 0 0 20px;}
    .years-content-info-box2 > li > strong::before {width: 4px; height: 4px;margin-right: 20px;}

    /*한국박물관 개관 100주년*/
    .years-title-box > li:first-child > img.anniversary {width: auto;}
    .years-content-info-box2 > li > strong.wdt2 {width: 230px;}
    table.tbl-type5.anniversary {margin-top: 50px;}
    .year-content > li:first-child {padding: 90px 0px 74px 0px;}
    .year-content > li:first-child > h4 {padding: 15px 40px 36px 40px;}
    .year-content > li:first-child > div > ul > li > ul > li > strong {padding: 0 40px;}
    table.tbl-type5.anniversary > thead > tr > th {font-size: 26px;}
    table.tbl-type5.anniversary > tbody > tr > td.str {font-size: 28px; text-align: center; padding: 23px 0px;}

    /*문화유산표준관리시스템*/
    .system-left {float: none; width: 100%; padding: 0 40px; box-sizing: border-box;}
    .system-right {float: none; width: 100%; padding: 80px 40px 0 40px; box-sizing: border-box; border-top: solid 2px #eaeaea; margin-top: 80px}
    .system-left > p {font-size: 30px; line-height: 46px; padding-bottom: 70px;}
    .system-title {float: none; width: 100%; height: 72px; font-size: 28px; line-height: 72px;}
    .system-info {float: none; width: 100%; padding: 18px 0 14px 0;}
    .system-info > li > p {padding-left: 0; }
    .system-info > li > p > span {font-size: 26px; }
    .system-info > li > p::before {width: 4px; height: 4px;margin-right: 20px;margin-top: 16px;}
    .system-info > li > p > span {width: calc(100% - 24px);}
    .system-content {padding-bottom: 100px;border-bottom: solid 2px #eaeaea;}
    .system-step-title {padding: 90px 0 60px 0; font-size: 38px;}
    .aside-system > li { padding: 0px;border-bottom: 1px solid #dddddd;}
    .aside-system > li > strong {font-size: 26px; margin-bottom: 64px}
    .aside-system > li > a > i {width: 42px; height: 46px; background-size: 42px 46px; padding-right: 50px;}
    .aside-system > li > a > span {font-size: 26px;line-height: 46px;}
    .aside-system > li > a { margin-bottom: 30px;}
    .aside-system > li:first-child {padding-bottom: 115px;}
    .aside-system > li:last-child {padding-top: 50px;}
    .system-tell {font-size: 56px; color: #202020}
    .aside-system > li > strong.pd {margin-bottom: 24px;}
    .system-step-info > img {width: 100%;}

    /*조직 및 업무*//*Organization*/
    .organization-center {padding-top: 80px;}
    .eng-organi-box1 {max-width: 1440px; margin: 0 auto; padding: 0px; box-sizing: border-box;}
    .organization-center > p > a {width: 220px; height: 220px; margin: 0 auto; font-size: 46px;}
    .eng-organi-box2 {max-width: 1050px; padding: 0 40px 180px 40px; margin: 0 auto;}
    .eng-organi-title {font-size: 30px; width: 210px; padding: 30px 0; float: right;}
    .eng-organi-con {padding-top: 50px;}
    .eng-organi-con > li {width: 100%; margin-right: 0; padding-bottom: 40px; float: none;}
    .eng-organi-con > li:last-child {margin-right: 0; padding-bottom: 0;}
    .eng-organi-con > li > strong {font-size: 28px; margin-bottom: 40px; padding: 20px 0; border: 2px solid #000;}
    .eng-organi-con > li > p {font-size: 26px; margin-bottom: 30px;}
    .eng-organi-span {display: inline-block;}
    .eng-organi-muse-title {margin-top: 80px;}
    .eng-organi-txt > li {float: none; width: 100%; margin-right: 0;}
    .eng-organi-txt > li:last-child {margin-right: 0;}
    .eng-organi-txt > li > a {display: inline-block; margin-bottom: 40px;}
    .eng-organi-txt > li > p > a.btn-middle {font-size: 26px;}
    .eng-organi-txt > li.btn-block > a {margin-left: 0;}
    .btn-middle.eng-btn-reset {font-family: 'notokr-regular'; font-weight: normal;}
    .page-container.eng-organi-container {padding-bottom: 0;}

    /*전시관람*/
    .tbl-type7.mobile.pd {margin-top: 40px;}
    .display-visual {height: 650px; background-size: cover;}
    .display-visual-title > li:first-child {float: none; text-align: center;padding-left: 0;}
    .display-visual-title > li:last-child {float: none; text-align: center;padding-right: 0;}
    .display-visual-title > li > h4 {font-size: 42px;}
    .display-visual-title > li > strong {font-size: 90px;padding: 26px 0 0px 0;}
    .display-visual-title > li > h4.mobile {font-size: 42px; padding: 74px 0 0px}
    .display-visual-title > li > strong.mobile {font-size: 90px;padding: 0;}
    .display-visual-title > li > p {font-size: 30px;}
    .display-visual-title {padding-top: 80px;}
    .display-content-area {padding: 0 40px;}
    .display-content-area > li:first-child {float: none;width: 100%; border-top: 0; box-sizing: border-box;}
    .display-content-area > li:first-child > ul:first-child {border-top: solid 4px #333333;}
    .display-content-area > li:last-child {float: none;width: 100%; padding: 0;}
    .display-content {display: block;}
    .display-content > li:first-child {width: 100%; display: block; border-bottom: 0;
        padding: 80px 0 0px 0;}
    .display-content.last {height: auto; margin-bottom: 30px; padding: 30px 40px; box-sizing: border-box;}
    .display-content.last::after {content: ''; display: block; clear: both;}
    .display-content.last > li:first-child {padding: 0; width: auto;}
    .display-content.last > li:first-child > i > img {width: 56px;}
    .display-content.last > li:first-child > span {font-size: 26px;}
    .display-content.last > li:last-child {padding: 0; width: auto; padding-top: 20px}
    .display-content.last > li:last-child > p {font-size: 26px;}
    .display-content.last > li:last-child > p > span {font-size: 26px;}
    /*.display-content-area > li > ul:last-child > li:last-child{border-bottom:0;}*/
    .display-content > li:last-child {width: 100%; display: block; padding: 50px 0 80px 0;border-bottom: solid 2px #e9e9e9;}
    .display-content > li:first-child > h3 {font-size: 38px;}
    .str-display {font-size: 26px; margin-bottom: 12px;}
    .display-content-box {margin-top: 40px;}
    .display-content-box > p {font-size: 26px; padding-left: 20px;}
    .display-content-box > p:before {content: ''; width: 4px; height: 4px; top: 20px; left: 0;}
    .display-content-box > p > span {font-size: 26px;}
    .display-content-box-last {margin-top: 0;}

    /*관람안내 오른쪽 사이드 2021.3.22*/
    .display-side-box > h4 {font-size: 30px;}
    .display-side > li > span {font-size: 26px;padding-left: 12px;}
    .display-side > li::before {width: 4px; height: 4px; position: absolute; top: 16px;}
    .display-side-box {padding: 70px 0px 0 0px;}
    .display-side > li {margin-bottom: 22px;}

    /*전시 해설 예약*/
    .tab-type1 > .comm {float: none; width: 100%; padding-bottom: 0}
    .comm-tab {float: none; width: 100%; padding-bottom: 80px}
    .page-content-type1.comm {padding: 0;}
    .comm-tab2 {position: relative; text-align: center;}
    .comm-tab > li {width: 50%;}
    .comm-tab > li > a > p {width: auto; height: 160px; display: block; font-size: 32px; line-height: 48px;padding-top: 34px;}
    .comm-tab > li > a > p.on {width: auto; height: 162px; display: block;}
    .page-tab-type1.comm {padding: 0 40px; box-sizing: border-box;}
    .tab-type1 ul.comm {padding-top: 100px;}
    .tab-type1 ul.comm li > a {font-size: 34px; padding: 20px 50px;}
    .board-list-total.mb0.comm {padding: 0 40px; box-sizing: border-box;}
    .board-list-content.comm {padding: 0 40px; box-sizing: border-box;}
    .str-type {width: 70px;}
    .str-type2 {width: auto; padding-right: 10px;}
    /*전시 해설*/
    .exhbhall-title {font-size: 48px;}
    .exhbhall-type1 > div:nth-child(1) > h4 {font-size: 36px; margin-bottom: 60px;}
    .exhbhall-type2 > div:nth-child(1) > h4 {font-size: 36px; margin-bottom: 60px;}
    .exhbhall-content {padding: 80px 0 0 0;}
    .exhbhall-type1-box > li {font-size: 26px; margin-bottom: 0;}
    .exhbhall-type2-box > li {font-size: 26px;}
    .r-type {padding-right: 10px;}
    .b-type {padding-right: 10px;}
    .exhbhall-type2-box {margin-top: 14px;}
    .exhbhall-type1 {padding-bottom: 80px; border-bottom: solid 2px #eaeaea;}
    .exhbhall-type2 {padding: 80px 0 30px 0; }
    .exhbhall-type2 > div:nth-child(2) > p {font-size: 28px; padding-bottom: 55px;}
    .tbl-type6.exhbhall {display: none;}
    .tbl-type7.mobile {display: table;}
    /*변경 후 전시해설 CSS (float)*/
    .exhbhall-float > div {float: none;}
    .exhbhall-float > div:nth-child(1) {width: 100%;}
    .exhbhall-float > div:nth-child(2) {width: 100%;}

    /*예약해설*/
    .reser-info {font-size: 26px; padding-bottom: 12px;}
    table.reser-tbl > tbody > tr > th {display: block; width: 100%; font-size: 52px; padding: 0}
    table.reser-tbl > tbody > tr > th > span {font-size: 28px;}
    table.reser-tbl > tbody > tr > td {display: block; width: 100%;padding: 35px 32px 38px 32px;}
    table.reser-tbl > tbody > tr > td > p > span {font-size: 28px;padding-top: 16px;}
    table.reser-tbl > tbody > tr > td > p > span::after {width: 32px; height: 21px;background: url(/ux/content/images/display/img_ico_arrow.png) no-repeat;background-size: 32px 21px;}
    .exhbhall-bottom-info.reser {font-size: 28px;padding: 12px 0 16px 0;}
    table.reser-tbl {margin-top: 74px;}
    .exhbhall-type2 > div:nth-child(2) > strong {font-size: 28px; padding: 52px 0 44px 0;}
    .reser-title > li {width: 50%; height: 148px; font-size: 28px; padding-top: 45px;}
    .reser-title > li:nth-of-type(2n) {border-right: solid 1px #cccccc;}
    /*추가 CSS*/
    .reser-top {padding-top: 80px;}

    /*수어해설(Visitor Services)*/
    .reser-info.disable {padding: 12px 0 41px 0; line-height: 38px; word-break: keep-all;}
    .reser-info.disable > br {display: none;}
    .exhbhall-type1 > div:nth-child(1) > h4.reser.disable {padding-top: 80px;}
    .exhbhall-type1.disable {padding-bottom: 120px;}
    .disa-top {padding-top: 0 !important;}
    .visitor-box > p:before {top: 30px !important;}

    /*전시안내앱*/
    /*.page-content-type1.info{padding:0;}*/
    .exhbhall-type1.info {float: none; width: 100%;}
    .info-side {float: none; width: 100%;padding: 85px 0;}
    .reser-info.disable2 {line-height: 38px;}
    .exhbhall-type1 > div:nth-child(1) > h4.reser > br {display: block;}
    .reser-info.app {padding-bottom: 50px;}
    .info-side > h4 {font-size: 44px;}
    .info-side > img {width: auto;margin: 50px 0 24px 0;}
    .info-sied-link > li > a > img {width: auto;}
    .info-sied-link > li:first-child > a > img {margin: 0 20px 0 0px; }
    .info-sied-link {width: 562px; margin-top: 30px;}
    .information-mobile-box > li {width: 48%; margin-right: 4%; margin-bottom: 4%;}
    .information-mobile-box > li:nth-child(2n) {margin-right: 0;}
    .information-mobile-box > li:nth-child(4) {margin-right: 0;}
    .exhbhall-content.info {box-sizing: border-box;border-top: 0; }
    .information-mobile-img-area {padding: 98px 40px 80px 40px;}
    /*추가 및 변경 CSS*/
    .inform-float > div:nth-child(1) {width: 100%; padding-right: 0px;float: none;}
    .inform-float > div:nth-child(2) {width: 100%; margin-top: 50px; float: none;}
    .inform-impor {padding-bottom: 0 !important;}
    .inform-float > div:nth-child(1) > p {padding-left: 20px;}
    .inform-float > div:nth-child(1) > p:before {top: 28px; left: 0; width: 4px; height: 4px; content: '';}
    .exhbhall-type1 > div:nth-child(1) > h4.exh-app-title {font-size: 48px;}
    .exhbhall-type1 > div:nth-child(1) > h4.exh-app-title > span {font-size: 36px; margin-top: 30px;}
    /*추가 및 변경 CSS 20211124 - 제페토(큐아이와동일)*/
    .info-side .img2 {width: auto;margin: 50px 0 24px 0;}
    .info-side2 {float: none; width: 100%;padding: 85px 0; margin-top: 30px;}
    .info-side2 > h4 {font-size: 36px;}
    .info-side2 > video {width: 100%; height: 100%; margin: 34px 0 14px 0;}
    .info-side2 > strong {margin: 0 0 24px 0; font-size: 32px;}
    .information-mobile-box1 > li {width: 48%; margin-right: 4%; margin-bottom: 4%;}
    .information-mobile-box1 > li:nth-child(2n) {margin-right: 0;}
    /*.information-mobile-box1>li:nth-child(3){margin-right: 0; width:100%;}*/
    /*20211124 - 제페토*/
    .reser-info_sub {font-size: 19px;}

    /*20240425 - 전시안내앱 QR 변경*/
    .info-side3 > h4 {font-size: 44px;}
    .info-side3 > img {width: auto;margin: 50px 0 24px 0;}
    .info-side3 > video {width: 100%; height: 100%; margin: 50px 0 24px 0;}
    .info-side3 .info-sied-link > li > a > img {width: auto;}
    .info-side3 .info-sied-link > li:first-child > a > img {margin: 0 20px 0 0px; }
    .info-side3 .info-sied-link {width: 562px; margin-top: 30px;}

    /*20240620 스마트 전시관 서비스*/
    .reser-info > li:last-child > span {margin-left: 201px;}
    .info-side4 {width: 100%;}
    .info-side4 > h4 {font-size: 36px;}
    .info-side4 > img {width: auto; margin: 50px 0 24px 0;}

    /*외국인을 위한 정기해설*/
    .exhbhall-type1-area.foreigner {padding: 10px 0 60px 0;}
    .exhbhall-bottom-info.foreigner {font-size: 26px; padding-top: 30px}
    .tbl-type7.foreigner {border-top: solid 2px #cccccc;}
    .exh-span-block {display: inline-block;}

    /*외국인을 위한 예약 해설*/
    .reser-title.fore-reser > li {width: 100%;height: 178px;}
    .reser-title.fore-reser > li:first-child {border-right: solid 1px #cccccc;}
    .fore-reser-info2 {font-size: 28px}
    .fore-reser-info {font-size: 38px}
    /*추가CSS*/
    .forei-bottom {margin-bottom: 0;}
    .exhbhall-content > div > div:nth-child(2) > p {padding-left: 20px; padding-bottom: 20px; font-size: 26px;}
    .exhbhall-content > div > div:nth-child(2) > p:before {width: 4px; height: 4px; top: 20px; left: 0; content: '';}
    .btn-block {display: block; margin-top: 20px;}
    .btn-block > a {margin-left: 0;}
    .btn-block > a > i {width: 16px; height: 25px; margin-left: 20px; background-size: 16px 25px;}
    .btn-block > a:hover > i {width: 16px; height: 25px; margin-left: 20px; background-size: 16px 25px;}

    /*Visitor Guides(PDF)*/
    .eng-guides-bg {display: none;}
    .m-eng-guides-bg {display: block;}
    .eng-guides-title {display: block; width: 100%; padding: 60px 0 70px; border-top: 5px solid #000;}
    .eng-guides-title > strong {display: block; font-size: 38px; margin-bottom: 40px; width: 100%;}
    .eng-guides-title > p {display: block; font-size: 26px; line-height: 38px; padding-left: 20px; width: 100%;}
    .eng-guides-title > p:before {position: absolute; top: 18px; left: 0; width: 4px; height: 4px; content: ''; background: #202020;}
    .eng-guides-bg-img > img {width: 100%;}
    .eng-guides-sub-title {font-size: 38px; line-height: 52px; margin: 120px 0 60px;}
    .eng-guides-box1 > ul {float: none;}
    .eng-guides-img-box {margin-right: 0; width: 100%;}
    .eng-guides-img-box > li {float: left; width: 30%; margin-right: 5%;}
    .eng-guides-img-box > li:last-child {margin-right: 0;}
    .eng-guides-img-box > li > img {width: 100%; display: block;}
    .eng-guides-down {margin-top: 100px;}
    .eng-guides-down:after {clear: both; height: 0; content: ''; display: block;}
    .eng-guides-down > li { float: left; width: 47%; margin: 0 6% 40px 0;}
    .eng-guides-down > li:nth-child(2n-0) {margin-right: 0;}
    .eng-guides-down > li:last-child {margin-bottom: 0;}
    .eng-guides-down > li > a {font-size: 30px; width: 100%; padding: 20px 0 20px 40px; border: 2px solid #202020;}
    .eng-guides-ico {width: 36px; height: 36px; padding-left: 40px; background-size: 36px; position: absolute; right: 40px;}

    .eng-guides-down-top {display: block; margin-top: 20px;}
    .eng-guides-down-top:after {clear: both; content: ''; display: block; height: 0;}
    .eng-guides-down-top li {float: left; width: 47%; margin: 0 6% 40px 0;}
    .eng-guides-down-top > li:nth-child(2n-0) {margin-right: 0;}
    .eng-guides-down-top li a {font-size: 30px; width: 100%; padding: 20px 0 20px 40px; border: 2px solid #202020; color: #222;
        display: block; font-family: 'notokr-medium'; position: relative; box-sizing: border-box;}

    /*큐레이터와의 대화 리스트*/
    .curator-list-box > li {margin-right: 0; width: 100%; margin-bottom: 100px}
    .curator-list-content > li:first-child {width: 216px; height: auto;}
    .curator-list-content > li:last-child {width: calc(100% - 216px); padding-left: 40px;}
    .show-list.curator > li {padding: 0;}
    .show-list > li .info a > strong.curator {margin: 16px 0 18px 0;}
    .show-list > li .info .info-list > li strong.curator {width: 66px;vertical-align: top; font-size: 26px;}
    .curator.sp {width: 80px;vertical-align: middle; font-size: 30px; display: table-cell; color: #444444; font-weight: normal;font-family: 'notokr-medium';}
    .info-list.curator > li.curator-pdf {margin-bottom: 20px !important; display: table; width: 100%;}
    .annual-btn > li.curator {float: left;}
    .show-list.curator > li {border-bottom: 0;}
    .curator-pfd {padding-left: 44px}
    .curator-mobile-pdf {display: block;}
    .annual-btn > li:first-child > a {width: 214px;height: 0px;border: solid 2px #202020;padding: 15px 0;box-sizing: border-box;}
    .annual-btn > li:last-child > a {width: 250px;height: 0px;border: solid 2px #202020;padding: 15px 0;box-sizing: border-box;}
    .annual-btn > li > a > span {font-size: 30px;}
    .annual-btn > li > a > i > img {width: auto;}
    .info-list.curator > li.time {margin-bottom: 54px !important;}
    .annual-btn > li.last {margin-top: 0 !important;}
    .show-list > li .info.curator .info-list > li {margin-bottom: 10px;}
    .curator-wrap {padding-top: 40px;}
    .show-list > li .info.curator .info-list > li.curator-pdf.pc {display: none;}

    /*큐레이터와의 대화 상세*/
    .curatro-view-box > li {display: table;float: none;margin-right: 0%;width: 100%; margin-bottom: 40px;}
    .view-title {font-size: 30px;}

    /*마이페이지*/
    .login-cont.type2 {display: block;}
    .login-cont.type2 .login-tit {display: table; width: 100%; padding: 0 40px; box-sizing: border-box;}
    .login-cont.type2 .login-tit strong {margin: 0 0 10px 0; font-size: 100px;}
    .login-cont.type2 .login-tit p {font-size: 28px;}
    .join-content.type2 .login-cont i.ico-login {width: 160px; height: 160px; display: table-cell; vertical-align: top;
        background: url(/ux/content/images/common/ico/ico_login_img.png) no-repeat top; background-size: 160px;}
    .join-content.type2 .login-box {margin-top: 70px; padding: 0 40px;}
    .join-content.type2 .login-t {padding-left: 60px; width: calc(100% - 160px); text-align: left;}
    .login-box form {float: none; width: 100%;}
    .login-box form p {margin-bottom: 40px;}
    .login-box form p.id label {width: 160px;font-size: 28px;}
    .login-box form p.id > span {width: calc(100% - 160px);}
    .login-box form p.pwd .pw-t {width: calc(100% - 160px);}
    .login-box form p.pwd .pw-t > i {position: absolute; top: 26px; right: 20px; width: 46px; height: 27px;}
    .login-box form p.pwd .pw-t > i > img {display: none; width: 46px; height: 27px;}
    .login-box form p.pwd label {width: 160px;font-size: 28px;}
    .login-box .btn-login {float: none; width: auto; margin-top: 25px; text-align: right;}
    .find-btn-area {padding-top: 60px; padding-right: 40px; text-align: right;}
    .find-btn-area > a {margin-left: 15px;}
    .join-info-box {margin-top: 110px; padding: 100px 40px;}
    .join-info-box > strong {margin-bottom: 50px; font-size: 38px; line-height: 52px;}

    .join-content .login-cont i.ico-login.find {display: inline-block; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_login_find_img.png) no-repeat top;
        background-size: 160px;}
    .join-content .login-cont strong.light {margin-left: 50px; font-size: 80px; }
    .join-c-txt {font-size: 28px; padding: 0 40px}
    .join-c-txt.type3 {font-size: 65px; line-height: 74px;}
    .join-content .t-light {font-size: 26px;}
    .join-content .radio-agree .checkbox {margin-right: 15px;}

    .join-c-txt.type2 {font-size: 38px;}
    .join-info-box .join-txt {font-size: 28px; line-height: 56px;}
    .join-info-box .join-txt > span {font-size: 30px;}

    .pw-t2 > i {position: absolute;top: 0; right: 20px; width: 46px; height: 27px;}
    .pw-t2 > i > img {width: 46px; height: 27px;}

    .guide-cont {padding: 0}
    .guide-cont .guide-box {padding: 50px 0;}
    .guide-cont .guide-box > .ico-guide {width: 160px; height: 160px; background: url(/ux/content/images/common/ico/ico_normal_img.png) no-repeat top; background-size: 160px;}
    .guide-cont .guide-box strong {margin: 60px 0 30px 0; font-size: 46px;}
    .guide-cont .guide-box p {margin-bottom: 100px; font-size: 28px;}

    .join-step-cont {max-width: 870px; padding: 0 40px; margin: 120px auto 0 auto; }
    .join-step-cont .join-input {margin-top: 60px; display: block; width: 100%;}
    .join-step-cont .join-input > li.first {display: block; width: 100%; margin-bottom: 30px; font-size: 28px;}
    .join-step-cont .join-input > li:last-child {display: block; width: 100%;}
    .join-step-cont .join-input > li .inpt {width: calc(100% - 200px); margin-right: 25px;}
    .join-step-cont .find-btn-area {text-align: left; padding-right: 0}
    .join-step-cont .find-btn-area > a {margin-left: 0}

    .join-info-txt {margin: 30px auto 100px auto; padding: 0 40px;}
    .join-info-txt > strong {margin-bottom: 30px;font-size: 38px;}

    .periodical-list .groupBox-area.type2 pre p {line-height: 38px;}
    .periodical-list .groupBox-area.type2 .groupBox .txt {font-size: 26px; line-height: 38px;}
    .terms-conts1 {font-size: 26px; line-height: 38px;}
    .terms-conts1 h4.tfirst {margin-bottom: 15px; margin-top: 40px; font-size: 32px; line-height: 38px;}
    .terms-conts1 h5 {margin-top: 40px; font-size: 32px;}
    .terms-conts1 > ol > li {margin-bottom: 25px;}
    .join-info-txt .join-btn a {margin-bottom: 15px;}

    .join-content .login-cont i.ico-login.certification {display: block; margin: 0 auto; width: 160px; height: 160px; background: url(/ux/content/images/common/ico/ico_login_certification_img.png) no-repeat top; background-size: 160px;}
    .join-content .login-cont strong.bold {display: block; margin: 60px 0 170px 0; font-size: 46px; padding: 0 50px}

    .join-input {max-width: 100%; padding: 0;}

    .join-input-2 .inner-join-input {padding: 70px 20px 70px 20px;}
    .join-input-2 .inner-join-input .tbl-type3 p.light {font-size: 26px; line-height: 38px; margin-top: 10px;}
    .join-input-2 .tbl-type3 > tbody > tr > th {width: 210px; font-size: 26px; line-height: 80px;}
    .inner-join-input .tbl-type3.input-table2 > tbody > tr > td {padding-bottom: 10px; width: calc(100% - 210px)}
    .inner-join-input .tbl-type3.input-table2 tbody tr td.t-last {line-height: 32px}
    .service-area {margin-top: 40px; margin-left: -190px;}
    .service-area > ul > li {padding: 20px 0 30px 0; }
    .service-area .check-txt {margin-top: 20px;}
    .service-area .check-txt span {display: block}
    .service-area .check-txt ul {display: block; margin-top: 15px;}
    /*영문 추가 CSS*/
    .login-box form.eng-login-form-box {width: 100%}
    .login-box .btn-login.eng-btn-login {float: none; width: auto; margin-top: 25px; text-align: right;}
    .login-cont.type2 .login-tit strong.eng-login-t {font-size: 100px; margin: 0;}
    .login-cont.type2 .login-tit.eng-login-tit {padding-left: 30px;}
    .login-box form p.id label.eng-login-lab {width: 190px; padding-right: 30px; box-sizing: border-box;}
    .login-box form p.pwd label.eng-login-lab {width: 190px; padding-left: 0px; padding-right: 30px; box-sizing: border-box;}
    .find-btn-area.eng-find-btn-area {padding-top: 60px; padding-right: 40px; text-align: right;}

    /*전체 예약 현황*/
    .all_bg2 {padding: 0 40px;}
    .board-list-all-bg .board-list-total {display: none;}
    .all_bg2 .board-list-total.m {margin: 0; display: inline; padding: 0;}
    .tab-type3.all {float: none; width: 100%; margin: 30px 0 35px 0;}
    .all-search-area {padding-bottom: 60px;}
    .all-search-box {float: none; width: 100%;}
    .all-search-btn {display: inline-block; margin: 0; float: right; vertical-align: middle;}
    .board-list-type1.all {padding: 0 0 150px 0;}
    .board-list-type1.all .board-list-content .board-list-tbody > ul {padding: 45px 40px; box-sizing: border-box}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li > span > a.btn-all {display: inline-block; width: 130px; height: 60px;line-height: 60px;font-size: 30px;}
    .board-list-content.all .light {font-size: 26px;}
    .board-list-content.all .light > a {font-size: 26px}
    .board-list-content.all .content > a {font-size: 38px}
    .board-list-content.all .medium > span > a {font-size: 30px}
    .board-list-type1 .board-list-content.all .board-list-tbody > ul > li.m-l.last:before {display: none;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-tbl {display: table; width: 100%; padding-bottom: 5px}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-tbl .m-tit {display: table-cell; width: 195px; vertical-align: middle; color: #444;
        font-weight: normal; font-size: 28px; font-family: 'notokr-regular';}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-tbl span {display: table-cell; width: calc(100% - 195px); vertical-align: middle;}

    /*해설 사이드 공통*/
    .tab-item {display: flex; flex-direction: column;}

    .paper-left-main {order: 2; float: none;}
    .paper-aside.exhbhall {order: 1; float: none; margin-bottom: 80px;}
    .side-tab-box {position: relative;}
    .side-tab-box::after {content: '';display: block;clear: both;}
    .side-tab-box > li {float: left; width: 50%; border-collapse: collapse;}
    .side-tab-box > li > a {width: 100%; height: 66px; font-size: 26px; line-height: 66px; border-top: solid 2px #dddddd; border-left: solid 2px #dddddd; border-right: 0; }
    .side-tab-box > li:last-child > a {border-bottom: solid 2px #dddddd; }
    .side-tab-box > li:nth-child(5) > a {border-bottom: solid 2px #dddddd; }

    .side-tab-box > li:nth-child(2n) > a {border-right: solid 2px #dddddd; }
    .side-tab-box > li > a.on {width: 100%; height: 68px; line-height: 68px;}

    /*예약하기 0325*/
    .m-booking-list {display: block;}
    .booking-list-area { display: none;}
    .m-booking-list { padding: 0 40px;}
    .m-booking-list-area {border: 2px solid #dddddd;}
    .m-booking-list-area li {border-bottom: 2px solid #ddd;}
    .m-booking-list-area li:last-child {border-bottom: 0}
    .m-booking-list-area li > .booking-item .booking-btn-area a {display: block}
    .m-booking-list-area li > .booking-item {width: 100%; display: table;}
    .m-booking-list-area li > .booking-item .booking-btn-area {width: calc(100% - 67px); display: table-cell; vertical-align: middle;}
    .m-booking-list-area li > .booking-item .booking-btn-area > div {display: table; width: 100%; box-sizing: border-box;}
    .m-booking-list-area li > .booking-item .booking-btn-area > div > a {display: block; padding: 36px 0 36px 40px;}
    .m-booking-list-area li > .booking-item .booking-btn-area > div > a > span {display: table-cell; width: 80px; padding-right: 60px; vertical-align: middle;}
    .m-booking-list-area li > .booking-item .booking-btn-area > div > a > span > img {max-width: 100%;}
    .m-booking-list-area li > .booking-item .booking-btn-area > div > a strong {display: table-cell; width: calc(100% - 140px); vertical-align: middle; color: #222222; font-size: 38px;
        font-weight: normal; font-family: 'notokr-medium';}
    .m-booking-list-area li > .booking-item .booking-btn-area > div > a strong > b {font-family: 'notokr-DemiLight'; font-weight: normal;}
    .m-booking-list-area li > .booking-item .booking-btn-arrow {width: 67px; display: table-cell; vertical-align: middle; text-align: center; background-color: #f8f8f8}

    /*오시는길 1*/
    .board-list-content.facility {padding: 0 20px;}
    .page-content-type1.come {padding: 0;}
    .board-list-header.come {padding: 0 0 0 40px;}
    .map-box {float: none; width: 100%}
    .map-info {float: none; width: 100%;padding: 58px 0 70px 36px;}
    .map-title {font-size: 46px;}
    .map-side-info > li > strong {font-size: 26px;}
    .map-side-info > li > span {font-size: 26px; line-height: 38px;}
    .map-side-info > li:last-child {padding-top: 14px;}
    .map-side-info {padding-top: 34px;}
    .subway-type2-wrap {padding: 0 40px; box-sizing: border-box;}
    .subway-box-area {font: none; width: 100%;}
    .subway-side-area {float: none; width: 100%;}
    .subway-title {font-size: 38px; padding-bottom: 30px;}
    .map-num {width: 48px; height: 48px; line-height: 48px; font-size: 36px;}
    .sub-line {width: 130px;height: 48px; line-height: 48px; font-size: 28px;}
    .sub-title {font-size: 28px;}
    .sub-title2 {font-size: 28px;}
    .sub-tit-p {font-size: 28px; line-height: 52px; padding-top: 22px; margin-bottom: 40px;}
    .sub-p {font-size: 26px; padding-right: 0;}
    .sub-sid-p {padding-top: 22px;}
    .subway-side-area > p.mobile {padding-top: 0;}
    /*.subway-type2{margin-top: 100px;border-top: solid 5px #000000;}*/
    .subway-type2 > li {padding: 70px 0 70px 0px;border-bottom: solid 2px #efefef;}
    .sub-p-li {font-size: 26px;}
    .subway-main-title.type {margin-bottom: 16px;}
    .sub-span {font-size: 28px;}
    .sub-p > i {display: table-cell; position: absolute; width: 4px; height: 4px; top: 40px; background: #202020; }
    .sub-p > span {padding-left: 18px;}

    /*오시는길 2*/
    .bus-line {width: 36px; height: 36px; border: solid 6px #2a73dc; font-size: 27px; line-height: 39px;}
    .bus-title {font-size: 28px;padding-left: 18px;}

    .map-side-info.bus {padding-top: 20px;}
    .bus-list {font-size: 26px; line-height: 64px;padding-top: 10px;}
    .bus-list > span::before {width: 32px;height: 20px;margin: 0 20px;content: '';display: inline-block;background: url(/ux/content/images/display/img_ico_arrow.png) no-repeat;background-size: 32px 20px;position: relative;top: 0px;}
    .bus-type-list {font-size: 26px;}
    /*eng추가CSS*/
    .map-side-info .eng-bus {display: block;}
    .map-side-info .eng-bus p:nth-child(1) {display: block; font-size: 28px; padding-right: 0px;}
    .map-side-info .eng-bus:nth-child(1) p:nth-child(1) {padding-top: 20px;}
    .map-side-info .eng-bus p:nth-child(2) {display: block;}
    .map-side-info .eng-bus p:nth-child(2) > span {font-family: 'notokr-DemiLight'; font-size: 26px; line-height: 64px;}
    .bus-box-area {float: none; width: 100%;}
    .eng-bus-sub-tit {font-size: 28px; margin: 70px 0 20px;}
    .bus-btn {margin-top: 60px;}
    .bus-btn a {font-size: 32px;}
    .bus-btn a i {width: 16px; height: 25px; margin-left: 20px; background-size: 16px 25px;}
    .bus-btn a:hover i {width: 16px; height: 25px; margin-left: 20px; background-size: 16px 25px;}

    /*오시는 길 3*/
    .parking-title {font-size: 48px;padding: 110px 40px 50px 40px;}
    .parking-title::before {content: ''; display: block; border-top: solid 3px #efefef; padding-top: 90px;}
    .car-num {display: none;}
    .mobile-parking-title {display: inline-block; padding-left: 62px; font-size: 38px; color: #970119; font-family: 'notokr-medium'; font-weight: normal;}
    .mobile-parking-title > span {color: #222222; font-size: 28px;}
    .map-side-info.bus.car > li {margin-bottom: 10px;}
    .map-side-info.bus.car > li:last-child {padding-top: 0;}
    .map-side-info > li > span.bus.parking {padding-left: 36px;}
    .subway-title.second {padding-bottom: 0;}
    table.tbl-type6.car.parking {display: none;}
    .mobile-table-type {border-top: solid 2px #000000;}
    table.tbl-type7.parking {width: 100%; border-top: 0; border-bottom: solid 2px #cccccc;}
    table.tbl-type7.parking > tbody > tr.first > td {font-family: 'notokr-regular'; color: #202020; padding: 38px;}
    table.tbl-type7.parking > tbody > tr.second > td {font-family: 'notokr-regular'; border-right: solid 1px #efefef;border-bottom: 0;}
    table.tbl-type7.parking > tbody > tr.second > td.last { border-right: 0;}
    .subway-side-area.car.parking {margin-top: 48px; padding: 90px 40px 74px 40px;}
    .sub-title.car.parking {font-size: 32px;}
    .sub-p.pak {padding-top: 24px}
    .sub-p.pak > i {top: 43px;}
    table.tbl-type7.parking {display: table;}

    /*오시는 길 4*/
    /*eng추가CSS*/
    .parking-table-top {margin-top: 80px;}
    .m-parking-top-line {border-bottom: 2px solid #202020 !important;}
    .m-parking-txt > td {font-size: 28px; text-align: left; border-top: solid 2px #ccc; border-bottom: 0px !important;}
    .m-parking-txt > td > span {font-family: 'notokr-medium'; color: #222; margin-right: 30px; padding-left: 10px;}
    .m-parking-bottom-line {border-bottom: 0px !important;}

    /*관람전시관 관람 예약 비로그인*/
    .non-loging-strong {font-size: 38px; padding-top: 48px;}
    .page-content-type1.none-logo {margin: 0 auto 50px auto;}
    .online-box .online-info .tit.none-login-p {width: auto;}
    .non-logo {font-size: 42px; word-break: keep-all;}
    .calendar-choice-title {font-size: 36px; padding-bottom: 32px;}
    .calendar-choice-box > li:first-child {float: none; width: 100%;padding: 56px 16px 52px 16px; margin-bottom: 80px}
    .calendar-choice-box > li:last-child {float: none; width: 100%; padding-left: 0px;}
    table.calendar-tbl > thead > tr > th > a > img {top: 3px;}
    table.calendar-tbl > thead > tr > th > a {width: 32px; height: 32px; border: solid 4px #dddddd; }
    table.calendar-tbl > thead > tr > td {font-size: 40px;}
    table.calendar-tbl > thead > tr > th {padding-bottom: 35px}
    table.calendar-tbl > thead > tr > td {padding-bottom: 35px}
    table.calendar-tbl > tbody > tr > th {font-size: 24px;padding: 13px 0;}
    table.calendar-tbl > tbody > tr > th.last {border-top-right-radius: 0.6em;border-bottom-right-radius: 0.6em;}
    table.calendar-tbl > tbody > tr > th.first {border-top-left-radius: 0.6em;border-bottom-left-radius: 0.6em;}
    table.calendar-tbl > tbody > tr > td > a {font-size: 24px;}
    table.calendar-tbl > tbody > tr > td {padding-top: 35px;}
    .calendar-choice-area {padding: 26px 40px 56px 40px;}
    .calendar-tbl-title {font-size: 36px;}
    table.tbl-type1.calendar {border-top: solid 2px #000000}
    table.tbl-type1.calendar > thead > tr > th {font-size: 26px;padding: 18px 0;}
    table.tbl-type1.calendar > tbody > tr > td {font-size: 26px;padding: 19px 5px 19px 5px;}
    table.tbl-type1.calendar > tbody > tr > td.num {font-family: 'notokr-light'; font-size: 26px; color: #222222;}
    table.tbl-type1 > tbody > tr > td.tbl-btn > a {width: 120px; height: 56px; border: solid 2px #444444; font-size: 30px; line-height: 56px;}
    .btn-area.calendar {padding-top: 82px;}
    .join-content.calendar {padding-bottom: 200px;}

    /*관람전시관 관람 예약 로그인*/
    .loging-title {font-size: 30px; padding: 40px 0 78px 0;}
    .calendar-choice-title.login {padding-top: 46px}
    .calendar-choice-box > li.first {padding: 0px 16px 0px 16px; margin-bottom: 60px;}
    .first-box-wrap { padding: 40px 0 56px 48px;}
    .input-list.login > li > span {width: 210px;}
    .input-list.login > li > input {width: 86px}
    .input-list.login > li > a > img {width: 40px; height: 40px;}
    .input-list.login > li > a {vertical-align: middle;margin-left: 31px;}
    .calendar-choice-title2 {font-size: 24px; padding-left: 56px}
    .step-box.login.pc {display: none;}
    .step-box.login.mobile {display: block;padding: 42px 48px 74px 48px; margin-top: 60px;}
    .inpt2.mid { max-width: none; width: calc(100% - 20px);}
    .loging-input {height: 58px; position: relative; top: 3px;}
    .loging-input2 {height: 58px}
    .input-list2-span {font-size: 28px;}
    .input-list3-span {font-size: 28px; padding-left: 20px;}
    .input-list2.login > li {display: table;}
    .input-list2.login > li > span {display: block;}
    /*원래는 table-cell임*/
    .input-list2.login > li > span:first-child {width: 120px;}
    .page-container.login {padding-bottom: 0;}
    .inner-apply-cont.login {margin: 110px 40px 0 40px;}
    .depth-tit-1.login {margin-bottom: 31px;}
    /*eng추가CSS*/
    .input-list2.login > li > span:first-child.eng-m-login-block {width: 100%;}
    .input-list3-span.eng-login-block {padding-left: 0;}
    .eng-groupbox-bottom > li {margin-bottom: 50px;}

    /*예약상세*/
    .step-tit.completion {text-align: left; padding: 0 40px;}
    table.tbl-type1.completion {display: none;}
    .completion-title {font-size: 36px;}
    table.tbl-type7.mobile.completion > tbody > tr > th {background: #fff;}
    table.tbl-type7.mobile.completion > tbody > tr > td {text-align: left;}
    .completion-tbl {margin-top: 30px; padding: 78px 20px;}
    .completion-info-box {background: #f8f8f8;}
    .completion-info {padding: 0 40px 0 40px; display: flex; flex-direction: column; margin-top: 0; border-bottom: 0;}
    .completion-info > li {float: none; padding: 0; width: 100%;}
    .completion-title.pd2 {padding: 70px 0 30px 0;}
    .completion-title.pd {padding: 70px 0 30px 0;}
    .completion-info-type {background: #fff; padding: 60px 20px; box-sizing: border-box;}
    .role-point.comple {line-height: 36px;}
    .completion-info-type > li {margin-bottom: 22px}
    .completion-info-type > li:last-child {margin-bottom: 0px}
    .completion-info2 {padding: 0 40px 150px 40px; }

    /******************************20201221*********************************/
    /*상단 패딩 공통*/
    .swiper-top-padding {padding: 0 40px;}

    /*관람·편의시설(전체 안내)*/
    .allmap-back-img {display: none;}
    .m-allmap-back-img {display: block; width: 100%;}
    .allmap-img {margin-top: 60px; padding: 0 40px; position: static; bottom: 0; right: 0;}
    .allmap-img > li:nth-child(1) {margin-right: 40px; margin-bottom: 20px;}
    .allmap-con > a > i {width: 16px; height: 25px; margin-left: 26px; background-size: 16px 25px;}
    .allmap-con > a:hover > i {width: 16px; height: 25px; margin-left: 26px; background-size: 16px 25px;}
    /*관람·편의시설(전체 안내 교육관가는길 팝업)*/
    .allmap-popup-button {display: block; position: absolute; top: 50px; right: 40px;}
    .allmap-popup-button > i {width: 40px; height: 40px; background-size: 40px 40px;}

    /*관람·편의시설(전시 공간)*/
    .exhi-wrap {margin-top: 80px;}
    .exhi-box-title {font-size: 38px; margin: 60px 0 40px;}
    .exhi-sub-title {font-size: 28px; margin-bottom: 60px;}
    .exhi-box {margin-top: 60px;}
    .exhi-txt {font-size: 26px; line-height: 38px;}
    /*eng추가CSS*/
    .mu-news-content .btn-link.eng-maps-click {width: 70%;}

    /*관람·편의시설(주요 시설)*/
    .infor-table-con > li {display: table; width: 100%; margin-bottom: 20px;}
    .infor-table-con > li:last-child {margin-bottom: 0;}
    .infor-title {display: table-cell; font-size: 26px; width: 100px; padding-right: 40px; }
    .infor-txt {display: table-cell; font-size: 26px; line-height: 52px; width: calc(100% - 100px);}
    .infor-top {margin-top: 120px;}
    .infor-btn-top {margin-top: 80px;}
    .infor-culture {margin-top: 80px; background: #f8f8f8;}
    .culture-img {padding: 60PX 0 0 40px; vertical-align: top;}
    .culture-img > img {width: 100px; height: 102px;}
    .culture-txt {font-size: 30px; line-height: 46px; padding: 60px 40px 80px 30px;}
    .main-bottom {margin-bottom: 30px;}

    /*관람·편의시설(식당, 편의시설)*/
    .rest-wrap {margin-top: 120px;}
    .resta-bg-color ul li {width: 33.3333%;}

    /*관람·편의시설(레스토랑)*/
    .rest-info-view {margin-top: 120px; padding: 70px 40px;}
    .rest-info-view > li {display: block; width: 100%;}
    .rest-info-left {display: block; width: 100%; }
    .rest-info-left > p:nth-child(1) {width: 104px; height: 84px;}
    .rest-info-left > p:nth-child(1) > img {width: 100%; display: block;}
    .rest-info-left > p:nth-child(2) {font-size: 68px; margin-left: 40px; line-height: 84px;}
    .rest-info-right {display: block; width: 100%; vertical-align: middle;}
    .rest-info-right > p:nth-child(1) {font-size: 30px; margin-top: 40px; line-height: 46px;}
    .rest-btn-top {width: 360px !important; margin: 60px 30px 0 0; background: #fff;}
    .rest-btn-top i {padding-left: 30px !important;}
    .rest-table-top {margin-top: 60px;}

    /*관람·편의시설(편의시설 연락처)*/
    .facil-img-con {width: 100%; height: 440px; background: url(/ux/content/images/display/facility/m_bg_facilities_img_1.jpg) no-repeat center; background-size: cover;}
    .facil-box {float: none; padding: 150px 40px 0;}
    .facil-title {font-size: 5.44vw; margin-bottom: 40px; text-align: center;}
    .facil-info {text-align: center;}
    .facil-float {display: inline-block;}
    .facil-img {width: 8.37vw; height: 8.37vw; margin-right: 30px;}
    .facil-txt {font-size: 9.08vw; line-height: 8.37vw;}
    /*편의시설 연락처 테이블*/
    .m-facil-table-txt {display: none !important;}
    .m-facil-table-title-txt {display: block; font-size: 36px; padding-left: 60px; color: #222; font-family: 'notokr-medium'; display: inline-block;}
    .m-facil-table-title > p {margin-bottom: 0 !important;}
    .facil-imfo-box {margin-top: 80px; padding: 0 40px;}
    .faci-content-bottom {margin: 0 auto 200px auto;}
    .facil-imfo-box > strong {font-size: 46px; margin-bottom: 60px;}
    .facil-table {width: 100%; border-top: solid 4px #000000; border-bottom: 2px solid #ccc;}
    .facil-table > li {width: 100%; display: block; padding: 90px 0; border-bottom: 2px solid #eaeaea;}
    .facil-table-title {display: block; vertical-align: middle; width: 100%; padding-right: 0; text-align: left;}
    .facil-table-title > p {font-size: 38px; margin-bottom: 40px;}
    .facil-table-txt {display: block; width: 100%; padding-right: 0}
    .facil-table-bottom {margin-bottom: 0px;}
    .m-facil-table-bottom {margin-bottom: 30px;}
    .facil-main-txt {font-size: 36px !important;}
    .facil-table-txt-sub {font-size: 26px;}
    .facil-table-txt-sub2 {padding-left: 40px;}
    .facil-table-txt2 {display: block;}
    /*Maps(eng)*/
    .eng-maps-txt {font-size: 26px;}

    /*관람·편의시설(층별안내)*/
    .m-floor-img {display: block; width: 100%;}
    .m-floor-ico-con {display: block;}
    .pc-floor-ico-con {display: none;}
    .floor-content {margin-top: 120px;}
    .floor-left {float: none; width: 100%; padding-left: 0; padding: 0 40px; box-sizing: border-box;}
    .floor-left > .byfloor-img {display: none;}
    /*층별안내 아이콘*/
    .floor-right {float: none; width: 100%; margin-top: 110px;}
    .floor-ico-con:after {clear: both; content: ''; height: 0; display: block;}
    .floor-ico-con {padding: 120px 0 200px 40px;}
    .floor-ico-con > li {float: left; display: block; width: 50%; margin: 0 0 30px 0;}
    .floor-ico-con > li.last-floor-ico {width: 100%;}
    .floor-ico-con > li:last-child {margin-bottom: 0;}
    .floor-ico > img {width: 70px; height: 70px;}
    .floor-txt {display: table-cell; vertical-align: middle; font-size: 28px; padding-left: 2.01vw;}
    .floor-down-btn {padding: 0 0 180px 40px; margin-top: 110px;}
    .floor-down-btn > a {font-size: 34px !important;}
    .floor-down-btn > a > i {width: 31px; height: 34px; margin-left: 26px; background-size: 31px 34px;}
    .floor-down-btn > a:hover > i {width: 31px; height: 34px; margin-left: 26px; background-size: 31px 34px;}
    /*eng추가CSS*/
    .eng-floor-txt {display: inline-block; font-size: 28px;}
    .page-container.floor-page-container {padding-bottom: 0;}
    .page-content-type1.floor-padge-content1 {margin: 0 auto;}

    /*영문 추가 팝업 CSS*/
    .popupWrap .eng-newpop-title strong {display: block; padding-top: 35px; font-size: 48px;}
    .popupWrap .eng-newpop-header {padding-left: 60px; height: 150px;}
    .popupWrap .eng-newpop-header:before {width: 14px; height: 150px;}
    .eng-newpop-tbl {padding: 0 40px; margin-top: 40px; }
    table.pc-information-tbl.eng-newpop-information-tbl > tbody > tr > td {padding: 8px 0 8px 20px;}
    .eng-newpop-b {font-size: 26px !important; height: 60px; width: 93%; padding-left: 30px; }
    .eng-newpop-b2 {background: #f5f5f5 url(/ux/content/images/common/ico/ico_sm_black_open.png) no-repeat 95% center;}
    .eng-newpop-datepicker input {background: #f5f5f5; height: 60px; width: 98%;}
    .eng-newpop-txt {padding: 0 40px; margin-top: 40px;}
    .eng-newpop-txt > p {font-size: 26px; margin-bottom: 20px; padding-left: 20px;}
    .eng-newpop-txt > p:before {position: absolute; top: 12px; left: 0; width: 4px; height: 4px; }
    .eng-newpop-btn {padding: 0 40px; margin-top: 50px;}
    .eng-newpop-time {font-size: 26px; width: 15%; height: 60px; padding-left: 10px;
        background: #f5f5f5 url(/ux/content/images/common/ico/ico_sm_black_open.png) no-repeat 95% center;}
    .eng-newpop-time-txt {font-size: 26px; margin-left: 14px;}
    .eng-newpop-time-txt2 {margin-right: 30px;}
    .eng-newpop-long-txt {width: 94%; height: 200px;}
    .m-eng-newpop-top {display: block; margin-top: 20px;}
    table.pc-information-tbl > tbody > tr > th.m-eng-newpop-txt-size {font-size: 26px;}

    /*마이페이지(나의 관심유물)*/
    .m-attention-box {display: block !important; margin-top: 60px;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > .m-attention-box {padding-left: 100px}
    .m-attention-table > a:hover {text-decoration: underline;}
    .m-attention-table > li {display: table; margin-bottom: 30px;}
    .m-attention-table > li:last-child {margin-bottom: 0;}
    .m-attention-title {display: table-cell; font-size: 28px; color: #444; width: 128px; padding-right: 40px; font-family: 'notokr-medium';}
    .m-attention-txt {display: table-cell; font-size: 28px; color: #666; width: calc(100% - 128px); font-family: 'notokr-light';}
    .m-attention-padding {padding: 0 40px;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul {padding: 80px 0; display: block;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > li {padding: 0; display: table-cell; width: auto !important;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > li:nth-child(1) {padding: 0 40px;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > li:nth-child(2) {height: 217px; width: 197px !important;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > li:nth-child(3) {text-align: left; padding: 0px; vertical-align: top;word-break: normal !important;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > li > a {padding: 0; }
    .attention-main-txt {font-size: 38px; margin-bottom: 0px; padding: 0 50px;}
    .attention-table {display: none;}

    /*마이페이지(나의 스크랩)*/
    .m-scrap-sub {display: table-cell; padding-left: 40px;}
    .m-scrap-sub > p > a {font-size: 26px; color: #666; font-family: 'notokr-DemiLight';}
    .m-scrap-sub > p > a:hover {text-decoration: underline;}
    .m-scrap-txt1 {margin-bottom: 20px;}
    .scrap-ckbox {width: 30px; line-height: normal !important; padding-left: 0 !important;}
    .scrap-list-tbody > ul > li:nth-child(1) {display: table; width: 100%;}
    .m-scrap-ck {display: table-cell; vertical-align: bottom;}
    .scrap-list-left .board-list-content .board-list-tbody > ul > li:nth-child(1) {margin-bottom: 40px;}
    .scrap-list-left .board-list-content .board-list-tbody > ul > li:nth-child(4) {padding: 20px 0 20px 0px;}
    .scrap-list-left .board-list-content .board-list-tbody > ul > li:nth-child(5) > a {padding: 0 0 0 70px; display: inline;}
    .scrap-posi-bottom {position: static;}

    /*마이페이지(회원정보관리)*/
    .ico-mana {width: 160px; height: 160px; background-size: 160px;}
    .mana-c-txt {font-size: 38px;}
    .mana-col {font-size: 26px;}
    .mana-left {padding-left: 44px !important;}

    /*마이페이지(비밀번호 변경)*/
    .ico-pw-change {width: 160px; height: 160px; background-size: 160px;}
    .pw-change-wi {width: 100%;}
    .pw-t2 {width: 100%;}

    /*마이페이지(메일링수신정보)*/
    .reception-top .inner-join-input {border-top: 2px solid #ebebeb;}
    .ico-reception {width: 160px; height: 160px; background-size: 160px;}

    /*마이페이지(회원탈퇴)*/
    .secession-total {width: 100%;}
    .ico-secession {width: 160px; height: 160px; background-size: 160px;}
    .secession-wi {width: 100%;}
    .secession-txt {padding: 60px 100px; border-bottom: 2px solid #ccc;}
    .secession-txt > li {font-size: 26px; line-height: 52px; padding-left: 14px; margin-bottom: 30px;}
    .secession-txt > li:before {width: 4px; height: 4px; background: #222; position: absolute; top: 24px; left: 0; content: "" }
    /*이용약관*/
    .use-box > div {float: none;}
    .use-box-title {font-size: 26px; width: 100%; color: #222; font-family: 'notokr-medium'; margin-bottom: 40px;}
    .use-box-txt {width: 100%;}

    /*개인정보처리방침*/
    .use-bl-span {display: inline-block;}
    .use-bl-span2 {display: block;}
    .pc-use-tbl {display: none;}
    .m-use-tbl {display: table;}
    .use-btn-block {margin-left: 20px;}

    table.m-use-tbl tbody tr th {border: 1px solid #e1e1e1; background: #f5f5f5; color: #222;}
    table.m-use-tbl tbody tr td {text-align: left; padding-left: 20px;}
    table.m-use-tbl tbody tr th.use-tbl-th {padding: 20px 0;}

    .use-file-box {padding-bottom: 50px;}
    .use-file-box > div {float: none; width: 100%; margin-right: 0; margin-bottom: 40px;}
    .use-file-box > div:last-child {margin-right: 0;}
    .use-file-title {font-size: 20px; line-height: 30px; padding: 30px 50px 0; color: #222; font-family: 'notokr-medium';}
    .use-file-link > a > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center; vertical-align: middle;
        display: inline-block; background-size: 10px 16px; word-break: keep-all;}
    .use-file-link > a:hover > i {width: 10px; height: 16px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center; vertical-align: middle;
        display: inline-block; background-size: 10px 16px; word-break: keep-all;}
    .use-none-box { background: #f8f8f8; content: ''; padding: 20px 0;}
    .use-file-padding {padding-top: 82px;}
    .use-file-padding2 {padding-top: 112px;}

    /*Learning*/
    .ui-content .text-area {padding: 0 40px}
    .ui-content .text-area .txt-group {display: block; padding: 80px 0;}
    .ui-content .text-area .txt-group:first-child {padding: 100px 0 80px 0;}
    .ui-content .text-area .txt-group > .tit {display: block; width: 100% }
    .ui-content .text-area .txt-group > .tit > span {display: inline-block; width: 52px; height: 52px; line-height: 52px; font-size: 32px; }
    .ui-content .text-area .txt-group > .tit > strong {width: calc(100% - 62px);}
    .ui-content .text-area .txt-group > .cont {display: block; width: 100%; margin-top: 50px}
    .ui-content .text-area .txt-group > .cont > ul li {margin-bottom: 25px}
    .ui-content .text-area .txt-group > .cont > ul li > span {width: 175px; font-size: 26px;}
    .ui-content .text-area .txt-group > .cont > ul li > p {display: table-cell; width: calc(100% - 175px);font-size: 26px;}
    .ui-content .text-area .txt-group > .cont > ul li > p.first {font-size: 26px;}

    /*마이페이지*/
    .join-input-2 .tbl-type3 > tbody > tr > th {line-height: 40px; padding: 20px 0}
    .join-input-2 .inner-join-input .tbl-type3 p.light {margin-top: 0}

    /*전체 예약 현황(View)*/
    .all-view-box {background: #fff; padding: 78px 20px;}
    .all-view-main-tit {font-size: 36px;}
    .all-view-tit {font-size: 42px; margin-bottom: 60px;}
    .all-view-area {margin-top: 0;}
    .all-view-table {width: 100%; border-collapse: collapse;border-bottom: solid 2px #cccccc; border-top: solid 4px #000000;}
    table.all-view-table > tbody > tr > th {padding-left: 0; border-bottom: solid 2px #efefef; border-right: solid 2px #efefef; font-size: 26px; text-align: center;}
    table.all-view-table > tbody > tr > td {font-size: 26px; padding: 22px 0 22px 26px; border-bottom: solid 2px #efefef;}
    .all-view-top {margin-top: 60px;}
    .all-view-non-txt {font-size: 26px;}
    .all-view-left-btn {float: left;}
    .apply-content .btn-area > .all-view-btn-left {margin-left: 0;}

    /*At a Glance  */
    .e-map-wrap {border-top: solid 4px #000000}
    .e-map-wrap > img {display: block;}
    .insti-right-con.en {margin-top: 0px; padding-top: 80px;}
    .map-shape > li {margin-bottom: 44px;}
    .map-shape > li > span {width: 47px; height: 47px;}
    .map-shape > li > a {font-size: 32px; padding-left: 26px; width: calc(100% - 73px);}
    .map-shape > li > a.on > p {font-size: 38px; border-bottom: solid 2px #333333;padding-bottom: 2px;}

    /*International Organizations  */
    .completion-info-box.eng-national-box2.en-pd {padding: 0; border-top: solid 4px #080808;}
    .org-box {padding: 80px 40px 100px 40px;}
    .org-title {font-size: 48px; padding-bottom: 80px;line-height: 70px;}
    .org-title > span {font-size: 55px}
    .ort-contents-box > span {font-size: 32px;}
    .org-box .ort-contents-box {font-size: 26px; line-height: 38px;padding-bottom: 36px;}
    .org-link-box { padding: 66px 0;}
    .org-link-box > li {float: none; width: 100%; box-sizing: border-box; margin-right: 0; margin-bottom: 60px;}
    .org-link-box > li > a::after {content: '';display: block; clear: both;}
    .org-link-box > li > a > img {float: left; width: 340px;}
    .link-contens {float: left; width: calc(100% - 374px); box-sizing: border-box; padding: 160px 0 0 34px}
    .link-contens > h4 {padding: 0; font-size: 36px}
    .link-contens > p {font-size: 26px; line-height: 38px; padding-top: 20px;}

    /*ICOM  */
    .pc-icom-img {display: none;}
    .mobile-icom-img {display: block; padding-bottom: 70px;}
    .mobile-icom-img > img:first-child {padding-left: 40px; max-width: 630px;}
    .mobile-icom-img > img:last-child {padding-top: 60px; width: 100%;}
    .icom-wrap {padding-top: 75px; padding-bottom: 40px;}
    .icom-contents {padding: 0 40px; font-size: 26px; line-height: 38px; margin-bottom: 60px}
    .icom-contents > span {font-size: 32px}
    .icom-side > li > p {font-size: 30px;}
    .icom-side > li > a {font-size: 28px}

    /*Directors Meeting of National Museums  */
    .directors-box > li {float: none;}
    .directors-box > li:first-child {width: 100%; text-align: center; margin-bottom: 100px;}
    .directors-img-box {width: 100%; padding: 60px 0;}
    .directors-box {padding: 0px 0 120px 0;}
    .directors-box > li:last-child {width: 100%; padding-left: 0px;}
    .directors-img-box.center {text-align: center;}
    .directors-img-box.center > img {margin: 0 auto;}
    /* Asian National Museums Association (ANMA) */
    .pc-association {display: none;}
    .mobile-img-asscaiation {display: block;}
    .mobile-img-asscaiation > img {width: 100%;}
    .icom-contents-list > p {font-size: 32px; padding-bottom: 26px;}
    .anma-list-contents > li > span {font-size: 26px; padding-left: 16px;}
    .anma-list-contents > li > i {width: 4px; height: 4px; margin-top: 19px;}

    /* Virtual Collection of Asian Masterpieces */
    .wd-full {width: 100% !important; max-width: none !important; padding-left: 0 !important;}
    .icom-contents.pd {padding: 0 40px;}

}

@media all and (max-width: 900px) {
    /*기증사례 폰트 조절*/
    .donation-case-area > li > div > p {font-size: 50px;}
    .donation-case-area > li > div > span {font-size: 20px;}

    /*영상관1*/
    .digital-title-area > li:first-child > h4 {font-size: 120px}
}

/*************************************************모바일*************************************************/
@media all and (max-width: 767px) {
    /*일반게시판 리스트 형식 type1*/
    .mu-news-content .board-list-header {margin-bottom: 40px}
    .board-list-type1 .board-list-content .board-list-tbody {border-top: 1px solid #202020}
    .board-list-type1 .board-list-content .board-list-tbody > ul {padding: 20px 0; border-bottom: 1px solid #efefef;}
    .board-list-type1 .board-list-content .board-list-tbody > ul:last-child {border-bottom: 1px solid #ccc;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li {font-size: 14px; }
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-list-l {padding: 0 14px;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-list-l:before {width: 1px; height: 12px; position: absolute; top: 3px; left: 0;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li > a {font-size: 19px; line-height: 28px; padding: 8px 0}

    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-l {padding: 0 10px;font-size: 14px; }
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-l:before {width: 1px; height: 11px; position: absolute; top: 4px; right: 0;}

    .board-list-type3 .board-list-content .board-list-tbody { margin: 20px 20px 0 20px;}
    .board-list-type3 .board-list-content .board-list-tbody > ul { padding: 30px 0;}
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .subject {margin-bottom: 20px; font-size: 19px; line-height: 30px;}
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li { margin-bottom: 10px;}
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li > strong {width: 95px;font-size: 14px;}
    .board-list-type3 .board-list-content .board-list-tbody > ul > .txt-box-l .txt-info li > span {width: calc(100% - 95px); font-size: 14px;}

    .page-tab-type1.exhiforeign > .exhiprovincial-list { padding-top: 30px}

    /*Journal of Korean Art and Archaeology 콘텐츠*/
    .jkaa-content .board-list-header {margin-bottom: 40px}
    .jkaa .l-img span {margin-top: 25px;}
    .jkaa .l-img span > img {width: 120px;}
    .jkaa .r-txt {padding-top: 50px;}
    .jkaa .r-txt .txt-area > strong {font-size: 29px;}
    .jkaa .r-txt .txt-area > span {margin-top: 13px; font-size: 18px;}
    .jkaa .r-txt .txt-area > p {margin-top: 25px; font-size: 14px; line-height: 19px;}
    .jkaa .r-txt .txt-area > ul {margin-top: 40px; margin-bottom: 40px;}

    .jkaa-content .btn-m-line {width: 31.29vw; margin-bottom: 12px; padding: 1.17vw 1.2vw; font-size: 3.2vw}

    /*게시판 검색 형식 type1*/
    .page-search-type1 input[type="text"] {height: 40px; padding-left: 10px; font-size: 14px;}
    .page-search-type1 input::placeholder {font-size: 14px;}
    .page-search-type1 .btn-util-search {width: 18px; height: 18px; position: absolute; top: 12px; right: 15px; }
    .board-list-total {margin: 40px 0 30px 0; font-size: 14px;}

    /*pagenation*/
    .m-pagenation {margin-top: 30px;}
    .m-pagenation img {width: 27px; height: 30px;}
    .m-pagenation a.prev img, .m-pagenation a.next img {width: 15px; height: 30px;}
    .m-pagenation a {margin-right: 17px;}
    .m-pagenation .num {margin-right: 17px; padding: 8px 32px;font-size: 24px; line-height: 24px;}

    /*포토게시판 리스트 형식 type1*/
    .board-list-type2 {}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt {padding: 25px 0 35px 0;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l {padding: 20px 0 25px 0}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l a {font-size: 19px; margin: 20px 0}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li {padding-bottom: 8px;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li strong {width: 68px; font-size: 14px;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-l .txt-info > li span {width: calc(100% - 68px); font-size: 15px}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt .alt-apply > li { padding: 0 8px; font-size: 14px;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt .alt-apply > li:before {display: block; content: ""; width: 1px; height: 10px; background: #cccccc;
        position: absolute; top: 5px; left: 0}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r {font-size: 14px; display: table;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r > span {margin-left: 0; display: table-cell; width: 25%; }
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r > span.date {width: 50%;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r .receipt-txt {font-size: 16px; text-align: right; float: none}

    /*포토게시판 뷰 형식 type1*/
    .board-view-type1 .outview-txt-box .outview-text {padding: 25px 15px 20px 20px;border-top: 2px solid #333;}
    .board-view-type1 .outview-img-box .outview {margin: 20px 0 45px 0}
    .board-view-type1 .outview-txt-box .alt-apply {margin-bottom: 20px}
    .board-view-type1 .outview-txt-box .outview-text > strong {font-size: 27px;margin-bottom: 15px;}
    .board-view-type1 .outview-txt-box .outview-list > li {padding-bottom: 13px;}
    .board-view-type1 .outview-txt-box .outview-list > li strong {width: 80px; font-size: 14px;}
    .board-view-type1 .outview-txt-box .outview-list > li p {width: calc(100% - 80px); font-size: 14px;}
    .board-view-type1 .outview-txt-box .alt-apply > li {padding: 0 12px; font-size: 14px;}
    .board-view-type1 .outview-txt-box .alt-apply > li:before {display: block; content: ""; width: 1px; height: 10px; background: #cccccc;
        position: absolute; top: 5px; left: 0}
    .board-view-type1 .view-info-cont {padding: 40px 0;}
    .btn-outview-area {margin-top: 25px;}
    .btn-outview-area .btn {display: inline-block; padding: 0 0 10px 0; font-size: 23px; margin: 0 2% 1% 0; }
    .btn-outview-area.flex-buttons { gap: 10px 15px; }
    .relation-area {margin-top: 50px; border-top: 1px solid #ddd}
    .relation-area > ul > li {padding: 15px 0; }
    .relation-area > ul > li strong {margin-bottom: 10px; font-size: 14px;}
    .relation-area > ul > li .relation-info {font-size: 14px;}
    .relation-area > ul > li .relation-info .swiper-slide {width: 149px; margin-right: 15px;}
    .relation-area > ul > li .relation-info .swiper-slide img {width: 100%;}
    .m-view-list .m-view-list-area > li > strong {padding: 10px 0 20px 0; font-size: 14px; }
    .m-view-list .m-view-list-area > li > ul > li {margin-bottom: 10px;}
    .m-view-list .m-view-list-area > li > ul > li:last-child {margin-bottom: 20px}
    .m-view-list .m-view-list-area > li > ul > li strong {padding-right: 20px; font-size: 14px;}
    .m-view-list .m-view-list-area > li > ul > li > p {font-size: 14px;}
    .m-view-list .m-view-list-area > li > ul > li > p.mt10 {font-size: 12px;}

    .board-view-type1 .outview-tit-box .label-list {margin-bottom: 15px;}
    .board-view-type1 .outview-tit-box .outveiw-tit {margin-bottom: 25px; font-size: 31px;}
    .board-view-type1 .outview-tit-box .outview-list > li {margin-bottom: 7px;}
    .board-view-type1 .outview-tit-box .outview-list > li strong {width: 98px; font-size: 14px;}
    .board-view-type1 .outview-tit-box .outview-list > li p {width: calc(100% - 98px); font-size: 14px;}
    .board-view-type1 .outview-txt-box.collection {margin-top: 35px;}
    .board-view-type1 .outview-txt-box.collection .view-info {margin-top: 35px;}

    /*교육행사*/
    .edu-section {padding-top: 0; padding-bottom: 30px;}
    .edu-section > span {font-size: 14px; margin-bottom: 7px;}
    .edu-section > strong {font-size: 15px;}
    .edu-section > .serverTime {font-size: 14px;}

    /*마이페이지 > 로그인*/
    .join-content {padding-top: 40px;}
    .join-content .login-cont i.ico-login {width: 80px; height: 80px; background: url(/ux/content/images/common/ico/ico_login_img.png) no-repeat top; background-size: 80px;}
    .join-content .login-cont .login-txt strong {margin: 50px 0 25px 0; font-size: 27px;}
    .join-content .login-cont .login-txt p {font-size: 14px;}
    .join-content .login-cont .login-txt .btn-area {margin-top: 45px}
    .join-content .login-info {margin-top: 30px; padding: 25px 30px;}
    .join-content .login-info > p {margin-bottom: 15px; font-size: 13px;}
    .join-content .login-cont .login-txt .btn-area a {margin-right: 8px;}

    /*예약하기*/
    .apply-content {padding: 35px 0; margin-top: 40px;}
    .apply-content .inner-apply-cont {padding: 0 20px;}
    .apply-content .step1-info .step1-area-r {margin-top: 35px;}
    .apply-content .step-tb-box {padding: 20px;}
    .apply-content .step-tb-box .step1-tit {margin-bottom: 17px;font-size: 21px;}
    .apply-content .select-t1 .select-box-type {width: calc(100% - 60px);}
    .apply-content .step-box {padding: 20px;}
    .apply-content .btn-area {margin-top: 25px;}
    .apply-content .btn-area > a {margin-left: 8px;}
    .apply-content .select-t1 .btn {margin-left: 11px;}
    .apply-content .tbl-type2 {margin-top: 30px;}
    .apply-content .step-box .inpt {max-width: 45px; margin: 0 10px;}
    .apply-content .step-box .btn-delete {margin-left: 15px;}
    .input-list > li { padding-left: 15px; font-size: 14px; margin-bottom: 15px;}
    .input-list > li > span:first-child {width: 100px;}
    .input-list > li:before {position: absolute; top: 12px; left: 0; width: 2px; height: 3px; content: ""; background: #000;}
    .apply-content .step1-info .step1-area-r.step2 .input-list > li:before {top: 8px;}
    .F5-img { padding-top: 0px;}
    .apply-content .step2-info {margin-top: 30px; padding-top: 25px;}
    .apply-content .step2-info .step2-area-l {float: none; width: 100%; margin-right: 0; margin-bottom: 35px;}
    .groupBox-area {margin-top: 40px;}
    .groupBox-area:last-child {margin-top: 40px;}
    .groupBox-area .groupBox {max-height: 300px; overflow-y: auto}
    .groupBox-area .groupBox > p {font-size: 14px; line-height: 20px}
    .groupBox ul li {line-height: 20px; font-size: 14px;}
    .agreeLbl {padding: 20px 15px;}
    .agreeLbl .agreeLbl-txt > li {margin-bottom: 30px;}
    .agreeLbl .agreeLbl-txt > li span {margin-right: 8px; font-size: 14px}
    .agreeLbl .agreeLbl-txt > li span.txt {margin-bottom: 10px;}
    .file-area a.ckbox-label {font-size: 14px;}
    .file-area p {line-height: 18px; margin-top: 0;}
    .inner-apply-cont-2 {padding: 0 20px}
    a.ckbox-label.ckbox-label-2 {font-size: 14px;}
    .apply-btn {margin: 40px 0 50px 0}
    .apply-btn a {margin-right: 13px}
    .F6-img {padding-top: 0;}
    .F4-img {padding-top: 0;}
    .apply-content .step2-info.step3 {border-top: 0}
    .step3-tit {padding-top: 20px;}
    .step3-tit i.icon-ok {width: 78px; height: 78px;padding-right: 15px; vertical-align: middle; background: url(/ux/content/images/common/ico/ico_step3.png) no-repeat left center;background-size: 78px}
    .step3-tit p {width: calc(100% - 935px); font-size: 26px;line-height: 33px}
    /*eng추가CSS*/
    .eng-groupbox-bottom > li {margin-bottom: 25px;}

    /*온라인 학습 영상 자료실*/
    .online-box {padding: 35px 0 20px 0}
    .online-box .online-info .tit {margin-bottom: 30px;}
    .online-box .online-info .tit i.ico-online {width: 40px; height: 40px; margin-right: 20px; background: url(/ux/content/images/common/ico/ico_tit_img1.png) no-repeat left center;
        background-size: 40px}
    .online-box .online-info .tit p {width: calc(100% - 80px); font-size: 28px; line-height: 40px;}
    .online-box .online-info .list {line-height: 18px;}
    .online-box .online-info .list > ul > li {margin-top: 15px;}
    .online-box .online-info .list > ul > li > span:first-child {width: 22px; height: 22px; margin-right: 15px; font-size: 14px; line-height: 22px;}
    .online-box .online-info .list > ul > li > span:last-child {width: calc(100% - 37px); font-size: 14px; }
    /*영문 추가 CSS*/
    .online-box .online-info .list.eng-new-list ul > li {margin-top: 15px;}
    .online-box .online-info .list.eng-new-list ul > li > span:first-child {width: 22px; height: 22px; margin-right: 15px; font-size: 14px; line-height: 22px;}
    .online-box .online-info .list.eng-new-list ul > li > span:last-child {width: calc(100% - 37px); font-size: 14px;}
    .eng-new-list .reser-tit {margin-top: 10px; font-size: 15px;}

    .online-btn { margin-top: 35px;}
    .online-btn a.down {margin-bottom: 25px;}
    .online-btn a.down i {width: 20px; height: 22px; background: url(/ux/content/images/common/ico/m_ico_down_off_img.png) no-repeat left center; background-size: 20px 22px}
    .online-btn a.youtube i {width: 24px; height: 17px;background: url(/ux/content/images/common/ico/m_ico_youtube_off_img.png) no-repeat left center; background-size: 24px 17px}
    .online-btn a.down:hover i {background: url(/ux/content/images/common/ico/ico_down_on_img.png) no-repeat left center; background-size: 20px 22px}
    .online-btn a.youtube:hover i {background: url(/ux/content/images/common/ico/ico_youtube_on_img.png) no-repeat left center; background-size: 24px 17px}
    .online-page-tab {margin-bottom: 50px; padding-top: 0}

    /*온라인 전시관 2021.03.26*/
    .page-tab-type1.special.central-special {margin-bottom: 0px;}
    .central-new-box { /*border-bottom:1px solid #ddd;*/}
    /*20240308 페이징 위 라인 삭제*/
    .central-new-box > li {float: none; width: 100%; margin: 0 0 10% 0;}
    .central-new-img-box {background: #f7f7f7; height: 195px;}
    .central-new-img-box a img {max-width: 100%; max-height: 195px; display: block; margin: auto;}
    .central-new-box > li:nth-child(2n-0) {margin: 0 0 10% 0;}
    .central-new-title {margin-top: 25px;}
    .central-new-title > .central-new-txt {font-size: 17px;}
    .central-new-title > .central-new-sub-txt {margin-top: 14px;}
    .central-new-title > .central-new-sub-txt span {font-size: 13px; padding: 5px 15px;}
    /*search*/
    .centralmuseum-search-type1 { width: 85%; height: 40px; padding-left: 15px; font-size: 13px !important;}
    .centralmuseum-search-btn {position: absolute; top: 11px; right: 15px; width: 19px; height: 19px;}
    .centralmuseum-check-box {margin-top: 20px; padding: 30px 0 40px 20px;}
    .centralmuseum-check-box ul li {margin-bottom: 20px;}
    .centralmuseum-m-check {font-size: 21px; margin-bottom: 20px; }
    .centralmuseum-m-check a i {width: 25px; height: 14px; background-size: 25px 14px; right: 20px; bottom: 9px;}

    /*일반게시판 뷰 형식 type1*/
    .board-view-type2 .board-view-txt .alt-apply > li {padding: 0 15px; font-size: 14px;}
    .board-view-type2 .board-view-txt .alt-apply > li:before {display: block; content: ""; width: 1px; height: 10px; background: #cccccc;
        position: absolute; top: 5px; left: 0}
    .board-view-type2 .board-view-txt .subject {margin: 20px 0; font-size: 28px; line-height: 32px;}
    .board-view-type2 .board-view-txt .view-l > li {font-size: 14px; margin-right: 70px;}
    .board-view-type2 .board-view-txt .view-l > li strong {margin-right: 15px; font-size: 13px;}
    .board-view-type2 .board-view-txt .view-body {margin-top: 20px; border-top: 2px solid #222; border-bottom: 1px solid #dddddd}
    .board-view-type2 .board-view-txt .view-body .viewStyle1 {padding: 40px 0; font-size: 15px;}
    .board-view-type2 .board-view-aside {margin-top: 50px;}
    .board-view-type2 .board-view-aside .aside-list li {padding: 10px 0; }
    .board-view-type2 .board-view-aside .aside-list li strong {margin-bottom: 8px; font-size: 14px;}
    .board-view-type2 .board-view-aside .aside-list li a { font-size: 14px;}
    .view-foot {margin-top: 35px;}
    .view-foot a.btn-view {font-size: 14px; }
    .view-foot .btn-view-prev i {width: 60px; height: 13px; display: block; content: ""; background: url(/ux/content/images/common/ico/m_ico_view_prev.png) no-repeat;
        background-size: 60px 13px;}
    .view-foot .btn-view-next i {width: 60px; height: 13px; display: block; content: ""; background: url(/ux/content/images/common/ico/m_ico_view_next.png) no-repeat;
        background-size: 60px 13px;}
    .view-foot .btn-view-next {position: absolute; top: 0; right: 0}

    .view-body .m-file strong {font-size: 14px; margin-bottom: 20px;}
    .view-body .m-file > a {width: 100%; color: #666; font-size: 14px;}
    .view-body .m-file i.Icon-file-type1 {display: table-cell; width: 22px; height: 23px;padding-right: 10px;vertical-align: middle;
        background: url(/ux/content/images/common/ico/ico_down_black.png) no-repeat; background-size: 22px 23px;}
    .view-body .m-file span {display: table-cell; width: calc(100% - 32px); }
    /*eng추가CSS - 게시판 하단 마크 -*/
    .eng-board-view-bottom {padding: 30px 0 30px 0px; border-bottom: 1px solid #ddd;}
    .eng-board-view-bottom > img:nth-child(2) {display: block; width: 100%; padding: 0 48px; margin: 0 auto; box-sizing: border-box;}
    .eng-board-view-bottom > div {display: block; font-size: 14px; line-height: 23px; padding: 30px 0 0 0;}

    /*교육 / 행사 list*/
    .show-list {margin-top: 25px;}
    .show-list > li {margin: 0; padding: 40px 20px; border-bottom: 1px solid #e6e6e6}
    .show-list > li .info {margin-top: 25px;}
    .show-list > li .info p {font-size: 14px; line-height: 26px;}
    .show-list > li .info a {margin-bottom: 13px; height: 58px;}
    .show-list > li .info a > strong {font-size: 19px;margin: 15px 0 20px 0; height: auto;}
    .show-list > li .info .info-list > li {padding-bottom: 8px;}
    .show-list > li .info .info-list > li strong {width: 70px; font-size: 14px;}
    .show-list > li .info .info-list > li p {width: calc(100% - 70px); font-size: 14px; }

    .img-list-type1 .info-area a > strong {font-size: 19px;margin: 15px 0 20px 0;}
    .img-list-type1 .info-area .info-list > li {padding-bottom: 8px;}
    .img-list-type1 .info-area .info-list > li strong {width: 70px; font-size: 14px;}
    .img-list-type1 .info-area .info-list > li p {width: calc(100% - 70px); font-size: 14px; }

    /*옵션 박스 type*/
    .common-option-content.type2 {padding: 25px 0 10px 0;}
    .common-option-content.type2 .inner-option-content {padding: 0 20px;}
    .common-option-content.type2 .inner-detail-search input[type="text"] {height: 40px;font-size: 14px;}
    .common-option-content.type2 .inner-detail-search input::placeholder {font-size: 14px;}
    .common-option-content.type2 .inner-detail-search .btn-util-search {width: 18px; height: 18px; position: absolute; top: 12px; right: 15px;}
    .common-option-content.type2 .receipt-box > ul > li {margin-bottom: 10px; margin-right: 0; width: 32.33%}

    /*카드 형식*/
    .board-list-card { /*border-bottom:1px solid #dddddd;*/ padding-bottom: 50px;}
    /*20240308 페이징 위 라인 삭제*/
    .border-none {border: 0}
    .board-list-card .card .txt {margin-top: 25px;}
    .board-list-card .card .txt strong {margin-bottom: 7px; font-size: 14px;}
    .board-list-card .card .txt a {margin-bottom: 15px; font-size: 19px; line-height: 25px;}
    .board-list-card .card .txt strong.tit {margin-bottom: 15px; font-size: 19px; line-height: 25px;}
    .board-view-type2 .board-view-aside .aside-tit {font-size: 21px; margin: 25px 0 20px 0;}
    .board-view-type2 .board-view-aside .aside-list .img-box {width: 85px; height: 85px; padding-right: 25px;}
    .board-view-type2 .board-view-aside .aside-list .txt-box {width: calc(100% - 110px);}
    .board-view-type2 .board-view-aside .aside-list .txt-box > span {font-size: 14px; margin-bottom: 10px;}
    .board-view-type2 .board-view-aside .aside-list .txt-box > p {font-size: 15px;}

    .collection-search {margin-bottom: 20px;}
    .radio-list li {margin-right: 15px;}

    /*공공누리*/
    .codeCopyright {padding: 40px 0 25px 0; display: none;}
    .codeCopyright img {padding: 0 30px;}
    .codeCopyright .txt {font-size: 14px; line-height: 21px; margin-top: 20px;}

    /*소장품 검색*/
    .preview {margin-bottom: 50px;}
    .gallery-top {height: 430px;}
    .board-view-type1 .view-info .view-info-cont-t1 .btn-3d i {width: 16px; height: 18px; background: url('/ux/content/images/common/ico/ico_3d_img.png') no-repeat center;
        background-size: 16px 18px;}
    .board-view-type1 .view-info .view-info-cont-t1 .btn-curator i {width: 16px; height: 18px; background: url('/ux/content/images/common/ico/ico_curator_img.png') no-repeat center;
        background-size: 16px;}
    .board-view-type1 .view-info .view-info-cont-t1 p {font-size: 14px; line-height: 21px}
    .gallery-top .swiper-button {width: 22px; height: 64px; position: absolute; top: 50%; margin-top: -32px; border: 0}
    .gallery-top .swiper-button-prev {background: url('/ux/content/images/common/btn/L_btn_swiper_prev.png') no-repeat center; left: 0; background-size: 22px 64px;}
    .gallery-top .swiper-button-next {background: url('/ux/content/images/common/btn/L_btn_swiper_next.png') no-repeat center; right: 0; background-size: 22px 64px;}

    /*소장품 확대*/
    .gallery-top .research-link {left: 50%; margin-left: -122px; bottom: -50px;}
    .gallery-top .research-link a {font-size: 14px; min-width: 120px; height: 40px;}
    .gallery-top .swiper-slide {height: calc(100% - 50px);}
    .popup-collection .tit { position: absolute;left: 0;top: 20px; }
    .popup-collection .tit h3 {margin-left: 20px; font-size: 18px;}
    .popup-collection .tit ul {margin-right: 20px;}
    .popup-collection .tit ul li { margin-right: 7px}
    .popup-collection .btn-file-down { position: absolute;right: 20px;bottom: 20px; font-size: 14px;}
    .popup-collection .btn-file-down i {width: 22px; height: 21px; padding-left: 10px; display: inline-block; vertical-align: middle;
        background: url(/ux/content/images/common/ico/ico_sm_down_black.png) no-repeat right; background-size: 22px 21px}
    .popup-collection .tit ul li img {width: 31px; height: 31px;}

    /*새창 팝업*/
    .popup-inner {padding: 0 20px; margin-top: 20px;}
    .popup-inner > h1 {font-size: 24px;}
    .popup-inner > h1 > img {width: 25px; height: 27px; vertical-align: top;}
    .popup-inner .popup-content {margin-top: 30px;}
    .popup-inner .popup-content .pop-desc > strong {font-size: 16px; line-height: 28px; margin-bottom: 15px;}
    .popup-inner .popup-content .pop-desc > .pop-txt {font-size: 16px; line-height: 26px;}
    .popup-inner .popup-content .popup-list li {margin-top: 15px;}
    .popup-inner .popup-content .popup-list ul li strong {margin-bottom: 10px; font-size: 16px;}

    /*소장품 열람*/
    .board-list-content .board-list-tbody .reading-content-area.bg > li:first-child {padding: 33px 24px 31px 20px;}
    .reading-content .reading-main-title {font-size: 28px; line-height: 48px;}
    .reading-content .reading-main-title2 {font-size: 14px; line-height: 21px; padding-top: 14px;}
    .reading-content .reading-small-content {margin-top: 24px;}
    .reading-content .reading-small-content > li { margin-bottom: 8px;}
    .reading-content .reading-small-content > li > div > h4 {font-size: 13px; line-height: 18px; margin-bottom: 2px;}
    .reading-content .reading-small-content > li > div > p {font-size: 13px; line-height: 18px;}
    .reading-content .reading-small-content {padding: 17px;}
    /* [S] 250425 퍼블수정 */
    .board-list-content .board-list-tbody .reading-content-area > li:first-child { padding: 0; width: 100% !important;}
    /* [E] 250425 퍼블수정 */
    .reading-body-title {border-top: solid 2px #222222}
    .board-list-content .board-list-tbody .reading-content-area > li:last-child {border-top: solid 1px #dddddd; padding: 35px 20px 0 20px; width: 100% !important;}
    .board-list-content .board-list-tbody .reading-content-area > li.line {border-top: 0; padding: 35px 20px 0 20px !important;}
    .reading-body-title .reading-body-content > li { padding: 17px 0; border-bottom: solid 1px #eaeaea;}
    .reading-body-content-type1 > h4 {font-size: 16px; line-height: 27px;}
    .reading-body-content-type2 .reading-body-content-min {font-size: 13px; line-height: 26px;}
    .reading-body-title .reading-body-content > li > div:last-child { margin-top: 6px;}
    .reading-body-content {padding-top: 18px;}
    .reading-body-content-type2 .reading-body-content-min > li::before {width: 2px; height: 2px; margin-left: 3px; top: -3px}
    .reading-side-box > li > h4 {font-size: 14px;}
    .reading-side-box > li > p {font-size: 14px; line-height: 21px;}
    .reading-side-box > li:last-child {margin-top: 10px;}
    .btn-lg.reading {font-size: 13px;}
    .page-header.reading {margin: 30px auto 28px auto;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.l > p {
        font-size: 19px;
        line-height: 28px;
        padding: 8px 0;
    }

    /*Global Excavation Projects Korea-Mongolia*/
    .eng-exca-total {padding-top: 30px;}
    .eng-exca-title {margin-bottom: 50px; padding: 0 20px; }
    .eng-exca-title > strong {font-size: 24px;}
    .eng-exca-sub-title {font-size: 18px; line-height: 23px; margin-top: 15px;}
    .eng-exca-sub-txt {font-size: 13px; line-height: 19px; margin-top: 40px;}
    .eng-exca-tab-box {padding: 0 20px;}
    .eng-exca-content {margin-top: 40px; padding: 0 20px 60px 20px; border-bottom: 1px solid #eaeaea; }
    .eng-exca-content > strong {font-size: 23px; margin-bottom: 25px;}
    .eng-exca-img-txt {font-size: 18px; line-height: 24px; margin-top: 40px;}
    .eng-exca-img-sub-txt {margin-top: 30px;}
    .eng-exca-img-sub-txt > li {font-size: 13px; margin-bottom: 25px; line-height: 19px;}
    .eng-exca-img-sub-txt > li:last-child {margin-bottom: 0;}
    .eng-exca-table > strong {font-size: 23px; margin-top: 55px; padding: 0 20px; }
    .eng-exca-table > p {font-size: 18px; margin: 25px 0 20px; padding: 0 20px; }
    .m-eng-exca-table {display: block; padding-bottom: 100px;}
    table.general-tbl.m-eng-exca-table-tbl > thead > tr > th {border-bottom: solid 1px #efefef;}
    table.m-eng-exca-table-tbl > thead > tr > td {border-bottom: 1px solid #efefef; text-align: left; padding: 10px 0 10px 15px; font-size: 13px; }
    .eng-exca-point {padding-left: 10px;}
    .eng-exca-point:before {top: 9px; left: 0; width: 2px; height: 2px;}
    .eng-exca-point-bottom > p { margin-bottom: 15px;}
    .eng-exca-links {display: block; margin-top: 0px; padding: 60px 20px 0 20px; border-top: 1px solid #ccc; }
    .eng-exca-links > strong {font-size: 23px; margin-bottom: 30px; display: block; width: 100%;}
    .eng-exca-links > ul {display: block; width: 100%; }
    .eng-exca-links > ul > li {margin-bottom: 25px;}
    .eng-exca-links > ul > li > p {font-size: 15px; margin-bottom: 10px;}
    .eng-exca-links > ul > li > a {font-size: 14px;}
    /*table border 추가*/
    .eng-exca-table-bottom {border-bottom: 1px solid #ccc;}

    /*Conservation Science International Exchanges*/
    .eng-conser-main-img > img {width: 100%; display: block;}
    .eng-conser-img-title {font-size: 13px; padding: 10px 10px 40px 0; }
    .eng-conser-exc-top {margin-bottom: 25px; display: block;}
    .eng-conser-exc-title {font-size: 23px; margin-bottom: 30px; width: 100%;}
    .eng-conser-exc-img {width: 260px;}
    .eng-conser-exc-img > img {width: 100%; display: block;}
    .eng-conser-exc-img-txt {font-size: 13px; line-height: 16px; width: 100%; padding: 10px 0 0 0;}
    .eng-conser-exc-txt {font-size: 18px; line-height: 24px; margin-top: 50px; margin-bottom: 25px;}
    .eng-conser-exc-info {padding-left: 0px;}
    .eng-conser-exc-info > li {display: block; width: 100%; margin-bottom: 20px;}
    .eng-conser-exc-info > li > strong {display: block; margin-bottom: 10px; width: 100%; font-weight: normal;}
    .eng-conser-exc-info > li > strong > span {font-size: 13px; padding-left: 10px;}
    .eng-conser-exc-info > li > strong > span:before {top: 9px; left: 0; width: 2px; height: 2px; }
    .eng-conser-exc-info > li > p {font-size: 13px; padding-left: 10px; width: 100%; display: block;}
    .eng-conser-exc-top2 {padding: 40px 20px 30px 20px;}
    .eng-conser-exc-img-box > div {float: none; width: 100%; margin-right: 0;}
    .eng-conser-exc-img-box > div > img {width: 100%; display: block;}
    .eng-conser-exc-img-box > p {font-size: 12px; margin-bottom: 10px;}
    .eng-conser-exc-img-box > p:nth-child(2) {margin-top: 25px;}
    .eng-conser-exc-img-box > p:last-child {margin-bottom: 0;}

    /*Exhibitions and Workshops*/
    .board-list-type1 .board-list-content .board-list-tbody > ul > li .pdf_button {
        font-size: 16px;
        width: 55px;
        padding: 2px 6px;
        height: 27px;
        line-height: 25px;
        margin-top: 10px;
    }
    .eng-conser-content {border: 0; padding-bottom: 0;}
    .eng-conser-work-txt {font-size: 18px; margin-bottom: 30px; margin-top: 35px; }
    .eng-conser-work-txt > span {display: block; padding-top: 10px; font-size: 13px; padding-left: 0;}
    .eng-conser-work-info {padding-left: 0;}
    .eng-conser-work-info > li {display: block; margin-bottom: 10px;}
    .eng-conser-work-info > li > strong {display: block; margin-bottom: 10px; width: 100%; }
    .eng-conser-work-info > li > strong > span {font-size: 13px; padding-left: 10px;}
    .eng-conser-work-info > li > strong > span:before {position: absolute; top: 9px; left: 0; width: 2px; height: 2px;}
    .eng-conser-work-info > li > p {font-size: 13px; padding-left: 10px; width: 100%; display: block;}
    .eng-conser-work-box > div:nth-child(1) {width: 100%; margin-bottom: 20px; padding-right: 0;}
    .eng-conser-work-box > div:nth-child(1) > p {font-size: 16px; padding: 10px 0;}
    .eng-conser-work-box > div:nth-child(2) > ul > li {margin-bottom: 8px;}
    .eng-conser-work-box-bottom {margin-bottom: 40px;}
    .eng-conser-work-box2 > li {display: block; width: 100%; margin-bottom: 40px;}
    .eng-conser-work-box2 > li > strong {display: block; margin-bottom: 20px; width: 100%; padding-right: 0;}
    .eng-conser-work-box2 > li > strong > span {font-size: 16px; padding: 10px 0;}
    .eng-conser-work-box2 > li > p {font-size: 13px; display: block;}

    /*International Conferences View*/
    .board-view-type2 .board-view-txt .view-body .viewStyle1.eng-conferview {padding: 15px 0 30px; border-bottom: 1px solid #efefef;}
    .board-view-type2 .board-view-aside .aside-list li.eng-confer-file {padding: 33px 15px 18px 0;}
    .board-view-type2 .board-view-txt .view-body.eng-confer-body {padding: 25px 0 10px;}
    .eng-confer-txt {font-size: 13px; line-height: 19px;}

    /*Exchange Programs*/
    .org-link-box.eng-pro-link-box > li {width: 100%; margin-right: 0; margin-bottom: 40px;}
    .org-link-box.eng-pro-link-box {padding: 55px 20px 85px 20px;}
    .link-contens.eng-pro-txt > h4 {font-size: 18px; line-height: 24px; padding: 0;}
    .eng-pro-txt h4 i {width: 8px; height: 16px; padding-left: 8px; background-size: 8px 16px;}
    /*table로 변경*/
    .link-contens.eng-pro-txt {padding: 0 0 15px 15px;}

    /*Specialist Exchange: Japan*/
    .eng-exca-sub-txt {margin-top: 25px;}
    .eng-pro-sub-title {margin-top: 30px;}
    .eng-pro-content {padding-top: 45px; margin-top: 10px; border-top: 1px solid #eaeaea;}
    .eng-pro-about-title {font-size: 23px; padding: 0 20px; margin-bottom: 35px;}
    .eng-pro-about-m {display: block; padding: 0 20px; font-size: 16px; line-height: 21px; margin-bottom: 20px; }
    .eng-pro-about-sub-txt {font-size: 13px; line-height: 19px; padding: 0 20px; margin-bottom: 30px;}
    .eng-pro-site {font-size: 15px; margin-top: 40px; padding: 0 20px;}
    .eng-pro-links {font-size: 15px; margin-top: 10px; padding: 0 20px;}

    /*NMK Senior Fellowship*/
    .eng-fellow-pc-tbl {display: none;}
    .eng-fellow-m-tbl {display: block;}
    .eng-fellow-content { padding: 60px 0 60px; border-top: 1px solid #eaeaea;}
    .eng-fellow-content2 {padding-top: 0; border-top: 0}
    .eng-fellow-pc-tbl > strong:nth-child(1) {margin-top: 0;}
    .eng-fellow-tbl-title {font-size: 18px; margin-top: 35px; margin-bottom: 15px; padding: 0 20px;}
    table.eng-fellow-table-center > thead > tr > td {text-align: center;}
    /*스와이퍼*/
    .ui-photoGallery.eng-fellow-swiper {max-width: 1050px; margin: 0 auto;}
    .research-gallery-top.eng-fellow-pallery-top {margin: 0;}
    .research-gallery-top .swiper-slide.eng-fellow-swiper-slide {width: 1050px; height: 237px;}
    .ui-photoGallery .swiper-button-next.eng-fellow-swiper-button {right: 0;}
    .ui-photoGallery .swiper-button-prev.eng-fellow-swiper-button {left: 0;}
    .ui-photoGallery .swiper-button.eng-fellow-swiper-button, .library-swiper-container .swiper-button.eng-fellow-swiper-button {margin-top: -31.75px !important;}

    /*NMK Network Fellowship*/
    .eng-pro-curr-content {padding-bottom: 65px;}
    .eng-pro-curr-title {font-size: 18px; line-height: 24px; margin-bottom: 55px; padding: 0 20px;}
    /*mobile table*/
    table.eng-pro-curr-tbl-m > thead > tr {font-size: 13px; border-bottom: 1px solid #efefef;}
    table.eng-pro-curr-tbl-m > thead > tr > th {font-size: 15px; border-bottom: 1px solid #efefef !important; }
    table.eng-pro-curr-tbl-m > thead > tr > td {padding: 15px 20px;}
    table.eng-pro-curr-tbl-m > thead > tr > td:nth-child(1) {border-right: 1px solid #efefef; }
    .curr-tbl-top {border-top: 1px solid #ccc}
    /**/
    .eng-curr-tbl-txt {margin-top: 40px; padding: 0 20px;}
    .eng-curr-tbl-txt > p {font-size: 13px; line-height: 19px; padding-left: 10px; margin-bottom: 15px;}
    .eng-curr-tbl-txt > p:before { top: 9px; left: 0px; width: 2px; height: 2px;}
    /*eng-curr-tab-box full 영역*/
    .eng-curr-tab-title { padding: 60px 0 0 0; border-top: 1px solid #eaeaea;}
    .eng-curr-year-album {padding-top: 30px;}
    .eng-curr-year-txt {margin: 0 auto; padding: 35px 20px 60px 20px; }
    .eng-curr-year-txt-title {display: block; font-size: 30px; width: 100%; padding-right: 0; margin-bottom: 20px;}
    .eng-curr-year-txt-sub > li {font-size: 13px; line-height: 18px; margin-bottom: 15px; padding-left: 10px;}
    .eng-curr-year-txt-sub > li:before {top: 10px; left: 0; width: 2px; height: 2px;}
    /*하단 영역*/
    .eng-curr-bottom-sub {padding: 0 20px 0 20px;}
    .eng-curr-bottom-box1 {padding: 60px 0; }
    .eng-curr-bottom-title {font-size: 23px; margin-bottom: 25px; }
    .curr-bottom-sub-title {font-size: 15px; line-height: 21px; margin-bottom: 30px;}
    .curr-bottom-sub-txt > li {font-size: 13px; margin-bottom: 15px; padding-left: 10px;}
    .curr-bottom-sub-txt > li:before {top: 9px; left: 0; width: 2px; height: 2px;}
    .curr-bottom-sub-txt2 > li {margin-bottom: 15px;}
    .curr-bottom-sub-txt2 > li > strong {font-size: 15px; width: 55px; padding-right: 20px;}
    .curr-bottom-sub-txt2 > li > p {width: calc(100% - 75px); font-size: 14px;}

    /*소장품 복제*/
    .reading-body-title2 {padding-bottom: 100px;}
    .m-replication-tbl > h3 { font-size: 15px; margin-bottom: 7px;}
    .reading-body-title2 > h3 {font-size: 16px; line-height: 27px; padding: 18px 0 22px 0;}
    table.tbl-type5 {border-top: solid 1px #000000;}
    table.tbl-type5 > thead > tr > th {font-size: 13px; border-bottom: solid 1px #cccccc;}
    table.tbl-type5 > tbody > tr > td {font-size: 13px; color: #666666; border-left: solid 1px #efefef;
        border-bottom: solid 1px #efefef;}
    table.tbl-type5 > tbody > tr > td:first-child { font-size: 13px; padding-left: 10px;}
    table.tbl-type5 > tbody > tr.replication-last-line {border-bottom: solid 1px #cccccc;}
    table.tbl-type5 > tbody > tr.replication-last-line > td:last-child {text-align: left; padding-left: 14px;}
    .replication-last-title {padding: 40px 0 0px 0;}

    /*기증안내*/
    .page-header.donation-intro {margin: 15px auto 0px auto;}
    .donation-body-content.intro {border-top: solid 2px #333333;}
    .reading-body-content-type1-intro > h4 {font-size: 19px; line-height: 26px; padding-bottom: 12px;}
    .reading-body-content-type1-intro > p {font-size: 13px; line-height: 19px; }
    .reading-body-content-type1-intro {padding: 35px 0; border-bottom: solid 1px #eaeaea;}
    .donation-body-content.intro > li:last-child > div > p {padding-bottom: 26px;}
    .page-content-type1.donation-intro { margin: 0 auto 37px auto;}

    /*기증사례*/
    .donation-case-area {border-top: solid 2px #222222; padding: 25px 0 21px 0;}
    .donation-case-area > li > div > p {font-size: 30px;}
    .donation-case-area > li > div > p > span {font-size: 13px;}
    .donation-case-area > li > div > i > img {width: 20px; margin-right: 5px;}
    .page-content-type1.donation-case > ul > li > div {padding-top: 11px;}
    .page-content-type1.donation-case > ul > li::before {width: 1px; height: 86px;}
    .page-search-type1 .btn-util-search.donation {width: 18px; top: 12px}
    .page-content-type1.donation-case {margin: 0 auto 30px auto;}
    .board-list-card .card .txt.donation-case p {font-size: 14px;}
    .list-donation-arae > li > div:first-child {font-size: 13px; vertical-align: baseline;}
    .list-donation-arae > li > div:last-child {font-size: 13px; top: 0;}
    .board-list-card .card .txt.donation-case a {margin-bottom: 10px;}
    .list-donation-arae > li {width: auto;}
    .list-donation-arae > li:first-child {position: relative; top: 3px;}
    .board-list-header.donation {padding-bottom: 24px;}
    .list-donation-arae {margin-top: 5px;}

    /*상설전시장 층별 안내*/
    .permanent-img {height: 198px;}
    .permanent-info-title {font-size: 15px; line-height: 23px; margin-bottom: 30px;}
    .permanent-info-title > span {font-size: 15px;line-height: 23px}
    .page-header.permanent { margin: 15px auto 35px auto;}
    .permanent-list-body { padding: 0 0 71px 0;}
    .permanent-list-body > li { margin-bottom: 31px}
    .permanent-list-body > li.bar {display: none;}
    .permanent-area > li > h3 { font-size: 56px; padding-bottom: 6px;}
    .permanent-area > li > h3 > span {font-size: 37px;}
    .page-content-type1.permanent {margin: 0 auto 26px auto;}
    .permanent-img-info {font-size: 25px; padding: 20px;}
    .permanent-area > li > p {font-size: 14px; line-height: 23px; padding-top: 15px; height: auto}
    .permanent-area > li {margin-bottom: 36px;}
    .permanent-area > li > img {margin-bottom: 36px}
    .permanent-area > li:last-child {margin-top: 0px;}
    /*국문 추가 CSS*/
    .permanet-info-btn {margin-bottom: 15px;}
    .permanet-info-btn > a {font-size: 14px;}
    .permanet-info-btn > a > i { width: 8px; height: 13px; margin-left: 13px; background-size: 8px 13px}
    .permanet-info-btn > a:hover > i {width: 8px; height: 13px; margin-left: 13px; background-size: 8px 13px}

    /*역사의 길*/
    .permanent-info-title.history {padding: 0 0px 30px 0;}
    .board-list-header.history { margin-right: 30px}
    .board-list-header-history { padding: 25px 20px 0 20px; border-top: solid 1px #dddddd;}
    .board-list-big-title {font-size: 24px; padding: 50px 0 25px 0;}
    .page-content-type1.history {padding: 0;}
    .board-list-header.history { padding: 0 20px 30px 20px; }
    .board-list-header-history > h4 {font-size: 13px;}
    .board-list-header-history > p {font-size: 13px; padding: 17px 0 25px 0px;}
    .btn-lg.history {font-size: 14px;padding: 3px 0 0 0; font-family: 'notokr-regular';}
    .online-btn.history a.down i {margin: 0 0 5px 6px}
    .online-btn.history {margin-top: 11px;}

    /*레이어 팝업*/
    .popup-wrap .popup-area-type1 .pop-header {height: 55px;}
    .popup-wrap .popup-area-type1 .pop-header .popup-close {position: absolute; top: 20px; right: 20px}
    .popup-wrap .popup-area-type1 .pop-header .popup-close img {width: 25px; height: 25px;}
    .popup-wrap .popup-area-type1 .swiper-pagination-bullet {width: 12px; height: 12px;}
    .popup-wrap .popup-area-type1 .pagination {margin-top: 20px;}
    .popup-wrap .popup-area-type2 .pop-header .popup-close {position: absolute; top: 20px; right: 20px}
    .popup-wrap .popup-area-type2 .pop-header .popup-close img {width: 25px; height: 25px;}

    .popup-wrap-type3.popup-detail .pop-container {margin: 0 20px; width: auto;}
    .popup-wrap-type3.popup-marc .pop-container {margin: 0 20px; width: auto}
    .popup-wrap-type3 .pop-container .pop-header {padding-left: 20px; height: 75px;}
    .popup-wrap-type3 .pop-container .pop-header:before {width: 7px; height: 75px;}
    .popup-wrap-type3 .pop-container .pop-header > strong {padding-top: 17px; font-size: 18px; width: calc(100% - 50px)}
    .popup-wrap-type3 .pop-container .pop-content {padding: 20px}

    /*기증사례 swiper*/
    .case-swiper-container {height: 299px}
    .case-swiper-container .swiper-button {width: 22px; height: 63px; margin-top: -31.5px; background-size: 22px 63px }
    .popup-wrap .popup-area-type1 .case-txt {margin-top: 40px; padding: 0 20px;}
    .popup-wrap .popup-area-type1 .case-txt > strong {margin-bottom: 40px; font-size: 21px;}
    .popup-wrap .popup-area-type1 .case-txt > ul > li {margin-bottom: 20px; font-size: 14px;}
    .popup-wrap .popup-area-type1 .case-txt > ul > li span {padding-right: 10px; margin-right: 6px; position: relative;}
    .popup-wrap .popup-area-type1 .case-txt > ul > li span:after {width: 1px; height: 13px; content: ""; position: absolute; top: 4px; right: 0; background: #cccccc;}

    /*우리문화재 국외전시*/
    .exhioversea-info-box {padding: 0px 0px 5px 0;}
    .board-list-card .card .txt.exhioversea a {font-size: 19px;}
    .exhioversea-info > h4 {width: 70px;font-size: 14px;}
    .exhioversea-info > p {font-size: 15px;}
    .exhioversea-img-over .over-text > ul > li > a {font-size: 16px;}
    .exhioversea-img-over .over-text > ul > li:first-child {margin-bottom: 24px;}
    .btn-over.blue-purple { border-bottom: 1px solid #a184ff !important; }

    /*소속 국립박물관 전시*/
    .board-list-total.exhiprovincial {margin: 0px 0 25px 0;}
    .online-page-tab.exhiprovincial { margin-bottom: 35px;}
    .show-list.exhiprovincial {margin-top: 20px;}
    .page-content-type1.exhiprovincial {margin: 0 auto 26px auto;}
    .show-list > li .info.exhiprovincial p {font-size: 15px; padding-top: 8px;}
    .show-list > li .info.exhiprovincial > span {font-size: 13px;padding-top: 5px;}
    .show-list > li .info.exhiprovincial a > strong {margin: 20px 0 2px 0;}
    .show-list.exhiprovincial > li:first-child {padding-top: 0}
    .show-list.exhiprovincial > li {padding: 30px 20px 0 20px;}
    .show-list > li .info.exhiprovincial {height: auto;}

    /*전시도록*/
    .board-list-type2.report {padding: 0 20px; }
    .page-tab-type1.report {margin-bottom: 25px;}
    .board-list-total.report {margin: 32px 0 2px 0;}
    .show-list.report > li .info a > strong {margin: 20px 0 19px 0;}
    .show-list.report {margin-top: 0;}
    .page-content-type1.report {margin: 0 auto 30px auto;}
    .show-list.report > li .info .info-list > li p {padding-left: 0px;}
    .exhioversea-img-over .over-text > img {width: 40px !important; margin: 0 auto;}

    /*추천동선*/
    .recommend-card-wrap {padding: 40px 5px}
    .recommend-txt {margin: 25px 0 20px 0}
    .recommend-txt p {font-size: 15px; line-height: 23px; margin-bottom: 26px}
    a.btn-down i {width: 21px; height: 22px;background: url(/ux/content/images/common/ico/m_ico_down_off_img.png) no-repeat left center; background-size: 21px 22px}
    a.btn-down:hover i {background: url(/ux/content/images/common/ico/ico_down_on_img.png) no-repeat left center; background-size: 21px 22px}

    .recommend-popup .popup-area-type1 .pop-header {height: auto}
    .recommend-popup .item .item-txt {padding: 50px 20px;}
    .recommend-popup .item .item-txt .info-txt-l {padding-bottom: 40px; border-bottom: 1px solid #c8c8c8}
    .recommend-popup .item .item-txt .info-txt-r {padding-top: 35px; line-height: 26px; font-size: 14px;}
    .recommend-popup .item .item-txt .info-txt-l strong.tit {margin-bottom: 25px; font-size: 31px; line-height: 31px;}
    .recommend-popup .item .item-txt .info-txt-l ul > li > strong {width: 100px; font-size: 14px;}
    .recommend-popup .item .item-txt .info-txt-l ul > li > p {width: calc(100% - 100px); font-size: 14px; }
    .recommend-popup .item .item-txt .info-txt-r p {margin-bottom: 10px;}
    .recommend-popup .item .item-txt .info-txt-r a.btn-close {width: 15px; height: 8px;}
    .recommend-popup .item .item-txt .info-txt-r a.btn-close i {width: 25px; height: 16px;
        background: url('/ux/content/images/common/btn/btn_arrow_close.png') no-repeat center; background-size: 15px 8px;}
    .recommend-swiper-container .button-area > div {padding: 0 10px;font-size: 14px}
    .recommend-swiper-container .button-area .next-txt {position: absolute; top: 0; right: -105px}
    .recommend-swiper-container .button-area .prev-txt {position: absolute; top: 0; left: -105px}
    .recommend-swiper-container .next-txt-area {min-width: 105px; height: 63px; margin-top: -31px;}
    .recommend-swiper-container .prev-txt-area {min-width: 105px; height: 63px; margin-top: -31px;}
    .recommend-swiper-container .swiper-button {width: 21px; height: 63px; border: 0; margin: 0}
    .recommend-swiper-container .swiper-button-prev {background: url('/ux/content/images/common/btn/L_btn_swiper_prev.png') no-repeat center; top: 0; left: 0; background-size: 21px 63px }
    .recommend-swiper-container .swiper-button-next {background: url('/ux/content/images/common/btn/L_btn_swiper_next.png') no-repeat center; top: 0; right: 0; background-size: 21px 63px}
    .recommend-popup .item-tit .item-txt {padding: 40px 20px;}
    .recommend-popup .item-tit .item-txt strong {margin-bottom: 15px; font-size: 28px; line-height: 32px;}
    .recommend-popup .item-tit .item-txt a {position: absolute; top: 40px; right: 15px}

    .popup-wrap h3 {font-size: 26px; margin-left: 15px;}
    .floor-tab > li > a {display: block; width: 36px; height: 36px; line-height: 36px; font-size: 27px;}
    .floor-tab > li > a > span {font-size: 16px;}

    /*외국박물관 소장 한국문화재*/
    .side-exhiforeign { margin-top: 5px;}
    .page-small-title {font-size: 15px; line-height: 23px; padding-top: 33px;}
    .side-exhiforeign-area > li:first-child {font-size: 14px; padding-top: 20px; line-height: 21px; border-top: solid 1px #dddddd;}
    .side-exhiforeign-area > li:nth-of-type(2) > p {font-size: 14px;padding-bottom: 10px;}
    .side-exhiforeign-area > li:nth-of-type(3) > p {font-size: 14px;padding-bottom: 10px;}
    .exhiprovincial-list-info0 {font-size: 19px}
    .exhiprovincial-list-info1 {font-size: 15px}
    .exhiprovincial-list-info2 {font-size: 14px}
    .exhiprovincial-list-info1 {padding-top: 6px}
    .exhiprovincial-list-info2 {padding-top: 11px;}
    .side-exhiforeign-area > li {margin-bottom: 13px}
    .side-exhiforeign-area > li:nth-of-type(3) > div > a > img, .side-exhiforeign-area > li:nth-of-type(2) > div > a > img {width: 50%;}

    .board-list-foot.exhiprovincial {border-top: solid 1px #e6e6e6;}
    .swiper-wrapper.exhiforeign {border-bottom: solid 1px #dddddd;}
    .m-pagenation.exhiforeign {margin-top: 39px}
    .exhiprovincial-over > li > a {font-size: 16px !important;}
    .exhiprovincial-over > li:nth-of-type(2) {margin: 15px 0}

    .exhiprovincial-list {margin-top: 30px;}
    .img-box-exhiprovincial {height: 229px;}
    .img-box-exhiprovincial .swiper-slide {height: 229px;}
    .exhiprovincial-txt {padding: 25px 0 0 0;}
    .exhiprovincial-list > ul > li {padding: 20px 0}

    /*중앙박물관*/
    .centralmuseum-area > li > a { padding: 12px 0; font-size: 16px; background: url(/ux/content/images/common/ico/ico_lg_black_close.png) no-repeat 98%; background-size: 19px 10px;}
    .centralmuseum-area > li > a.active {background: url(/ux/content/images/common/ico/ico_lg_black_open.png) no-repeat 98%; background-size: 19px 10px; font-size: 18px;}
    .centralmuseum-area > li > .item > .video-c li { margin-top: 25px;}
    .centralmuseum-area > li > .item .centralmuseum-title > p { font-size: 19px;}
    .centralmuseum-area > li > .item > .vr-list li {margin-top: 25px;}
    .recommend-swiper-container .video {max-width: 1020px; height: 100vh; margin: 0 auto}
    .centralmuseum-area > li > a > span {width: calc(100% - 35px);}
    /*특별전시*/
    .page-tab-type1.special {padding: 0 20px; box-sizing: border-box; margin-bottom: 50px}
    .page-header.special { margin: 15px auto 29px auto;}
    .show-list.special > li {margin-bottom: 60px}
    .board-list-header.full.special { margin: 0 auto 35px auto;}

    /*전시가 없을 때*/
    .centralmuseum-none-box {width: 100%; text-align: center; padding: 100px 0 50px;}
    .centralmuseum-none-box .centralmuseum-none-box-content img {width: 70px; height: 77px;}
    .centralmuseum-none-box .centralmuseum-none-box-content p {font-size: 20px; padding-top: 30px;}

    /*영상관1*/
    .digital-title-area > li:first-child {max-width: 767px; border-top: solid 2px #222222; padding: 14px 5px 22px 9px; border-bottom: solid 1px #bbbbbb;}
    .letter-font2 {display: inline-block; padding-right: 1.8%}
    .digital-title-area > li:first-child > div {font-size: 15px; padding-top: 10px}
    .digital-title-area > li:first-child > h4 { font-size: 70px; padding: 0 0 0 3%;}
    .digital-letter > p:nth-child(1) {letter-spacing: 10px;}
    .digital-letter > p:nth-child(2) {letter-spacing: 3px;}
    .digital-letter > p:nth-child(3) {letter-spacing: 4px;}
    .digital-letter > p {font-size: 15px;padding-bottom: 7px;}
    .digital-txt-style { font-size: 34px; padding-top: 4px;}
    .digital-title-area > li:last-child > p {padding: 30px 0 0 0; font-size: 15px; line-height: 23px}
    .digital-title-area > li:last-child > p:last-child {padding-top: 22px}
    .digital-img-area {margin: 54px 0 40px 0;}
    .digital-view-table > h4 {font-size: 24px;padding-bottom: 24px;}
    /*20220919 추가*/
    .digital-view-content > h4 {font-size: 24px;padding-bottom: 24px;}
    .digital-view-content > h5 {font-size: 18px;}
    .reading-side-box2 > li > h4 {font-size: 14px;}
    .reading-side-box2 > li > p {font-size: 18px; line-height: 21px;}
    .reading-side-box2 > li:last-child {margin-top: 10px;}
    .reading-side-box2.digital2 > li > p {padding: 20px 0 20px 0;}
    .reading-side-box2 > li > ol {padding-bottom: 10px;}
    .reading-side-box2 > li > ol > li {font-size: 14px; line-height: 23px;}
    .reading-side-box2 > li > p.subtitle {padding-top: 10px; padding-bottom: 10px; font-size: 16px;}

    table.tbl-type5.digital > tbody > tr:first-child {border-top: solid 1px #222222}
    table.tbl-type5.digital > tbody > tr {border-bottom: solid 1px #efefef;}
    table.tbl-type5.digital > tbody > tr > td { font-size: 13px; padding: 0 0 20px 0}
    table.tbl-type5.digital > tbody > tr > td:first-child {font-size: 16px; padding: 20px 0 15px 0;}
    table.tbl-type5.digital > tbody > tr > td:nth-child(2) { margin-right: 20px}
    table.tbl-type5.digital {border-bottom: solid 1px #cccccc;}
    .video-area {margin-top: 35px;}
    .digital-video-title {font-size: 24px;padding: 29px 0 7px 0;}
    .digital-video-title2 {font-size: 13px; line-height: 21px; padding-bottom: 25px}
    .digital-side-title { font-size: 25px}
    .side-info-digital {font-size: 14px}
    .reading-side-box.digital > li > p {padding: 20px 0 20px 0;}
    .reading-side-box > li > h2 {font-size: 13px; padding: 0 0 10px 0}
    .reading-side-box.digital > li > p {padding: 11px 0 25px !important}
    .online-btn.digital {text-align: left;margin-top: 15px;}
    .video > img {width: 41px; height: 41px}
    .digital-view-table.mobile {padding: 0 15px;}
    .digital-view-table.mobile p {margin-top: 15px !important; font-size: 14px}
    .board-list-content .board-list-tbody .reading-content-area.type2 {margin-bottom: 30px;}
    .digital-t .video-area {margin: 30px auto 60px auto; padding: 0 15px}
    .video-area .video-type strong {font-size: 24px; margin: 25px 0 15px 0}

    /*영문 추가 CSS*/
    .eng-digital-sub-info {font-size: 13px; line-height: 19px; margin-top: 15px;}

    .digital-view-table.mobile {padding: 0 15px;}
    .digital-view-table.mobile p {margin-top: 15px !important; font-size: 14px}
    .board-list-content .board-list-tbody .reading-content-area.type2 {margin-bottom: 30px;}
    .digital-t .video-area {margin: 30px auto 60px auto; padding: 0 15px}
    .video-area .video-type strong {font-size: 18px; margin: 25px 0 15px 0}

    h4.video-new-title {font-size: 24px; padding-bottom: 24px;}

    table.tbl-type5.digital.digital-luck > tbody > tr > td:first-child {padding: 12px 0px; color: #666;}
    table.tbl-type5.digital.digital-luck > tbody > tr > td:first-child {font-size: 13px;}
    table.tbl-type5.digital.digital-luck > tbody > tr > td {display: table-cell;border-bottom: 0; padding: 12px 0;}

    /*Studio M:On*/
    .studio-list li {float: none; width: 100%; margin-right: 0%;}
    .studio-list li strong {margin-top: 15px; font-size: 16px;}

    /*디지털실감 인트로 2021.4.14*/
    .digital-intro-top-area {padding-bottom: 40px; border-bottom: 1px solid #ddd;}
    .digital-intro-top-txt {font-size: 16px; line-height: 24px; margin: 25px 0 20px; padding: 0 20px;}
    .digital-intro-top-sub-txt {padding: 0 20px;}
    .digital-intro-top-sub-txt > li {font-size: 15px; line-height: 23px; margin-bottom: 10px;}

    .digital-new-ico > i {width: 8px; height: 13px; margin-left: 10px; background-size: 8px 13px;}
    .digital-new-ico:hover > i {width: 8px; height: 13px; margin-left: 10px; background-size: 8px 13px;}
    .digital-new-ico2 > i {width: 16px; height: 17px; padding-left: 10px; background-size: 16px 17px;}
    .digital-new-ico2:hover > i {width: 16px; height: 17px; padding-left: 10px; background-size: 16px 17px;}

    .digital-floor-section > li {margin-bottom: 50px;}

    .digital-book-info {font-size: 14px; margin-bottom: 10px;}
    .digital-intro-top-area2 {padding: 50px 20px 0 20px;}
    .digital-floor {font-size: 56px; padding-bottom: 6px;}
    .digital-floor span {font-size: 37px;}

    .digital-intro-floor-txt {padding: 0 20px 0 20px;}

    .digital-intro-floor-txt p {margin-bottom: 10px;}
    .digital-circle {width: 25px; height: 25px; margin-right: 10px;}
    .digital-circle-txt {font-size: 16px;}

    .digital-intro-book-area li {margin-bottom: 30px;}
    .digital-new-top-margin {margin-top: 10px;}

    /*디지털 실감 추가 CSS 2021.3.18*/
    .digtal-new-title span:nth-child(1) {display: table-cell; width: 85px; font-size: 16px;}
    .digtal-new-title span:nth-child(2) {display: table-cell; width: calc(100% - 65px);}

    /*디지털 실감 상세 2021.04.19*/
    .side-info-digital.side-info-digital-new > li > p:first-child {width: 75px;}
    .side-info-digital.side-info-digital-new {padding-bottom: 30px; border-bottom: 0;}
    .reading-side-box > li.reading-side-box-border-new {padding-top: 30px;}
    .digital-img-area.digital-img-area-new {margin: 0 0 34px 0;}
    .reading-side-box-border {border-top: 1px solid #ddd;}
    .video-type-new-area > div {float: none; width: 100%;}
    .video-area .video-type .video-type-right strong {margin: 30px 0 15px 0;}

    /*중·근세관*/
    .board-list-header.showroom {padding: 0 20px;}
    .showroom-title {font-size: 15px; line-height: 23px; padding-top: 30px;}
    .exhiprovincial-more-area > div {width: calc(100% - 150px);border-bottom: solid 2px #222222; padding-bottom: 0px;}
    .exhiprovincial-more-area > button {font-size: 14px; width: 120px; border-bottom: solid 2px #3f0b9f;}
    .showroom-info-area > h3 {font-size: 24px;padding: 43px 0 35px 0;}
    .exhiprovincial-more-area > button > i > img {width: 27px; height: 15px;}
    .showroom-title2 > strong {font-size: 14px; padding-bottom: 15px; }
    .showroom-title2 > strong > span:first-child {position: relative; top: -2px}
    .showroom-title2 > strong > span:last-child {padding-left: 4px}
    .showroom-title2 > p {font-size: 14px; line-height: 21px; }
    .showroom-box > li {margin-bottom: 42px;}
    .showroom-video-area > h3 {font-size: 24px; padding-top: 33px;}
    .showroom-video-area > p {font-size: 13px;padding: 21px 0 21px 0;}
    .showroom-video > li > p {font-size: 15px;padding: 12px 0 26px 0;}
    .side-showroom-title1 {font-size: 13px;}
    .side-showroom-title2 {font-size: 13px; line-height: 21px}
    .board-list-content .board-list-tbody .reading-content-area > li.showroom-first-side { padding: 25px 20px 0 20px;}
    .video-area-showroom > img {width: 41px; height: 41px;}
    .side-top-area > h5 {font-size: 14px}
    /*CSS추가*/
    .showroom-other {padding-bottom: 0; border-bottom: 0; box-sizing: border-box;}
    .showroom-other-title {font-size: 24px; margin-bottom: 30px;}
    .showroom-other-sub {font-size: 14px; margin-bottom: 20px;}
    .showroom-other-txt {font-size: 14px; line-height: 21px; padding-bottom: 30px;}
    .showroom-side-box > li > h2 {padding: 0px;}
    .showroom-other-top > li:last-child {margin-top: 0; padding-top: 30px;}
    .digital-img-area.showroom-other-bottom {margin: 0 0 30px 0;}
    .digital-view-table.showroom-other-top2 > h4 {padding: 30px 0 11px;}

    /*전시 상설전시*/
    /* [S] 250425 퍼블수정 */
    .digital-img-area.showroom .over {min-width: 100%; padding-left: 0}
    /* [E] 250425 퍼블수정 */
    .digital-img-area.showroom .over > div {position: absolute;left: 20px;top: 50%;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        -moz-transform: translate(0%, -50%);
        -o-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
    .digital-img-area.showroom .over .abcdefg1 {margin: 0; font-size: 3.5vw}
    .digital-img-area.showroom .over .abcdefg2 {font-size: 6.4vw}

    .groupSty01 #t02_c01 {font-size: 24px; padding-bottom: 35px; margin-top: 43px;}

    /*소식참여 > 소식 > 소식지*/
    .mu-news .l-img span {margin-top: 25px;}
    .mu-news .r-txt {padding-top: 50px;}
    .mu-news .r-txt .txt-area > strong {font-size: 29px;}
    .mu-news .r-txt .txt-area > span {margin-top: 13px; font-size: 18px;}
    .mu-news .r-txt .txt-area > p {margin-top: 25px; font-size: 14px; line-height: 19px;}
    .mu-news .r-txt .btn-chapter {margin-top: 35px; padding: 0 0 15px 0; font-size: 18px; border-bottom: 2px solid #333;
        background: url(/ux/content/images/common/ico/m_ico_lg_black_close.png) no-repeat right; background-size: 25px 14px;}
    .mu-news .r-txt .btn-chapter.active { background: url(/ux/content/images/common/ico/m_ico_lg_black_open.png) no-repeat right; background-size: 25px 14px;}
    .mu-news .r-txt .chapter-info {padding: 30px 20px;}
    .mu-news .r-txt .chapter-info > ul > li {margin-bottom: 25px;}
    .mu-news .r-txt .chapter-info > ul > li > strong {margin-bottom: 10px; font-size: 16px;}
    .mu-news .r-txt .chapter-info > ul > li > p {line-height: 18px; font-size: 14px; margin-bottom: 13px;}
    .mu-news .r-txt .chapter-info > ul > li > p > span {font-size: 14px; margin-bottom: 5px;}
    .mu-news .btn-m-line {width: 31.29vw; margin-bottom: 12px; padding: 1.17vw 1.2vw; font-size: 15px}
    .mu-news .btn-link {width: 31.29vw;}
    .category-tit {margin-top: 40px;}
    .category-tit strong {display: block; font-size: 21px; margin-bottom: 35px;}
    .category-tit .select-box-type {width: calc(100% - 112px); vertical-align: middle;}
    .category-tit .btn-m-line {width: 80px; height: 40px; line-height: 40px; margin: 0 0 0 18px; padding: 0}
    .mu-news-content .pdf-down i {width: 4.82vw; height: 4.82vw; background: url(/ux/content/images/common/ico/ico_pdf_type1.png) no-repeat right; background-size: 4.82vw}
    .mu-news-content .btn-link i {width: 2.6vw; height: 4.69vw; background: url(/ux/content/images/common/ico/ico_link_arrow.png) no-repeat right; background-size: 2.6vw 4.69vw}

    /*4개 이미지 list 게시판*/
    .img-list-type1 {margin-top: 25px;}
    .img-list-type1 > li {margin-bottom: 9.12vw;}
    .img-list-type1 > li .info > strong {font-size: 4.95vw; margin-bottom: 3.25vw;}
    .img-list-type1 > li .info p {font-size: 3.65vw;}
    .img-list-type1 > li .info > span {margin-top: 9.12vw}

    .invite-content .img-list-type1 > li .img-box {width: 110px; padding-right: 15px;}
    .invite-content .img-list-type1 > li .info {width: calc(100% - 125px);}
    .invite-content .img-list-type1 > li {margin-bottom: 30px}
    .invite-content .img-list-type1 > li .info > a {font-size: 19px;}

    /*소식 > 소식지 > 웹진*/
    .webzine-content .board-list-header {margin-bottom: 40px;}
    .webzine-tit {font-size: 16px; line-height: 24px;}
    .webzine-tit img {width: 60px; height: 14px;}
    /*소식 > 소식지 > 큐레이터*/
    .curator-content .page-tab-type1 {margin-bottom: 40px;}
    .curator-content .page-search-type1 {margin-top: 20px;}
    .webzine-content .btn-link {width: 175px; font-size: 15px;}
    .webzine-content .btn-link i {width: 10px; height: 18px; background: url(/ux/content/images/common/ico/ico_link_arrow.png) no-repeat right; background-size: 10px 18px}
    .magazine-content .pdf-down {width: 175px; font-size: 15px;}
    .magazine-content .pdf-down i {width: 18px; height: 18px; background: url(/ux/content/images/common/ico/ico_pdf_type1.png) no-repeat right; background-size: 18px 18px}
    .magazine-content .tab-type1 {margin-bottom: 40px;}
    /*소식·참여 >  영상 > 영상 소식*/
    .reply-write-area {margin-top: 45px; }
    .reply-write-area .reply-write {height: 72px;}
    .reply-write-area .reply-write textarea {width: calc(100% - 72px);}
    .reply-write-area .reply-write button {width: 72px; font-size: 14px;}
    .reply-write-area .reply-list > ul > li {padding: 20px 0; font-size: 14px;}
    .reply-write-area .reply-list > ul > li > div .name {font-size: 14px;}
    .reply-write-area .reply-list > ul > li > div .date {padding: 0 10px;}
    .reply-write-area .reply-list > ul > li > div .btn {min-width: 65px; padding: 5px 8px; font-size: 14px;}
    .reply-write-area .reply-list > ul > li > p {line-height: 16px; margin-top: 17px;}

    /*정보목록 상세 팝업*/
    .popup-content {width: 95.1%}
    .popup-information-title {font-size: 24px;}
    .popup-information-title2 {font-size: 18px; padding: 0 20px;}
    .tbl-area { padding: 34px 20px 34px 20px;}
    .popup-information-title::before {width: 7px; height: 75px; top: -1px;}
    table.mobile-information-tbl {border-top: solid 1px #000000}
    table.mobile-information-tbl > tbody > tr > th {padding: 12px 0; font-size: 14px;}
    table.mobile-information-tbl > tbody > tr > td {padding: 14px 0 14px 19px; font-size: 13px; }
    .popup-information-close-box > li > a {font-size: 18px;}
    .popup-information-close-area {margin-top: 26px;}

    /*공공데이터방*/
    .public-link > li:first-child {font-size: 16px; position: relative; top: 4px;}
    .public-link > li > a {font-size: 16px}
    .public-title {font-size: 18px; padding-bottom: 40px;}
    .public-link {padding: 30px 0 20px 0;}
    .board-list-header-history > h5 {font-size: 18px}
    .publice-side {padding: 20px 0 0 5px;}
    .publice-side > li > span {font-size: 18px; line-height: 22px; padding-left: 10px }
    .publice-side > li::before {width: 5px; height: 5px; top: 9px; margin-right: 0;}
    .publice-side > li:last-child {margin: 18px 0 25px 0;}
    .public-side-btn > a {font-size: 18px !important}
    .public-side-btn > a > i {width: 14px; height: 21px; background-size: 10px;}
    .public-side-btn > a:hover > i {width: 14px; height: 21px; background-size: 10px;}
    .public-link > li > a > i {width: 14px; height: 21px; background-size: 10px;}
    .public-link > li > a:hover > i {width: 14px; height: 21px; background-size: 10px;}
    .api-down > a > i {width: 16px; height: 17px; margin-left: 13px; background-size: 16px 17px;}
    .api-down > a:hover > i {width: 16px; height: 17px; margin-left: 13px; background-size: 16px 17px;}

    /*학예사자격증안내(학예사자격증제도안내)*/
    .curator-left-con {width: 100%; margin-right: 0; padding-top: 50px;}
    .curator-right-con {width: 100%; padding-top: 40px; border-top: 1px solid #ddd;}
    .curator-title {font-size: 19px; margin-bottom: 20px;}
    .curator-talble {border-top: 1px solid #222;}
    .curator-talble > li {width: 100%; border-bottom: 1px solid #efefef; }
    .curator-talble > li:last-child {border-bottom: 1px solid #ccc;}
    .curator-table-title {width: 85px;}
    .curator-table-title > p {font-size: 16px; padding: 13px;}
    .curator-table-txt > p {font-size: 16px; padding-left: 15px; line-height: 24px;}
    .curator-padd {padding: 10px 0;}
    .curator-rank {font-size: 19px; margin: 35px 0;}
    .curator-condition-con {padding-bottom: 30px; border-bottom: 1px solid #aeaeae;}
    .condition-left > p:nth-child(2) {margin-bottom: 35px;}
    .condition-left > p:nth-child(6) {margin-bottom: 35px;}
    .condition-right > p:nth-child(2) {margin-bottom: 35px;}
    .condition-name {font-size: 16px; margin-bottom: 20px; }
    .condition-txt {font-size: 16px; line-height: 24px;}
    .condition-point {padding-left: 8px;}
    .condition-point:before {top: 10px; left: 0; width: 2px; height: 2px;}
    .curator-table2 > li {display: block; padding: 30px 0 30px 0; width: 100%; border-bottom: 1px solid #eaeaea;}
    .curator-table2 > li:last-child {padding-bottom: 70px; border: none;}
    .curator-table2-title {display: block; width: 100%; margin-bottom: 20px;}
    .curator-table2-title > p {font-size: 18px;}
    .curator-table2-txt > p {font-size: 19px;}
    .curator-table2-txt > p:nth-child(1) {margin-bottom: 20px;}
    .curator-table2-txt > p:nth-child(3) {margin-top: 20px;}
    .curator-btn {padding-bottom: 5px;}
    .curator-btn > a {font-size: 17px;}
    .curator-down-img > a > i {width: 16px; height: 17px; margin-left: 13px; background-size: 16px 17px;}
    .curator-down-img > a:hover > i {width: 16px; height: 17px; margin-left: 13px; background-size: 16px 17px;}
    .curator-arrow-img > a > i {width: 8px; height: 13px; margin-left: 13px; background-size: 8px 13px;}
    .curator-arrow-img > a:hover > i {width: 8px; height: 13px; margin-left: 13px; background-size: 8px 13px;}
    .curator-right-con > p:nth-child(1) {font-size: 16px; margin-bottom: 20px;}
    .curator-right-con > p:nth-child(2) {font-size: 16px;}
    .curator-right-con {padding-bottom: 0; border-bottom: none; box-sizing: border-box;}
    .curator-point { padding-left: 8px; position: relative;}
    .curator-point:before {top: 10px; left: 0; width: 2px; height: 2px;}

    /*학예사자격증안내(경력인정 대상기관 안내)*/
    .career-left-con {width: 100%; margin-right: 0px; padding-top: 50px; border-top: 1px solid #ddd;}
    .career-right-con { width: 100%; padding-top: 40px; border-top: 1px solid #ddd;}
    .career-table > li:nth-child(1) {padding-bottom: 35px; border-bottom: 1px solid #eaeaea;}
    .career-table > li:nth-child(2) {padding: 40px 0 70px 0;}
    .career-table-title > p {font-size: 18px; margin-bottom: 30px; line-height: 18px;}
    .career-table-txt > p {line-height: 19px;}
    .career-sub-txt {font-size: 16px; margin-bottom: 15px;}
    .career-point {font-size: 16px; padding-left: 10px; margin-bottom: 20px; }
    .career-point:before {top: 9px; left: 0; content: ''; background: #202020; width: 2px; height: 2px;}
    .career-right-con {padding-bottom: 0; border-bottom: none;}
    .career-right-con > p:nth-child(1) {font-size: 16px; margin-bottom: 35px;}
    .career-down-btn {margin-bottom: 30px; /* padding-bottom:7px; border-bottom:1px solid #3f0b9f; */}
    .career-down-btn > a {font-size: 17px;}
    .career-down-btn > a > i {width: 16px; height: 17px; padding-left: 12px; background-size: 16px 17px;}
    .career-down-btn > a:hover > i {width: 16px; height: 17px; padding-left: 12px; background-size: 16px 17px;}
    .career-right-con > p:nth-child(3) {font-size: 16px;}

    /*학예사자격증안내(관계 법령 안내)*/
    .statute-content {border-bottom: 1px solid #ddd;}
    .statute-top-txt {font-size: 16px; line-height: 23px; padding: 40px 0 40px 0;}
    .statute-box-all {padding-bottom: 100px; border-bottom: 1px solid #c8c8c8;}
    .statute-box-all > div {float: none; width: 100%; margin-bottom: 45px; margin-right: 0; border: 1px solid #ddd;}
    .statute-box-title {font-size: 5.47vw; padding: 35px 0 25px 0;}
    .statute-box-btn > a {font-size: 17px; padding-bottom: 12px; border-bottom: 1px solid #3f0b9f;}
    .statute-box-btn > a > i {width: 8px; height: 13px; margin-left: 10px; background-size: 8px 13px;}
    .statute-box-btn > a:hover > i {width: 8px; height: 13px; margin-left: 10px; background-size: 8px 13px;}
    .statute-txt {padding: 30px 0 0 20px; line-height: 29px;}
    .statute-txt {height: auto; padding-bottom: 80px;}
    .statute-txt > p {font-size: 14px; padding-left: 10px;}
    .statute-txt > p:before {top: 14px; left: 0; content: ''; width: 2px; height: 2px;}

    /*Regional National Museums*/
    .eng-national-box1 {max-width: 1440px; margin: 0 auto; padding: 0 20px 20px 20px;}
    .eng-national-img-box {padding: 20px 0 0 0;}
    .eng-national-name {width: 100%; padding-top: 35px;}
    .eng-national-title {font-size: 16px; padding: 10px 0; margin-bottom: 20px; border: 2px solid #000;}
    .eng-national-box2 {padding: 0 20px}
    .eng-national-cotent {display: flex; width: 100%; max-width: 1440px; margin: 0 auto; padding: 50px 0 50px;
        border-bottom: 1px solid #eaeaea; flex-direction: column;}
    .eng-national-con-title strong {font-size: 19px; margin: 30px 0 20px; }
    .eng-national-con-title p:nth-child(2) {font-size: 13px; padding-right: 0; margin-bottom: 30px; line-height: 19px;}
    .btn-block.eng-national-btn > a {margin-left: 0;}
    .eng-national-con-img {display: block; width: 100%; order: 1;}
    .eng-national-con-img img {width: 100%; display: block;}
    .apply-content.eng-national-area {padding: 0;}

    /*정보공개(정보공개제도안내)*//*Policies on Private Viewing*/
    .insti-total-con > div {margin-top: 50px;}
    .insti-right-con { width: 100%; padding-top: 20px; border-top: 1px solid #ddd; }
    .insti-main-img {width: 100%; height: 100%; padding: 45px 30px 195px 30px;}
    .insti-main-img.eng-insti-main-img2 {width: 100%; height: 100%; padding: 45px 30px 195px 30px;}
    .insti-main-img.eng-insti-main-img3 {width: 100%; height: 100%; padding: 45px 30px 195px 30px;}
    .insti-main-img > strong {font-size: 28px; line-height: 35px;}
    .insti-main-img > p {font-size: 14px; line-height: 19px; margin-top: 33px;}
    .insti-table {margin-top: 60px; padding: 0 20px;}
    .insti-table > li {display: block; width: 100%; padding-bottom: 40px; border-bottom: 1px solid #eaeaea;}
    .insti-table > li:last-child {padding-top: 40px;}
    .insti-table-title {display: block; width: 100%; padding-right: 0; margin-bottom: 30px;}
    .insti-table-title > p {font-size: 18px;}
    .insti-txt-title {font-size: 14px; margin-bottom: 20px;}
    .insti-txt-sub {font-size: 14px; line-height: 19px; padding-left: 10px;}
    .insti-txt-sub:before {top: 9px; left: 0; width: 2px;height: 2px; content: '';}
    .insti-img-con {margin: 40px 0 70px 0;}
    .insti-img-con > p {font-size: 18px; padding: 0 20px;}
    .insti-img-con > div {margin-top: 25px; padding-left: 0; }
    .insti-img-con > div > img {width: 100%;}
    .insti-right-con {padding: 0 20px; }
    .insti-right-con > .eng-insti-txt1 {font-size: 14px; line-height: 21px; margin-bottom: 20px; padding-top: 40px; }
    .insti-right-con > .eng-insti-txt2 {font-size: 13px; line-height: 24px;}
    .insti-right-con > .eng-insti-txt3 {font-size: 13px; line-height: 24px;}
    .eng-insti-box {margin-top: 20px;}
    .eng-insti-box > li {display: table; margin-bottom: 15px;}
    .eng-insti-box > li strong, .eng-insti-box.eng-rental > li strong {width: 60px; font-size: 13px; }
    .eng-insti-box > li p {width: calc(100% - 60px); font-size: 13px;}
    /*Policies on Using Images*/
    .eng-insti-bottom {margin-bottom: 30px;}
    .insti-table.m-eng-insti-side {padding: 0}
    .insti-table.m-eng-insti-side > li {padding: 30px 20px 40px 20px;}
    .insti-table.m-eng-insti-side > li:last-child > div:nth-child(1) {padding: 30px 20px 0;}
    .m-eng-insti-title {padding: 10px 20px 15px 20px; font-size: 16px;}
    .m-eng-insti-title.m-eng-insti-title2 {padding: 30px 20px 15px 20px;}
    .m-insti-txt-sub {padding: 30px 20px 0;}
    .m-insti-txt-sub > p {font-size: 13px; padding-left: 10px; }
    .m-insti-txt-sub > p:before {top: 9px; left: 0; width: 2px; height: 2px; content: ''; }
    .m-eng-insti-table > table.general-tbl > tbody > tr > td:first-child {text-align: left; padding-left: 25px;}
    .eng-insti-bottom {margin-bottom: 30px;}
    /*rental_fee*/
    .eng-rental-title {padding: 35px 20px 25px 20px; border-top: 2px solid #222;}
    .eng-rental-title > p {font-size: 16px; line-height: 23px; }
    .insti-table-title.eng-rental-table-title > p {padding: 0 20px;}
    table.eng-insti-table > tbody > tr > td.eng-insti-table-td {font-size: 13px;}
    .insti-table.m-eng-insti-side > li.eng-rental-side {padding: 0 0 80px 0;}

    /*정보공개(정보공개 관련법 및 규정)*/
    .rule-top-txt {margin-bottom: 40px;}
    .rule-table-title {display: table-cell; width: 80px; padding-right: 30px;}
    .rule-table-title > p {font-size: 18px;}
    .rule-table-txt {display: table-cell; width: calc(100% - 160px); vertical-align: middle;}
    .rule-table-txt > p {font-size: 14px;}
    .rule-box-all > div {float: none; width: 100%; height: auto; margin: 0 0 40px 0; border: 1px solid #ddd; }
    .rule-box-title {font-size: 21px; line-height: 28px; padding-bottom: 20px;}
    .rule-box-txt {font-size: 13px; margin-bottom: 80px;}
    .rule-text-box {height: auto; padding: 35px 53px 0 53px;}
    .rule-box-btn {height: auto;}
    .rule-box-btn > a > i {width: 8px; height: 12.5px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
        background-size: 8px 12.5px; vertical-align: middle;}
    .rule-box-btn > a:hover > i {width: 8px; height: 12.5px; margin-left: 14px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center;
        background-size: 8px 12.5px; }
    .rule-txt {height: 44px;}
    /*Contact Us eng추가CSS*/
    .rule-box-title {margin-top: 35px;}
    .rule-total-con {padding-top: 30px;}
    .eng-contact-img {width: 57px;}
    .eng-contact-txt {margin-bottom: 35px;}
    .eng-contact-txt > li {margin-bottom: 15px;}
    .eng-contact-txt > li > strong {font-size: 13px; width: 65px;}
    .eng-contact-txt > li > p {font-size: 13px; width: calc(100% - 65px);}
    /*Information eng추가CSS*/
    .rule-box-all.eng-info-box-all > div > .rule-text-box {padding: 35px 35px 35px 35px;}
    .rule-box-all.eng-info-box-all > div {height: auto;}
    .eng-info-txt { font-size: 13px; line-height: 19px;}

    /*정보공개(관련 서식)*/
    .format-text-box {padding: 55px 105px 0 105px;}

    /*정보공개(정보공개 수수료)*/
    .fees-left-con {width: 100%; margin-right: 0px; border-top: 2px solid #000;}
    .fees-right-con { width: 100%; padding-top: 10.43vw; border-top: 1px solid #ddd;}
    .fees-table > li {width: 100%; padding: 7.82vw 0; border-bottom: 1px solid #efefef;}
    .fees-table-title {width: 100%; margin-bottom: 7.82vw;}
    .fees-table-txt {width: 100%; padding-left: 0; }
    .fees-table-txt2 {width: 100%; padding-left: 0;}
    .fees-table-title > strong {font-size: 21px; margin-bottom: 6.51vw;}
    .fees-ico > img {width: 100%; max-width: 116.55vw; margin: 0 auto;}
    .fees-txt-title {font-size: 14px; margin-bottom: 17px;}
    .fees-point {font-size: 13px; line-height: 26px; margin-bottom: 6px; padding-left: 12px;}
    .fees-point:before {width: 2px; height: 2px; top: 11px; left: 0;}
    .fees-last-txt {padding-bottom: 20px;}
    .fees-txt-title2 {font-size: 14px; margin-bottom: 30px;}
    .fees-point2 {font-size: 14px; line-height: 24px; padding-left: 12px; margin-bottom: 35px;}
    .fees-point2:before {width: 2px; height: 2px; top: 11px; left: 0; }

    /*사전정보공표(국민생활 중요정보) Mobile버전*/
    .pub-table {margin-top: 50px;}
    .pub-table-con > td {display: table; width: 100%; border-bottom: 1px solid #efefef; border-right: 0px; box-sizing: border-box;}
    .pub-table-con > td:last-child {border-bottom: 0;}
    .pub-table-con > .pub-table-first {display: block !important; width: 100%; font-size: 16px; padding: 15px 0; text-align: center; border-top: 1px solid #000; background: #f8f8f8;}
    .pub-table-con > td p {display: table-cell; font-size: 14px; color: #202020; width: 77px; text-align: center; padding: 17px 0; font-family: 'notokr-regular'; vertical-align: middle;}
    .pub-table-con > td span {display: table-cell; width: calc(100% - 77px); font-size: 14px; line-height: 30px; text-align: left; padding: 17px 0 17px 27px;}
    .pub-table-link > i {width: 18px; height: 18px; padding-left: 9px; display: inline-block; background: url(/ux/content/images/common/btn/btn_move.png) no-repeat center;
        background-size: 18px 18px; vertical-align: middle;}

    /*학술출판*/
    .flie-down-area .flie-down-list > li {padding: 17px 0 17px 20px;}
    .flie-down-area .flie-down-list > li > strong {margin-bottom: 15px; padding-left: 45px; font-size: 14px;}
    .flie-down-area .flie-down-list > li > span {padding-left: 45px;}
    .flie-down-area .flie-down-list > li > strong:before {width: 19px; height: 20.5px; position: absolute; top: 0; left: 0; margin-right: 22px;
        content: ""; background: url(/ux/content/images/common/ico/ico_down_black.png) no-repeat right; background-size: 19px 20.5px}
    .flie-down-area .flie-down-list > li .btn {min-width: 125px; font-size: 15px;}
    .flie-down-list .btn-file-down {margin-right: 4px}
    .flie-down-list .btn-file-down i {width: 19.5px; height: 18px; padding-left: 5px;
        background: url(/ux/content/images/common/ico/ico_sm_down_black.png) no-repeat right; background-size: 19.5px 18px}
    .flie-down-list .btn-link i {width: 10px; height: 18px; padding-left: 5px;
        background: url(/ux/content/images/common/ico/ico_link_arrow.png) no-repeat right; background-size: 10px 18px}

    /*보존과학(역할)*/
    .role-content-type1 {width: 100%; padding: 0;}
    .m-role-img {display: none;}
    .role-step-img {display: none;}
    .m-role-step-img {display: block;}
    .role-total-con {margin-top: 35px;}
    .role-left-con {width: 100%; padding: 0 20px;}
    .role-total-title {font-size: 24px; margin-bottom: 35px;}
    .role-sub-title {font-size: 19px; margin-bottom: 30px;}
    .role-sub-txt {font-size: 15px; line-height: 24px; padding-bottom: 50px; border-bottom: 1px solid #eaeaea;}
    .role-sub-txt2 {font-size: 15px; line-height: 24px; margin-bottom: 25px;}
    .role-bottom {margin-bottom: 35px;}
    .role-step-con > p {font-size: 18px; margin-bottom: 25px;}
    .role-step-con > div {width: 100%; padding: 0 0 45px 0; border-bottom: 1px solid #eaeaea;}
    .role-bott-title {font-size: 19px; margin: 40px 0 30px;}
    .role-point {font-size: 15px; line-height: 24px; padding-left: 10px; margin-bottom: 15px;}
    .role-bott-point {margin-bottom: 0; padding-bottom: 25px; border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
    .role-point:before {width: 2px; height: 2px; background: #202020; position: absolute; top: 8px; left: 0; display: block; content: ''; }
    /*기본 오른쪽 css*/
    .role-right-con {width: 100%; padding: 0 20px; margin-bottom: 40px; box-sizing: border-box;}
    .role-right-title {font-size: 15px; padding-top: 15px; margin-bottom: 12px;}
    .role-right-txt > li {width: 50%; height: 35px; line-height: 35px; float: left; border: 1px solid #eaeaea;}
    .role-right-txt > li:nth-child(2n+0) {border-right: 1px solid #eaeaea}
    .role-right-txt > li:last-child, .role-right-txt > li.line {border-bottom: 1px solid #eaeaea;}
    .role-right-txt > li > a {font-size: 15px;}
    /*ì—­í•  section(role-other)*/
    .role-other {width: 100%; padding-right: 0;}
    .role-other-con {padding: 40px 20px 0 20px;}
    .role-other-con > div {float: none;}
    .role-other-left {width: 100%}
    .role-other-right {width: 100%}
    .role-other-pad2 {padding: 0;}

    /*분야(금속보존)*/
    .metal-title-con {padding-bottom: 30px;}
    .metal-main-title {font-size: 24px;}
    .metal-main-sub {font-size: 18px; line-height: 24px; margin-bottom: 30px;}
    .metal-main-txt {font-size: 14px; line-height: 19px;}
    .metal-right-top {padding-top: 0;}
    .metal-sub-title {font-size: 19px; padding-top: 50px; margin-bottom: 30px; border-top: 1px solid #ccc;}
    .metal-float {padding-bottom: 50px;}
    .metal-order {width: 47.9818%; margin-right: 4.0363%;}
    .metal-order:nth-child(2n+0) {margin-right: 0;}
    .metal-order:last-child {margin-right: 0;}
    .metal-order-img {width: 100%;}
    .metal-order-img > img {width: 100%}
    .metal-num {margin-top: 15px;}
    .m-metal-bottom {margin-bottom: 35px;}
    .metal-num > li:nth-child(1) {font-size: 13px; width: 23px; height: 23px; margin-right: 10px; border-radius: 100%; line-height: 23px;}
    .metal-num > li:nth-child(2) {font-size: 14px; width: calc(100% - 33px);; line-height: 23px;}
    .metal-analysis-order {width: 47.9818%; margin-right: 4.0363%;}
    .metal-analysis-order:nth-child(2n+0) {margin-right: 0;}
    .metal-analysis-order:last-child {margin-right: 0;}
    .metal-analysis-img {width: 100%;}
    .metal-analysis-img > img {width: 100%;}
    .metal-non-num {font-size: 14px; margin-top: 15px;}
    .metal-outdoor-order {width: 47.9818%; margin-right: 4.0363%;}
    .metal-outdoor-order:last-child {margin-right: 0;}
    .metal-outdoor-img {width: 100%;}
    .metal-outdoor-img > img {width: 100%;}
    .order-metal-txt {font-size: 14px; line-height: 19px; margin-bottom: 40px;}
    .metal-thurible-order {width: 47.9818%; margin-right: 4.0363%;}
    .metal-thurible-order:nth-child(2n+0) {margin-right: 0;}
    .metal-thurible-order:last-child {margin-right: 0;}
    .metal-thurible-img {width: 100%;}
    .metal-thurible-img > img {width: 100%;}
    .metal-octagonal-order {width: 47.9818%; margin-right: 4.0363%;}
    .metal-octagonal-order:nth-child(3n+0) {margin-right: 4.0363%;}
    .metal-octagonal-order:nth-child(2n+0) {margin-right: 0;}
    .metal-octagonal-img {width: 100%;}
    .metal-octagonal-img > img {width: 100%;}
    .octagonal-bottom {margin-bottom: 20px;}

    /*분야(목제)*/
    .wood-img-top {margin-top: 40px}
    .wood-img-top > li {float: left; width: 47.9818%;}
    .wood-img-top > li:nth-child(1) {margin-right: 4.0363%;}
    .wood-img-top > li > img {width: 100%; display: block;}
    .wood-img-txt {font-size: 14px; margin-top: 20px;}
    .wood-research-img > li {float: left; margin-right: 4.0363%;}
    .wood-main-txt-p2 {padding-right: 25px;}
    .wood-research-img > li:nth-child(1) {width: 47.9818%;}
    .wood-research-img > li:nth-child(4) {width: 47.9818%; margin-right: 0;}
    .wood-m-last-img {width: 47.9818%; margin-bottom: 40px;}
    .wood-m-last-img > img {width: 100%;}
    .wood-research-img > li > img {width: 100%; display: block;}
    .wood-img-txt-c {width: 100%; margin-bottom: 30px; text-align: center;}
    .order-wood-txt {font-size: 14px; line-height: 19px; padding-left: 10px; margin-bottom: 15px;}
    .order-wood-txt:before {width: 2px; height: 2px; top: 9px; left: 0; display: block; content: '';}
    .order-wood-txt:last-child {margin-bottom: 0;}

    /*분야(목칠공예품)*/
    .woodwork-order {width: 47.1428%;}
    .arrow-con {width: 2.1904%; padding: 0 6px; vertical-align: middle;}
    .arrow-img {width: 10px; height: 16px; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 10px 16px; margin-top: -26px;}
    .woodwork-img > img {width: 100%; display: block;}
    .woodwork-non-num {font-size: 14px; margin-top: 20px;}
    .woodwork-con {margin-bottom: 40px;}
    .woodwork-front-con {display: table; width: 100%;}
    .woodwork-front-con > li {display: table-cell;}
    .woodwork-front-order {width: 47.9818%;}
    .woodwork-front-img {max-width: none;}
    .woodwork-front-img > img {width: 100%; display: block;}

    /*분야(토기·도자기)*/
    .earth-m-txt {font-size: 14px; line-height: 19px; margin-bottom: 25px;}
    .earth-main-bottom {padding-bottom: 30px;}
    /*pc일 때 bottom*/
    .earth-table {display: block; width: 100%;}
    .earth-img {width: 49%;}
    .m-earth-img {width: 48.5%;}
    .earth-img > img {width: 100%; display: block;}
    .earth-arrow {margin: 0; padding: 0 4px; vertical-align: middle;}
    .m-earth-arrow {width: 45%; padding: 4px 0;}
    .earth-arr-img {width: 12px; height: 20px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 12px 20px;}
    .m-earth-arr-img {width: 20px; height: 12px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_down_arrow_img.png") no-repeat center; background-size: 20px 12px;}
    .earth-table2 {margin-top: 20px; display: block; width: 100%; clear: both;}
    .earth-img2 {width: 49%;}
    .earth-img2 > img {width: 100%; display: block;}
    .earth-arrow2 {margin: 0; padding: 0 4px; vertical-align: middle;}
    .m-earth-arrow2 {padding: 4px 0;}
    .earth-arr-img2 {width: 12px; height: 20px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 12px 20px;}
    .m-earth-arr-img2 {width: 20px; height: 12px; float: right; width: 45%; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_down_arrow_img.png") no-repeat center; background-size: 20px 12px;}
    .m-earth-arr-img3 {width: 12px; height: 20px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_left_arrow_img.png") no-repeat center; background-size: 12px 20px;}
    .earth-num > li:nth-child(4n+0) {margin-right: 0;}
    .earth-bottom {margin-bottom: 20px;}
    .earth-img-txt {font-size: 14px; margin-top: 0; margin-bottom: 40px; padding-top: 10px; float: left; clear: both;}

    /* 분야(직물보존)*/
    .text-arrow-img {width: 10px; height: 16px; margin: 0 auto; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 10px 16px;}
    .table-txt {font-size: 14px; margin: 20px 0 30px;}

    /* 분야(서화의 보존)*/
    .call-right-padding {padding-right: 0px; margin-bottom: 20px;}
    .call-sub-title {padding-top: 40px;}
    .call-non-num {font-size: 14px; margin-top: 20px;}
    .call-bottom {margin-bottom: 30px;}
    .m-call-txt {font-size: 14px; margin-top: 0px; margin-bottom: 30px;}
    .call-table-con {float: none; width: 100%;}
    .call-box1 {width: 46.8686%;}
    .call-table-con > li:nth-child(1) {margin-right: 6.2626%;}
    .call-table-con2 {float: none; display: table; width: 100%;}
    .call-table-con2 > li {display: table-cell;}
    .call-box2 {width: 46.8686%;}
    .call-img {width: 100%; display: block;}
    .pc-call-img {width: 100%; display: none;}
    .m-call-img {width: 100%; display: block;}
    .call-arrow-con {vertical-align: middle;}
    .call-arrow-img {width: 10px; height: 16px; margin: 0 auto; margin-top: -39px; background: url("/ux/content/images/common/ico/ico_arrow_img.png") no-repeat center; background-size: 10px 16px;}

    /* 분야(석재보존)*/
    .stone-title {padding-right: 0;}
    .stone-top {padding-top: 30px;}
    .stone-arr-top {margin-top: 0px;}
    .stone-bottom {margin-bottom: 35px;}
    .m-stone-arr-top {margin-top: -23px;}
    .m-stone-arrow {padding: 12px 0 6px;}

    /* 분야(벽화보존) */
    .mural-num > li:nth-child(4n+0) {margin-right: 0;}
    .m-mural-bottom {margin-bottom: 30px;}
    .m-mural-bottom2 {margin-bottom: 30px;}

    /* 분야(문화재 분석의 실제 예)*/
    .anal-title-con {padding-bottom: 30px;}
    .anal-main-title {font-size: 24px; margin-bottom: 35px;}
    .anal-sub-title {font-size: 18px; margin-bottom: 30px;}
    .anal-bottom {margin-bottom: 35px;}
    .anal-bottom2 {padding-bottom: 30px;}
    .anal-main-txt {margin-bottom: 40px;}

    /*분야(박물관 환경)*/
    .env-main-title {padding-right: 0px;}
    .env-sub-title {font-size: 19px; padding: 40px 0 20px; border-top: 1px solid #ccc;}
    .env-img-con {margin-bottom: 40px; display: flex; flex-direction: column;}
    .env-img {float: none; max-width: 100%; width: 100%; order: 2;}
    .env-img-txt {float: none; width: 100%; padding-left: 0px; order: 1;}
    .env-txt {font-size: 14px; line-height: 19px; margin-bottom: 30px; }
    .env-img-txt2 {float: none; padding-left: 0px; padding-right: 0px;}
    .env-img2 {float: none;}
    .env-img-con2 {margin-bottom: 36px;}
    .env-txt-bottom {margin-bottom: 30px;}
    .env-img-con3 {margin-bottom: 40px;}
    .env-img-con3 > li {float: left; width: 47.9818%;}
    .env-img-con3 > li:nth-child(1) {margin-right: 3.8095%;}

    /*논문투고*/
    .paper-txt {margin-top: 25px; padding-bottom: 25px;}
    .paper-txt .num-list-type1 > li {padding-left: 32px; margin-top: 15px;}
    .paper-txt .num-list-type1 > li > strong {font-size: 16px; }
    .paper-txt .num-list-type1 > li > i {width: 21px; height: 21px; line-height: 21px; font-size: 12px; }
    .paper-txt .num-list-type1 > li .posi-num > li {padding-left: 15px; margin-top: 10px; font-size: 14px; line-height: 19px;}
    .paper-txt .num-list-type1 > li .posi-num > li > .num {position: absolute; top: 2px; left: 0;}
    .paper-txt .num-list-type1 > li .posi-num2 > li {margin-top: 10px; font-size: 14px; line-height: 19px;}
    .paper-txt .num-list-type1.type2 > li > strong {font-size: 16px;}
    .paper-txt .num-list-type1.type2 > li > strong.tit {font-size: 19px;}
    .paper-aside {padding: 25px 0 0 0;}
    .paper-aside .btn {margin-bottom: 20px;}
    .paper-aside .btn > i {width: 8px; height: 12px; margin-left: 7px; background: url(/ux/content/images/common/ico/ico_right_off_img.png) no-repeat center;
        display: inline-block; background-size: 8px 12px;}
    .paper-aside .btn:hover > i {width: 8px; height: 12px; background: url(/ux/content/images/common/ico/ico_right_on_img.png) no-repeat center; background-size: 8px 12px }

    .periodical-list .inner-apply-cont-2 {padding: 0}
    .periodical-list pre {padding: 20px 15px;font-size: 14px;line-height: 26px;}
    .periodical-list .groupBox b { margin-bottom: 15px;margin-top: 0; font-size: 18px;}
    .periodical-list .groupBox b.tit {margin-bottom: 20px; font-size: 18px;line-height: 24px;}
    .periodical-list .check-tit {margin-bottom: 20px;}
    .periodical-list .check-tit > .txt {font-size: 14px; margin-bottom: 20px}
    .periodical-list a.ckbox-label {padding-left: 24px;}
    .periodical-list table.general-tbl {margin-bottom: 50px;}
    .paper-aside .paper-aside-txt strong {font-size: 14px}
    .paper-aside .paper-aside-txt p {line-height: 24px; font-size: 14px; margin-top: 15px}

    .treatiseauthor .radio-list li {margin-bottom: 0}
    .treatiseauthor .sort-table a.ckbox-label {font-size: 13px; line-height: 30px;}

    .research-gallery-top .swiper-slide {height: 250px;}
    .ui-photoGallery .swiper-button, .library-swiper-container .swiper-button {width: 21.5px; height: 63.5px; margin-top: -31.75px}
    .library-swiper-container .swiper-button-top {margin-top: -10px;}
    .ui-photoGallery .swiper-button-prev {background: url('/ux/content/images/common/btn/L_btn_swiper_prev.png') no-repeat center; left: -20px; background-size: 21.5px 63.5px;}
    .ui-photoGallery .swiper-button-next {background: url('/ux/content/images/common/btn/L_btn_swiper_next.png') no-repeat center; right: -20px; background-size: 21.5px 63.5px;}

    .gen-korea-content > ul > li div.img {margin-bottom: 25px;}
    .gen-korea-content > ul > li > .txt strong {font-size: 24px;}
    .gen-korea-content > ul > li > .txt p {margin: 22.5px 0; font-size: 15px; line-height: 24px;}

    /*도서관 소개*/
    .library-swiper-container .swiper-slide {height: 190px;}
    .library-img .library-img-txt {margin: 50px 0 40px 0; padding: 0 20px;font-size: 14px; line-height: 19px;}
    .library-img .library-img-txt > strong {font-size: 24px;}
    .library-img .library-img-txt p.first {margin: 28px 0 20px 0; font-size: 18px;line-height: 24px;}
    .btn-library > i {width: 15px; height: 15px; margin-left: 7px; background: url(/ux/content/images/common/ico/ico_search_img_purple.png) no-repeat center; background-size: 15px;}
    .btn-library:hover > i {width: 15px; height: 15px; background: url(/ux/content/images/common/ico/ico_search_img_white.png) no-repeat center; background-size: 15px }
    .library-swiper-container .swiper-button-prev {background: url('/ux/content/images/common/btn/L_btn_swiper_prev.png') no-repeat center; left: 0; background-size: 21.5px 63.5px;}
    .library-swiper-container .swiper-button-next {background: url('/ux/content/images/common/btn/L_btn_swiper_next.png') no-repeat center; right: 0; background-size: 21.5px 63.5px;}

    /*sub content*/
    .sub-txt-type1 {margin: 0 20px;}
    .sub-txt-type1 .txt-list-type1 > li {padding: 40px 0;}
    .sub-txt-type1 .txt-list-type1 > li > strong {font-size: 18px; margin-bottom: 20px;}
    .sub-txt-type1 .txt-list-type1 > li > .r-txt {font-size: 14px; line-height: 21px;}
    .sub-aside .aside-list > li {padding: 35px 20px; font-size: 14px}
    .sub-aside .aside-list > li strong {margin-bottom: 15px;}
    .sub-aside .aside-list > li strong.next {margin-top: 20px;}

    /*소장도서검색*/
    .common-option-content-2 .inner-common-option { padding: 60px 20px}
    .common-option-content-2 .inner-common-option > ul > li { margin-bottom: 35px;}
    .common-option-content-2 .inner-common-option > ul > li > strong {font-size: 18px; margin-bottom: 15px; }
    .common-option-content-2 .inner-common-option > ul > li > .right {font-size: 15px;}
    .common-option-content-2 .inner-detail-search {margin-bottom: 15px;}
    .common-option-content-2 .inner-detail-search input[type="text"] {height: 40px;}
    .common-option-content-2 .inner-detail-search .select-box-type2 {margin-top: 0}
    .common-option-content-2 .select-box-type2 {width: 40%; line-height: 40px; height: 40px; font-size: 14px; }
    .common-option-content-2 .inner-detail-search input::placeholder {font-size: 14px;}
    .common-option-content-2 .inner-detail-search .btn-util-search {width: 18px; height: 18px; position: absolute; top: 12px; right: 15px;}

    .book-search-content .apply-btn {padding-right: 20px}
    .book-search-content .board-list-content {margin-top: 30px}
    .book-search-content .depth-tit-3 {padding-left: 20px;}
    .btn-book-search {height: 50px; line-height: 50px;font-size: 23px;}
    .btn-book-search i {width: 25px; height: 13.5px; margin-left: 15px; background: url(/ux/content/images/common/ico/ico_down_white_img.png) no-repeat center;
        display: inline-block; background-size: 25px 13.5px;}

    .popup-list-type1 > li { margin-bottom: 20px;}
    .popup-list-type1 > li > strong {width: 100px; font-size: 14px;}
    .popup-list-type1 > li > p {font-size: 14px; width: calc(100% - 100px);}
    .popup-detail .popup-search-cont {max-height: 290px; overflow: auto; margin-bottom: 15px;}
    .popup-marc .popup-marc-cont {max-height: 260px; overflow: auto; margin-bottom: 15px;}

    .search-header .book-cnt-view {margin-top: 25px; padding: 0 20px;}
    .search-header .book-cnt-view > li {margin-bottom: 15px;}
    .search-header .book-cnt-view > li > strong {width: 65px; font-size: 14px;}

    /*인사말*/
    .intro-contents2 {padding-top: 0px;}
    .intro-contents2 > li > p {padding: 0 20px;}
    .intro-contents2 > li:first-child > p {font-size: 14px;line-height: 24px;}
    .intro-contents2 > li:first-child > p > span {font-size: 14px;line-height: 24px;padding-top: 20px;padding-bottom: 30px;}
    .intro-info-area {padding: 0;}
    .m-intro-title {font-size: 30px; }
    .intro-info-area > li > h2 {padding: 50px 20px 0 20px;}
    .m-intro-title > span {font-size: 30px;}
    .intro-info-area > li > .intro-title {font-size: 19px;padding: 38px 20px 16px 20px;}
    .intro-info-area > li > .intro-contents {font-size: 15px; line-height: 24px; padding: 0 20px 0 20px;}
    .intro-info-area > li > .intro-strong-contents {font-size: 15px; line-height: 24px;}
    .intro-contents2 > li > p > span {font-size: 19px; padding-bottom: 15px;}
    .intro-contents2 > li > p {font-size: 15px; line-height: 21px;}
    .intro-contents2 > li {margin-bottom: 55px;}
    .intro-contents3 {font-size: 21px;padding: 50px 20px 0 20px;}
    .intro-contents3 > span {font-size: 18px; padding-left: 18px}

	/*인사말20250812*/
	.intro-title2N{font-size: 30px; padding: 50px 20px 0 20px; }
	.intro-title2N>span {font-size: 30px;}
	.intro-info-areaN{padding:0;}
	.intro-info-areaN>li>.intro-contents{font-size: 15px; line-height: 24px;  padding: 0 20px 23px 20px;}
	.intro-info-areaN>li>.intro-strong-contents{font-size: 15px; line-height: 24px;}
	.intro-contents2N{padding-top: 0px;}
	.intro-contents2N>li>p{padding:0 20px;}
	.intro-contents2N>li:first-child>p {font-size: 14px;line-height: 24px;}
	.intro-contents2N>li:first-child>p>span {font-size: 14px;line-height: 24px;padding-top: 20px;padding-bottom: 55px;}
	.intro-contents2N>li:first-child>.intro-titleN{font-size: 19px;padding: 38px 20px 16px 20px;}
	.intro-contents2N>li>p>span{font-size: 19px; padding-bottom:15px;}
	.intro-contents2N>li>p{font-size: 15px; line-height: 21px;}
	.intro-contents2N>li {margin-bottom: 55px;}
	.intro-contents3N{font-size: 16px;padding: 50px 20px 0 20px;}
	.intro-contents3N>span{font-size: 25px; padding-left:18px}
	.intro-contents3N>img{height:45px;}


    /*발자취*/
    .footprint-title-area {padding: 50px 20px 0 20px;}
    .footprint-title-area > li:first-child > img {width: 144px;}
    .footprint-title-box > li > p {font-size: 50px; padding: 20px 0 10px 0;}
    .footprint-title-box > li > p > span {font-size: 30px;}
    .footprint-title-box > li:last-child {line-height: 26px; font-size: 20px; padding: 15px 70px;}
    .footprint-explanation-area > p {font-size: 19px; line-height: 28px;padding-bottom: 31px;}
    .footprint-explanation-area > p > span {font-size: 29px}
    .footprint-explanation-area {padding: 54px 0 0 0px;}
    .footprint-explanation-area > p:last-child, .footprint-explanation-area > .eng-explanation-txt {font-size: 13px; line-height: 19px; padding-bottom: 55px;}
    .eng-explanation-btn {padding-bottom: 15px; padding-top: 50px;}
    .footprint-year-area > li > h4 {width: 100%; padding-top: 55px; float: none; font-size: 28px; text-align: left;}
    .footprint-year-info > li > div:first-child {font-size: 13px; width: 125px; margin-bottom: 10px;}
    .footprint-year-info > li > div:last-child {font-size: 13px;}
    .footprint-year-area > li > .footprint-year-info { padding: 25px 0 0 0px;}
    .footprint-year-info > li {margin-bottom: 20px;}
    .footprint-year-area {padding: 0 20px;}
    .footprint-title-area.no-info {padding: 50px 20px;}

    /*건축개요*/
    .summary-title {width: auto; padding: 26px 20px 0 29px; margin-top: -75px; margin-left: 20px;}
    .summary-box > li { margin-bottom: 10px;}
    .summary-box > li > strong {font-size: 14px; width: 120px}
    .summary-box > li > p {font-size: 14px;}
    .summary-box > li:last-child {margin-bottom: 10px; }
    .summary-contents-box {margin-top: 45px; padding: 0 20px;}
    .summary-contents-box > strong { font-size: 19px;}
    .summary-contents-box > p { padding-top: 20px; font-size: 13px; line-height: 21px; }
    .summary-plan-area-title {font-size: 26px; padding: 38px 0 16px 0;}
    .page-content-type1.summary {padding: 0 20px;}
    .summary-plan-area > li {padding-bottom: 33px; border-top: solid 2px #222222;}
    .summary-plan-area > li > h3 {font-size: 19px; padding: 19px 0;}
    .summary-plan > li > span {font-size: 13px; line-height: 26px;}
    .summary-plan > li::before {width: 2px; height: 2px;margin: 14px 10px 0 0;}

    /*배치현황*/
    .deploy-title {font-size: 24px;padding: 0 0 18px 20px;}
    .deploy-title.type2 {padding-top: 40px; padding-bottom: 24px;}
    .swiper-wrapper.deployment > li > div { margin-top: -42px; padding: 0 20px; background: rgba(255, 255, 255, 0)}
    .swiper-wrapper.deployment > li > div > h4 {font-size: 2.47vw;}
    .swiper-wrapper.deployment > li > div > p {padding-top: 40px; font-size: 14px; line-height: 19px; }
    .swiper-wrapper.deployment > li > .img-deployment-box {height: 190px}
    .swiper-btn-wrap > li > button > img {width: 20px}
    .slide-btn-area { top: 20%;transform: none;}

    /*층별상세*/
    .floor-map-area > li:first-child { padding: 0 20px;}
    .floor-map-area > li:last-child { padding: 35px 20px 40px 40px;}
    .floor-map-info > h3 {font-size: 41px;}
    .floor-map-info > p {font-size: 19px; padding-left: 24px;}
    .floor-info > li > i {width: 38px; height: 18px; display: table-cell; border: solid 1px #666666;}
    .floor-info > li > p {width: calc(100% - 65px); font-size: 15px; padding-left: 25px; display: table-cell;}
    .floor-map-info > p {padding-bottom: 38px;}
    .floor-info > li {margin-bottom: 15px; display: table;}
    .floor-map-area > li:last-child {margin-top: 100px}

    /*시설개요*/
    .general-title {padding: 0 20px;}
    .general-bg-area {background: none !important;}
    .general-title-box > li {width: 100%; padding: 11px 0 35px 0;}
    .general-title > h3 {font-size: 34px; padding-top: 45px; padding-bottom: 6px;}
    .general-title-box > li > strong {font-size: 14px; width: 95px;}
    .general-title-box2 > li > strong {font-size: 13px;width: 95px; padding-bottom: 15px;}
    .general-title-box > li > p {font-size: 14px;}
    .general-title-box2 > li > p {font-size: 14px;padding-bottom: 15px;}
    .general-content > h3 {font-size: 21px; padding: 42px 20px 23px 20px;}
    .general-content-box > li {padding: 0 20px;margin-bottom: 52px; }
    .general-content-title > h3 {font-size: 19px; padding-top: 31px;}
    .general-content-title > p {font-size: 15px;}
    .general-content-box > li > p {font-size: 14px; line-height: 26px; padding-top: 10px}
    .general-content-title {width: 60%; margin-top: -50px}
    .general-part-title {font-size: 21px; padding: 5px 20px 30px 20px;}
    table.general-tbl {border-top: solid 1px #000000;border-bottom: solid 1px #cccccc;}
    table.general-tbl > thead > tr > th {font-size: 13px; padding: 10px 0; border-bottom: solid 1px #cccccc;}
    table.general-tbl > tbody > tr > td.first {font-size: 15px; word-break: keep-all;}
    table.general-tbl > tbody > tr > td {font-size: 13px;padding: 12px 8px;}
    .general-parts.last {margin-top: 55px;}
    table.mobile-general-tbl {border-top: solid 1px #000000;}
    table.mobile-general-tbl > tbody > tr > th {width: 35%; padding: 10px 20px; font-size: 15px; border-bottom: solid 1px #efefef; }
    table.mobile-general-tbl > tbody > tr > td { font-size: 13px; border-bottom: solid 1px #efefef;}

    /*수장고소개*/
    .paintings-area {padding: 35px 20px;}
    .paintings-area .paintings-txt p {font-size: 14px;line-height: 26px;}
    .paintings-area .paintings-txt p:last-child {margin-top: 30px;}
    .paintings-area .paintings-txt span.red-txt-type1 {font-size: 36px;}
    .paintings-area .paintings-txt span.black-txt-type1 {margin: 20px 0; font-size: 19px;}
    .paintings-area .paintings-img img {margin-top: 47px; max-width: 100%; width: auto}
    .paintings-content {margin-top: 60px; padding: 0 20px;}
    .paintings-cont {margin-top: 35px;}
    .img-list-area li {width: 30.66%; margin-right: 4%; margin-bottom: 4%; float: left;}
    .img-list-area li:nth-child(3n+0) {margin-right: 0}
    .img-list-area li:last-child {margin-right: 0}
    /*CSS 추가*/
    .img-list-right {margin-right: 4% !important;}

    /*주요특징*/
    .major-img-content > li > img {min-height: auto;}
    .margin-info-content > li {border-bottom: solid 1px #eaeaea; padding-top: 20px;}
    .margin-info-content > li > strong {font-size: 19px;}
    .margin-info-content > li > p {font-size: 13px; line-height: 19px; padding: 12px 0 21px 0;}
    .margin-info-content {padding-top: 40px;}

    /*수장고 현황*/
    .status-title > strong {font-size: 18px; padding-top: 30px;}
    .status-title > p { font-size: 15px; line-height: 23px; padding: 20px 0 0px 0px;}
    .page-content-type2.status {margin-top: -15px}
    .status-content {padding: 0 20px;}
    .status-content > li {margin-bottom: 30px;}
    .status-content > li > .status-part {width: 79px;font-size: 18px;}
    .status-content > li > .status-part > span {font-size: 34px;}
    .status-content > li > .status-part-info > li > strong {font-size: 13px; width: 100px;}
    .status-content > li > .status-part-info > li > p {font-size: 14px;}
    .add-contens {font-size: 12px;}
    .status-content > li > .status-part-info {padding-left: 20px; height: 150px;}
    .status-content > li > .status-part-info > li {margin-bottom: 10px;}
    .status-content > li.last {margin-bottom: 30px;}
    .status-part2-title {font-size: 21px; padding: 20px 20px 0 20px; }
    table.tbl-type5.staus {margin-top: 25px;}
    .status-content > li {height: 125px;}
    table.tbl-type5.staus > tbody > tr > td.second-type {padding-left: 12px;}

    /*ì—°ë³´*/
    .annual-list {padding-top: 20px;}
    .annual-list > li {margin-bottom: 40px;}
    .annual-btn > li > span {font-size: 15px; padding: 0 5px;}
    .annual-btn > li > i > img {width: 18px; margin-right: 20px;}
    .annual-btn > li:first-child {float: none; width: 107px; height: 38px}
    .annual-btn > li:last-child {float: none; width: 125px;height: 38px; margin-top: 8px;}
    .annual-box > img {float: left; width: auto; width: 158px;}
    .annual-box > .annual-info-area {float: left; width: calc(100% - 158px); padding: 15px 0 0 15px; }
    .annual-box-title {font-size: 19px;}
    .annual-date > strong {font-size: 14px;}
    .annual-date > p {font-size: 15px;}
    .annual-date {padding: 13px 0 33px 0;}

    /*10주년*/
    .years-title-box > li:first-child > img {width: 177px;}
    .years-content-info-box > li > img {width: 149px;}
    .years-title-area {padding: 0 20px 40px 20px;}
    .years-title-box > li:first-child {padding: 42px 0 50px 0;}
    .years-info-box > li > strong {font-size: 13px;width: 60px;}
    .years-info-box > li > p {font-size: 13px; width: calc(100% - 60px);}
    .years-info-box > li { margin-bottom: 7px;}
    .year-content > li > h4 {font-size: 21px; float: none; padding-bottom: 18px}
    .year-content > li {padding: 45px 20px 37px 20px;}
    .years-content-info-box > li > h5 {font-size: 16px;}
    .years-content-info-box2 > li > strong.wdt {font-size: 13px; width: 50px; }
    .years-content-info-box2 > li > strong {font-size: 13px; width: 70px; }
    .years-content-info-box2 > li > p {font-size: 13px; vertical-align: top; padding-left: 10px;}
    .years-content-info-box2 {padding-top: 21px}
    .years-content-info-box2 > li {margin-bottom: 7px;}
    .years-content-info-box > li:last-child { margin-top: 32px;}
    .years-content-info-box1 {width: calc(100% - 149px); padding-left: 22px }
    .years-content-info-box1 > h5 {font-size: 16px;}
    .years-content-info-box > li > h5.pd {font-size: 16px; padding: 0 20px;}
    .years-content-info-box2 > li.bok {display: block; margin-bottom: 11px;}
    .years-content-info-box2 > li.bok > p {padding: 3px 0 0 10px;}
    .years-content-info-box2 > li > strong::before {width: 2px; height: 2px; margin-right: 10px;}

    /*한국박물관 개관 100주년*/
    .years-title-box > li:first-child > img.anniversary {width: 254px;}
    .years-content-info-box2 > li > strong.wdt2 {width: 115px;}
    table.tbl-type5.anniversary {margin-top: 25px; width: 96%; margin-left: 2%;}
    .year-content > li:first-child {padding: 45px 0px 37px 0px;}
    .year-content > li:first-child > h4 {padding: 8px 20px 18px 20px;}
    .year-content > li:first-child > div > ul > li > ul > li > strong {padding: 0 20px;}
    table.tbl-type5.anniversary > thead > tr > th {font-size: 13px;}
    table.tbl-type5.anniversary > tbody > tr > td.str {font-size: 14px; text-align: center;padding: 11px 0px;}

    /*문화유산표준관리시스템*/
    .system-left { padding: 0 20px;}
    .system-right {padding: 40px 20px 0 20px; border-top: solid 1px #eaeaea; margin-top: 40px}
    .system-left > p {font-size: 15px; line-height: 23px; padding-bottom: 35px;}
    .system-title { height: 36px; font-size: 14px; line-height: 36px;}
    .system-info { padding: 9px 0 7px 0;}
    .system-info > li > p > span {font-size: 13px; }
    .system-info > li > p::before {width: 2px; height: 2px;margin-right: 10px;margin-top: 8px;}
    .system-info > li > p > span {width: calc(100% - 12px);}
    .system-content {padding-bottom: 50px;border-bottom: solid 1px #eaeaea;}
    .system-step-title {padding: 45px 0 30px 0; font-size: 19px;}
    .aside-system > li > strong {font-size: 13px; margin-bottom: 32px}
    .aside-system > li > a > i {width: 21px; height: 23px; background-size: 21px 23px; padding-right: 25px;}
    .aside-system > li > a > span {font-size: 13px;line-height: 23px;}
    .aside-system > li > a { margin-bottom: 15px;}
    .aside-system > li:first-child {padding-bottom: 58px;}
    .aside-system > li:last-child {padding-top: 25px;}
    .system-tell {font-size: 28px; color: #202020}
    .aside-system > li > strong.pd {margin-bottom: 12px; padding-top: 0;}
    .system-step-info > img {width: 100%;}

    /*조직 및 업무*//*Organization*/
    .organization-center {padding-top: 40px;}
    .organization-center > p > a {width: 110px; height: 110px; margin: 0 auto; font-size: 23px;}
    .eng-organi-box2 {max-width: 1050px; padding: 0 20px 90px 20px; margin: 0 auto;}
    .eng-organi-title {font-size: 15px; width: 104px; padding: 15px 0; float: right;}
    .eng-organi-con {padding-top: 25px;}
    .eng-organi-con > li {width: 100%; margin-right: 0; padding-bottom: 20px; float: none;}
    .eng-organi-con > li > strong {font-size: 14px; margin-bottom: 20px; padding: 10px 0; border: 2px solid #000;}
    .eng-organi-con > li > p {font-size: 13px; margin-bottom: 15px;}
    .eng-organi-muse-title {margin-top: 40px;}
    .eng-organi-txt > li > a {display: inline-block; margin-bottom: 20px;}
    .eng-organi-txt > li > p > a.btn-middle {font-size: 14px;}

    /*전시관람*/
    .tbl-type7.mobile.pd {margin-top: 20px;}
    .display-visual {height: 325px; background-size: cover;}
    .display-visual-title > li > h4 {font-size: 21px;}
    .display-visual-title > li > strong {font-size: 45px;padding: 13px 0 0px 0;}
    .display-visual-title > li > h4.mobile {font-size: 21px; padding: 37px 0 0px}
    .display-visual-title > li > strong.mobile {font-size: 45px;padding: 0;}
    .display-visual-title > li > p {font-size: 15px;}
    .display-visual-title {padding-top: 40px;}
    .display-content-area {margin-top: 60px; padding: 0;}
    .display-content-area > li:first-child {padding: 0 20px; }
    .display-content-area > li:first-child > ul:first-child {border-top: solid 2px #333333;}
    .display-content > li:first-child {padding: 40px 0 0px 0;}
    .display-content > li:last-child {padding: 25px 0 40px 0; border-bottom: solid 1px #e9e9e9;}
    .display-content.last { margin-bottom: 15px; padding: 15px 20px; }
    .display-content.last > li:first-child > i > img {width: 28px;}
    .display-content.last > li:first-child > span {font-size: 13px;}
    .display-content.last > li:last-child { padding-top: 10px}
    .display-content.last > li:last-child > p {font-size: 14px;}
    .display-content.last > li:last-child > p > span {font-size: 14px;}
    .display-content > li:first-child > h3 {font-size: 19px;}
    .str-display {font-size: 13px; margin-bottom: 6px;}
    .display-content-box {margin-top: 20px;}
    .display-content-box > p {font-size: 13px; padding-left: 10px;}
    .display-content-box > p:before {content: ''; width: 2px; height: 2px; top: 10px; left: 0;}
    .display-content-box > p > span {font-size: 13px;}
    .display-content-box-last {margin-top: 0;}

    /*관람안내 오른쪽 사이드 2021.3.22*/
    .display-side-box > h4 {font-size: 15px;padding: 0 0 15px 5px;}
    .display-side > li > span {font-size: 13px;padding-left: 6px;}
    .display-side > li::before {width: 2px; height: 2px; position: absolute; top: 8px;}
    .display-side-box {padding: 35px 20px 0 20px;}
    .display-side > li {margin-bottom: 11px;}

    /*전시 해설 예약*/
    .comm-tab {padding-bottom: 40px}
    .comm-tab > li > a > p { height: 80px; font-size: 16px; line-height: 24px;padding-top: 17px;}
    .comm-tab > li > a > p.on { height: 81px}
    .page-tab-type1.comm {padding: 0 20px;}
    .tab-type1 ul.comm {padding-top: 50px;}
    .tab-type1 ul.comm li > a {font-size: 17px; padding: 10px 25px;}
    .board-list-total.mb0.comm {padding: 0 20px; box-sizing: border-box;}
    .board-list-content.comm {padding: 0 20px; box-sizing: border-box;}
    .str-type {width: 35px;}
    .str-type2 {width: auto; padding-right: 5px;}

    /*전시 해설*/
    .exhbhall-title {font-size: 24px; margin-top: 30px;}
    .exhbhall-type1 > div:nth-child(1) > h4 {font-size: 18px; margin-bottom: 30px;}
    .exhbhall-type2 > div:nth-child(1) > h4 {font-size: 18px; margin: 40px 0 30px;}
    .exhbhall-content {padding: 40px 0 0 0;}
    .exhbhall-type1-box > li {font-size: 13px; }
    .exhbhall-type2-box > li {font-size: 13px;}
    .r-type {padding-right: 5px;}
    .b-type {padding-right: 5px;}
    .exhbhall-type2-box {margin-top: 7px;}
    .exhbhall-type1 {padding-bottom: 40px;border-bottom: solid 1px #eaeaea;}
    .exhbhall-type2 > div:nth-child(2) > p {font-size: 14px; padding-bottom: 27px;}
    .exhbhall-type2 {padding: 0px 0 30px 0;}

    /*예약해설*/
    .reser-info {font-size: 13px; padding-bottom: 6px;}
    /* .exhbhall-type1.pd{padding:40px 0;} */
    table.reser-tbl > tbody > tr > th { font-size: 26px; padding: 0}
    table.reser-tbl > tbody > tr > th > span {font-size: 14px;}
    table.reser-tbl > tbody > tr > td {padding: 18px 16px 19px 16px;}
    table.reser-tbl > tbody > tr > td > p > span {font-size: 14px;padding-top: 8px;}
    table.reser-tbl > tbody > tr > td > p > span::after {width: 16px; height: 11px;background: url(/ux/content/images/display/img_ico_arrow.png) no-repeat;background-size: 16px 11px;}
    .exhbhall-bottom-info.reser {font-size: 14px;padding: 6px 0 8px 0;}
    table.reser-tbl {margin-top: 37px;}
    .exhbhall-type2 > div:nth-child(2) > strong {font-size: 14px; padding: 26px 0 22px 0;}
    .reser-title > li {width: 50%; height: 74px; font-size: 14px; padding-top: 23px;}
    .reser-title > li:nth-of-type(2n) {border-right: solid 1px #cccccc;}
    .exhbhall-type1 > div:nth-child(1) > h4.reser2 {}
    /*추가 CSS*/
    .reser-top {padding-top: 40px;}

    /*수어해설(Visitor Services)*/
    .reser-info.disable {padding: 6px 0 21px 0; line-height: 19px; word-break: keep-all;}
    .reser-info.disable > br {display: none;}
    .exhbhall-type1 > div:nth-child(1) > h4.reser.disable {padding-top: 40px;}
    .exhbhall-type1.disable {padding-bottom: 60px;}
    .visitor-box > p:before {top: 15px !important;}

    /*전시안내앱*/
    .info-side {padding: 43px 0;}
    .reser-info.disable2 {line-height: 19px;}
    .reser-info.app {padding-bottom: 25px;}
    .info-side > h4 {font-size: 22px;}
    .info-side > img {width: 165px;margin: 25px 0 12px 0;}
    .info-sied-link > li > a > img {width: 135px;}
    .info-sied-link > li:first-child > a > img {margin: 0 10px 0 0px; }
    .info-sied-link {width: 281px; margin-top: 15px;}
    .information-mobile-box > li {width: 49%; margin-right: 2%; margin-bottom: 2%;}
    .exhbhall-content.info {padding: 0;}
    .exhbhall-content.info.exhbhall-float {padding-top: 40px;}
    .information-mobile-img-area {padding: 49px 20px 40px 20px;}
    /*추가 및 변경 CSS*/
    .inform-float > div:nth-child(1) {width: 100%; padding-right: 0px;float: none;}
    .inform-float > div:nth-child(2) {width: 100%; margin-top: 25px; float: none;}
    .inform-impor {padding-bottom: 0 !important;}
    .inform-float > div:nth-child(1) > p {padding-left: 10px;}
    .inform-float > div:nth-child(1) > p:before {top: 14px; left: 0; width: 2px; height: 2px; content: '';}
    .exhbhall-type1 > div:nth-child(1) > h4.exh-app-title {font-size: 24px;}
    .exhbhall-type1 > div:nth-child(1) > h4.exh-app-title > span {font-size: 18px; margin-top: 15px;}
    /*추가 및 변경 CSS 20211124 - 제페토(큐아이와 동일)*/
    .info-side .img2 {width: 80%; max-width: 350px;}
    .info-side2 {padding: 43px 0; margin-top: 30px;}
    .info-side2 > h4 {font-size: 18px;}
    .info-side2 > video {width: 100%; height: 100%;;margin: 25px 0 10px 0;}
    .info-side2 > strong {margin: 0 0 24px 0; font-size: 18px;}
    .information-mobile-box1 > li {width: 49%; margin-right: 2%; margin-bottom: 2%;}
    /*20211124 - 제페토*/
    .reser-info_sub {font-size: 11px;}

    /*20240425 - 전시안내앱 QR 변경*/
    .info-side3 {padding: 43px 0;}
    .info-side3 > h4 {font-size: 22px;}
    .info-side3 > img {width: 165px;margin: 25px 0 12px 0;}
    .info-side3 .info-sied-link > li > a > img {width: 135px;}
    .info-side3 .info-sied-link > li:first-child > a > img {margin: 0 10px 0 0px; }
    .info-side3 .info-sied-link {width: 281px; margin-top: 15px;}

    /*20240620 스마트 전시관 서비스*/
    .reser-info > li:last-child > span {margin-left: 101px;}
    .info-side4 > h4 {font-size: 22px;}
    .info-side4 > img {width: 165px;margin: 25px 0 12px 0;}

    /*외국인을 위한 정기해설*/
    .exhbhall-type1-area.foreigner {padding: 5px 0 30px 0;}
    .exhbhall-bottom-info.foreigner {font-size: 13px; padding-top: 15px}
    .tbl-type7.foreigner {border-top: solid 1px #cccccc;}

    /*외국인을 위한 예약 해설*/
    .reser-title.fore-reser > li {width: 100%;height: 89px;}
    .fore-reser-info2 {font-size: 14px}
    .fore-reser-info {font-size: 19px}
    /*추가CSS*/
    .exhbhall-content > div > div:nth-child(2) > p {padding-left: 12px; padding-bottom: 10px; font-size: 13px;}
    .exhbhall-content > div > div:nth-child(2) > p:before {width: 2px; height: 2px; top: 10px; left: 0; content: '';}
    .btn-block {margin-top: 10px;}
    .btn-block > a > i {width: 8px; height: 13px; margin-left: 10px; background-size: 8px 13px;}
    .btn-block > a:hover > i {width: 8px; height: 13px; margin-left: 10px; background-size: 8px 13px;}

    /*Visitor Guides(PDF)*/
    .eng-guides-title {display: block; width: 100%; padding: 30px 0 35px; border-top: 2px solid #000;}
    .eng-guides-title > strong {display: block; font-size: 19px; margin-bottom: 20px; width: 100%;}
    .eng-guides-title > p {display: block; font-size: 13px; line-height: 19px; padding-left: 10px; width: 100%;}
    .eng-guides-title > p:before {position: absolute; top: 9px; left: 0; width: 2px; height: 2px; content: ''; background: #202020;}
    .eng-guides-sub-title {font-size: 19px; line-height: 26px; margin: 60px 0 30px;}
    .eng-guides-img-box {margin-right: 0; width: 100%;}
    .eng-guides-img-box > li {float: left; width: 30%; margin-right: 5%;}
    .eng-guides-img-box > li:last-child {margin-right: 0;}
    .eng-guides-img-box > li > img {width: 100%; display: block;}
    .eng-guides-down {margin-top: 50px;}
    .eng-guides-down > li { float: left; width: 47%; margin: 0 6% 20px 0;}
    .eng-guides-down > li:nth-child(2n-0) {margin-right: 0;}
    .eng-guides-down > li:last-child {margin-bottom: 0;}
    .eng-guides-down > li > a {font-size: 15px; width: 100%; padding: 10px 0 10px 20px; border: 1px solid #202020;}
    .eng-guides-ico {width: 18px; height: 18px; padding-left: 20px; background-size: 18px; position: absolute; right: 20px;}

    .eng-guides-down-top {margin-top: 10px;}
    .eng-guides-down-top li {float: left; width: 47%; margin: 0 6% 20px 0;}
    .eng-guides-down-top li a {font-size: 15px; width: 100%; padding: 10px 0 10px 20px; border: 1px solid #202020;}

    /*큐레이터와의 대화 리스트*/
    .curator-list-box > li {margin-bottom: 50px}
    .curator-list-content > li:first-child {width: 108px; height: auto;}
    .curator-list-content > li:last-child {width: calc(100% - 108px); padding-left: 20px;}
    .show-list > li .info a > strong.curator {margin: 8px 0 9px 0; height: auto}
    .show-list > li .info .info-list > li strong.curator {width: 33px; font-size: 13px;}
    .curator.sp {width: 40px;vertical-align: middle; font-size: 15px; }
    .info-list.curator > li.curator-pdf {margin-bottom: 10px !important;}
    .curator-pfd {padding-left: 22px}
    .curator-mobile-pdf {display: block;}
    .annual-btn > li:first-child > a {width: 107px;border: solid 1px #202020;padding: 8px 0;}
    .annual-btn > li:last-child > a {width: 125px;border: solid 1px #202020;padding: 8px 0;}
    .annual-btn > li > a > span {font-size: 15px;}
    .annual-btn > li > a > i > img {width: 18px;}
    .info-list.curator > li.time {margin-bottom: 27px !important;}
    .show-list > li .info.curator .info-list > li {margin-bottom: 5px;}
    .curator-wrap {padding-top: 20px;}
    .show-list > li .info .info-list > li strong.curator {vertical-align: middle;}

    /*큐레이터와의 대화 상세*/
    .curatro-view-box > li {width: 100%; margin-bottom: 20px;}
    .view-title {font-size: 15px;}
    .annual-btn.view {padding-left: 19px;}
    .annual-btn > li.curator {float: left !important;}
    .annual-btn > li.last {float: left !important;}

    /*마이페이지*/
    .login-cont.type2 .login-tit {padding: 0 20px;}
    .login-cont.type2 .login-tit strong {margin: 0 0 10px 0; font-size: 50px;}
    .login-cont.type2 .login-tit p {font-size: 14px;}
    .join-content.type2 .login-cont i.ico-login {width: 80px; height: 80px; background: url(/ux/content/images/common/ico/ico_login_img.png) no-repeat top; background-size: 80px;}
    .join-content .login-cont i.ico-login.email {width: 80px; height: 80px; background: url(/ux/content/images/common/ico/email-ico.png) no-repeat top; background-size: 80px;}
    .join-content.type2 .login-box {margin-top: 35px; padding: 0 20px;}
    .join-content.type2 .login-t {padding-left: 30px; width: calc(100% - 80px);}
    .login-box form p {margin-bottom: 20px;}
    .login-box form p.id label {width: 80px;font-size: 14px;}
    .login-box form p.id > span {width: calc(100% - 80px);}
    .login-box form p.pwd .pw-t {width: calc(100% - 80px);}
    .login-box form p.pwd .pw-t > i {position: absolute; top: 14px; right: 10px; width: 23px; height: 13.5px;}
    .login-box form p.pwd .pw-t > i > img {display: none; width: 23px; height: 13.5px;}
    .login-box form p.pwd label {width: 80px;font-size: 14px;}
    .login-box .btn-login {margin-top: 12.5px;}
    .find-btn-area {padding-top: 30px; padding-right: 20px;}
    .find-btn-area > a {margin-left: 7px;}
    .join-info-box {margin-top: 55px; padding: 50px 20px;}
    .join-info-box .mail-info-txt {font-size: 14px;}
    .join-info-box > strong {margin-bottom: 25px; font-size: 19px; line-height: 26px;}

    .join-content .login-cont i.ico-login.find {background: url(/ux/content/images/common/ico/ico_login_find_img.png) no-repeat top;
        background-size: 80px;}
    .join-content .login-cont strong.light {margin-left: 25px; font-size: 40px; }
    .join-content .login-cont.type3 strong.light {margin-left: 20px; font-size: 30px; }
    .join-c-txt {font-size: 14px; padding: 0 20px}
    .join-content .t-light {font-size: 14px;}
    .join-content .radio-agree .checkbox {margin-right: 8px;}

    .join-c-txt.type2 {font-size: 19px;}
    .join-info-box .join-txt {font-size: 14px; line-height: 28px;}
    .join-info-box .join-txt > span {font-size: 15px;}

    .join-c-txt.type4 {font-size: 18px; padding: 0 20px}

    .pw-t2 > i {position: absolute; top: 12px; right: 10px;width: 23px; height: 13.5px;}
    .pw-t2 > i > img {width: 23px; height: 13.5px;}

    .guide-cont .guide-box {padding: 25px 0;}
    .guide-cont .guide-box > .ico-guide {width: 80px; height: 80px; background: url(/ux/content/images/common/ico/ico_normal_img.png) no-repeat top; background-size: 80px;}
    .guide-cont .guide-box strong {margin: 30px 0 15px 0; font-size: 23px;}
    .guide-cont .guide-box p {margin-bottom: 50px; font-size: 14px;}

    .join-step-cont {padding: 0 20px; margin: 60px auto 0 auto; }
    .join-step-cont .join-input {margin-top: 30px;}
    .join-step-cont .join-input > li.first {margin-bottom: 15px; font-size: 14px;}
    .join-step-cont .join-input > li .inpt {width: calc(100% - 105px); margin-right: 15px;}
    .join-info-txt {margin: 15px auto 50px auto; padding: 0 20px;}
    .join-info-txt > strong {margin-bottom: 15px;font-size: 19px;}

    .periodical-list .groupBox-area.type2 .groupBox .txt {padding: 20px 15px;}
    .periodical-list .groupBox-area.type2 pre p {line-height: 19px;}
    .periodical-list .groupBox-area.type2 .groupBox .txt {font-size: 14px; line-height: 21px;}
    .terms-conts1 {font-size: 14px; line-height: 21px; padding: 0 15px 20px 15px}
    .terms-conts1 h4.tfirst {margin-bottom: 8px; margin-top: 20px; font-size: 16px; line-height: 21px;}
    .terms-conts1 h5 {margin-top: 20px; font-size: 16px;}
    .terms-conts1 > ol > li {margin-bottom: 13px;}
    .join-info-txt .join-btn a {margin-bottom: 8px;}
    .join-content .login-cont i.ico-login.certification {width: 80px; height: 80px; background: url(/ux/content/images/common/ico/ico_login_certification_img.png) no-repeat top; background-size: 80px;}
    .join-content .login-cont strong.bold {margin: 30px 0 85px 0; font-size: 23px; padding: 0 30px;}

    .join-input-2 .inner-join-input {padding: 35px 10px 35px 10px;}
    .join-input-2 .inner-join-input .tbl-type3 p.light {font-size: 14px; line-height: 21px;}
    .join-input-2 .tbl-type3 > tbody > tr > th {width: 105px; font-size: 14px; line-height: 40px;}
    .inner-join-input .tbl-type3.input-table2 > tbody > tr > td {padding-bottom: 10px; width: calc(100% - 105px)}
    .inner-join-input .tbl-type3.input-table2 tbody tr td.t-last {line-height: 16px}
    .service-area {margin-top: 20px; margin-left: -95px;}
    .service-area > ul > li {padding: 10px 0 15px 0; }
    .service-area .check-txt {margin-top: 10px;}
    .service-area .check-txt ul {display: block; margin-top: 8px;}

    .join-c-txt.type3 {font-size: 32px; line-height: 37px;}
    /*영문 추가 CSS*/
    .login-box .btn-login.eng-btn-login {float: none; width: auto; margin-top: 13px; text-align: right;}
    .login-cont.type2 .login-tit strong.eng-login-t {font-size: 50px; margin: 0;}
    .login-cont.type2 .login-tit.eng-login-tit {padding-left: 15px;}
    .login-box form p.id label.eng-login-lab {width: 95px; padding-right: 15px; box-sizing: border-box;}
    .login-box form p.pwd label.eng-login-lab {width: 95px; padding-left: 0px; padding-right: 15px; box-sizing: border-box;}
    .find-btn-area.eng-find-btn-area {padding-top: 30px; padding-right: 20px; text-align: right;}

    /*전체 예약 현황*/
    .all_bg2 {padding: 20px 20px 0 20px;}
    .all-search-btn {width: 150px; }
    .search-slt {width: 109px; height: 40px; line-height: 40px; padding-left: 15px; font-size: 14px; background: url(/ux/content/images/common/ico/ico_sm_black_open.png) no-repeat 90% center;}
    .all-search-btn > li:last-child > a {line-height: 40px;}
    .all-search-btn > li:last-child > a > img {line-height: 40px; width: 15px; height: 15px}
    .all-search-btn > li:last-child {padding-right: 10px;}
    .all-search-btn > li:last-child > a::before {margin-right: 10px; height: 10px;}
    .tab-type3.all {margin: 15px 0 18px 0;}
    .all-search-area {padding-bottom: 30px;}
    .board-list-type1.all {padding: 0 0 75px 0;}
    .board-list-type1.all .board-list-content .board-list-tbody > ul {padding: 23px 20px;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li > span > a.btn-all {width: 65px; height: 30px;line-height: 30px;font-size: 15px;}
    .board-list-content.all .light {font-size: 14px;}
    .board-list-content.all .light > a {font-size: 14px}
    .board-list-content.all .content > a {font-size: 19px}
    .board-list-content.all .medium > span > a {font-size: 15px}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-tbl .m-tit {width: 98px; font-size: 14px;}
    .board-list-type1 .board-list-content .board-list-tbody > ul > li.m-tbl span {width: calc(100% - 98px);}

    /*해설 사이드 공통*/
    .paper-aside.exhbhall {margin-bottom: 40px;}
    .side-tab-box > li > a {width: 100%; height: 33px; font-size: 13px; line-height: 33px; border-top: solid 1px #dddddd; border-left: solid 1px #dddddd; }
    .side-tab-box > li:last-child > a {border-bottom: solid 1px #dddddd; }
    .side-tab-box > li:nth-child(5) > a {border-bottom: solid 1px #dddddd; }
    .side-tab-box > li:nth-child(2n) > a {border-right: solid 1px #dddddd; }
    .side-tab-box > li > a.on {width: 100%; height: 34px; line-height: 34px;}

    /*예약하기 0325*/
    .m-booking-list {padding: 0 20px;}
    .m-booking-list-area {border: 1px solid #dddddd;}
    .m-booking-list-area li {border-bottom: 1px solid #ddd;}
    .m-booking-list-area li > .booking-item .booking-btn-area {width: calc(100% - 34px); }
    .m-booking-list-area li > .booking-item .booking-btn-area > div > a {padding: 18px 0 18px 20px;}
    .m-booking-list-area li > .booking-item .booking-btn-area > div > a span {width: 40px; padding-right: 25px;}
    .m-booking-list-area li > .booking-item .booking-btn-area > div > a strong {width: calc(100% - 65px);font-size: 19px;}
    .m-booking-list-area li > .booking-item .booking-btn-arrow {width: 34px;}
    .m-booking-list-area li > .booking-item .booking-btn-arrow img {width: 11px; height: 16.5px }

    /*오시는길 1*/
    .board-list-header.come {padding: 0 0 0 20px;}
    .map-info {float: none; width: 100%;padding: 29px 0 35px 18px;}
    .map-title {font-size: 23px;}
    .map-side-info > li > strong {font-size: 13px;}
    .map-side-info > li > span {font-size: 13px; line-height: 19px;}
    .map-side-info > li:last-child {padding-top: 7px;}
    .map-side-info {padding-top: 17px;}
    .subway-type2-wrap {padding: 0 20px;}
    .subway-title {font-size: 19px; padding-bottom: 15px;}
    .map-num {width: 24px; height: 24px; line-height: 24px; font-size: 18px;}
    .sub-line {width: 75px;height: 24px; line-height: 24px; font-size: 14px;}
    .sub-title {font-size: 14px;}
    .sub-title2 {font-size: 14px;}
    .sub-tit-p {font-size: 14px; line-height: 26px; padding-top: 11px; margin-bottom: 20px;}
    .sub-p {font-size: 13px; padding-right: 0;}
    .sub-sid-p {padding-top: 11px;}
    /*.subway-type2{margin-top: 50px;border-top: solid 2px #000000;}*/
    .subway-type2 > li {padding: 40px 0 38px 0px;border-bottom: solid 1px #efefef;}
    .sub-p-li {font-size: 13px;}
    .subway-main-title.type {margin-bottom: 8px;}
    .sub-span {font-size: 14px;}
    .sub-p > i {display: table-cell; position: absolute; width: 2px; height: 2px; top: 21px; background: #202020; }
    .sub-p > span {padding-left: 9px;}

    /*오시는길 2*/
    .bus-line {width: 18px; height: 18px; border: solid 3px #2a73dc; font-size: 14px; line-height: 20px;}
    .bus-title {font-size: 14px;padding-left: 9px;}
    .bus-list {font-size: 13px; line-height: 32px; padding-top: 5px;}
    .bus-list > span::before { width: 16px; height: 10px; margin: 0 10px; background-size: 16px 10px; top: 0px;}
    /*eng추가CSS*/
    .map-side-info .eng-bus p:nth-child(1) {font-size: 14px;}
    .map-side-info .eng-bus:nth-child(1) p:nth-child(1) {padding-top: 10px;}
    .map-side-info .eng-bus p:nth-child(2) > span {font-size: 13px; line-height: 32px;}
    .eng-bus-sub-tit {font-size: 14px; margin: 35px 0 10px;}
    .bus-btn {margin-top: 30px;}
    .bus-btn a {font-size: 16px;}
    .bus-btn a i {width: 8px; height: 13px; margin-left: 10px; background-size: 8px 13px;}
    .bus-btn a:hover i {width: 8px; height: 13px; margin-left: 10px; background-size: 8px 13px;}

    /*오시는 길 3*/
    .parking-title {font-size: 24px;padding: 55px 20px 25px 20px;}
    .parking-title::before { border-top: solid 1px #efefef; padding-top: 45px;}
    .mobile-parking-title {padding-left: 31px; font-size: 19px; }
    .mobile-parking-title > span { font-size: 14px;}
    .map-side-info.bus.car > li {margin-bottom: 6px;}
    .map-side-info > li > span.bus.parking {padding-left: 18px;}
    .mobile-table-type {border-top: solid 1px #000000;}
    table.tbl-type7.parking {width: 100%; border-top: 0; border-bottom: solid 1px #cccccc;}
    table.tbl-type7.parking > tbody > tr.first > td {font-family: 'notokr-regular'; color: #202020; padding: 19px;}
    table.tbl-type7.parking > tbody > tr.second > td {font-family: 'notokr-regular'; border-right: solid 1px #efefef;border-bottom: 0;}
    .subway-side-area.car.parking {margin-top: 24px; padding: 45px 20px 37px 20px;}
    .sub-title.car.parking {font-size: 16px;}
    .sub-p.pak {padding-top: 12px}
    .sub-p.pak > i {top: 22px;}

    /*오시는 길 4*/
    .parking-table-top {margin-top: 40px;}
    .m-parking-top-line {border-bottom: 1px solid #202020 !important;}
    .m-parking-txt > td {font-size: 14px; border-top: solid 1px #ccc;}
    .m-parking-txt > td > span {margin-right: 15px; padding-left: 5px;}

    /*관람전시관 관람 예약 비로그인*/
    .non-loging-strong {font-size: 19px; padding-top: 24px;}
    .page-content-type1.none-logo {margin: 0 auto 25px auto;}
    .non-logo {font-size: 21px; word-break: keep-all;}
    .calendar-choice-title {font-size: 18px; padding-bottom: 16px;}
    .calendar-choice-box > li:first-child {padding: 28px 8px 26px 8px; margin-bottom: 40px}
    table.calendar-tbl > thead > tr > th > a > img {top: -4px;width: 5px;}
    table.calendar-tbl > thead > tr > th > a {width: 16px; height: 16px; border: solid 2px #dddddd; }
    table.calendar-tbl > thead > tr > td {font-size: 20px;}
    table.calendar-tbl > thead > tr > th {padding-bottom: 18px}
    table.calendar-tbl > thead > tr > td {padding-bottom: 18px}
    table.calendar-tbl > tbody > tr > th {font-size: 12px;padding: 7px 0;}
    table.calendar-tbl > tbody > tr > td > a {font-size: 12px;}
    table.calendar-tbl > tbody > tr > td {padding-top: 18px;}
    .calendar-choice-area {padding: 13px 20px 28px 20px;}
    .calendar-tbl-title {font-size: 18px;}
    table.tbl-type1.calendar {border-top: solid 1px #000000}
    table.tbl-type1.calendar > thead > tr > th {font-size: 13px;padding: 9px 0;}
    table.tbl-type1.calendar > tbody > tr > td {font-size: 13px;padding: 10px 2px 10px 2px;}
    table.tbl-type1.calendar > tbody > tr > td.num {font-size: 13px; }
    table.tbl-type1 > tbody > tr > td.tbl-btn > a {width: 60px; height: 28px; border: solid 1px #444444; font-size: 15px; line-height: 28px;}
    .btn-area.calendar {padding-top: 41px;}
    .join-content.calendar {padding-bottom: 100px;}

    /*관람전시관 관람 예약 로그인*/
    .loging-title {font-size: 15px; padding: 20px 0 39px 0;}
    .calendar-choice-title.login {padding-top: 23px}
    .calendar-choice-box > li.first {padding: 0px; margin-bottom: 30px;}
    .first-box-wrap { padding: 20px 0 28px 24px;}
    .input-list.login > li > span {width: 105px;}
    .input-list.login > li > input {width: 43px}
    .input-list.login > li > a > img {width: 20px; height: 20px;}
    .input-list.login > li > a {vertical-align: middle;margin-left: 16px;}
    .calendar-choice-title2 {font-size: 12px; padding-left: 28px}
    .step-box.login.pc {display: none;}
    .step-box.login.mobile {display: block;padding: 21px 24px 37px 24px; margin-top: 30px;}
    .inpt2.mid { max-width: none; width: calc(100% - 10px);}
    .loging-input {height: 29px; position: relative; top: 0px;}
    .loging-input2 {height: 29px}
    .input-list2-span {font-size: 14px;}
    .input-list3-span {font-size: 14px; padding-left: 10px;}
    .input-list2.login > li {display: table;}
    .input-list2.login > li > span {display: block;}
    /*원래는 table-cell*/
    .input-list2.login > li > span:first-child {width: 60px;}
    .page-container.login {padding-bottom: 0;}
    .inner-apply-cont.login {margin: 105px 20px 0 20px;}
    .depth-tit-1.login {margin-bottom: 16px;}
    .tbl-type3.input-table1 tbody tr > th { width: 92px;}
    h4.depth-tit-2.login.imark:before {top: -2px;}

    /*예약상세*/
    .step-tit.completion {padding: 0 20px;}
    .completion-title {font-size: 18px;}
    .completion-tbl {margin-top: 15px; padding: 39px 10px;}
    .completion-info {padding: 0 20px 0 20px; }
    .completion-title.pd2 {padding: 35px 0 15px 0;}
    .completion-title.pd {padding: 35px 0 15px 0;}
    .completion-info-type { padding: 30px 10px; box-sizing: border-box;}
    .role-point.comple {line-height: 18px;}
    .completion-info-type > li {margin-bottom: 11px}
    .completion-info2 {padding: 0 20px 75px 20px; }

    /******************20201221******************************/
    /*상단 패딩 공통*/
    .swiper-top-padding {padding: 0 20px;}

    /*관람·편의시설(전체 안내)*/
    .allmap-img {margin-top: 30px; padding: 0 20px;}
    .allmap-img > li:nth-child(1) {margin-right: 20px; margin-bottom: 10px;}
    .allmap-con > a > i {width: 8px; height: 13px; margin-left: 13px; background-size: 8px 13px;}
    .allmap-con > a:hover > i {width: 8px; height: 13px; margin-left: 13px; background-size: 8px 13px;}
    /*관람·편의시설(전체 안내 교육관가는길 팝업)*/
    .allmap-popup-button {display: block; position: absolute; top: 25px; right: 20px;}
    .allmap-popup-button > i {width: 20px; height: 20px; background-size: 20px 20px;}

    /*관람·편의시설(전시 공간)*/
    .exhi-wrap {margin-top: 40px;}
    .exhi-box-title {font-size: 19px; margin: 30px 0 20px;}
    .exhi-sub-title {font-size: 14px; margin-bottom: 30px;}
    .exhi-box {margin-top: 30px;}
    .exhi-txt {font-size: 13px; line-height: 19px;}
    /*eng추가CSS*/
    .mu-news-content .btn-link.eng-maps-click {width: 48%;}

    /*관람·편의시설(주요 시설)*/
    .infor-table-con > li {display: table; width: 100%; margin-bottom: 10px;}
    .infor-table-con > li:last-child {margin-bottom: 0;}
    .infor-title {display: table-cell; font-size: 14px; width: 56px; padding-right: 20px; }
    .infor-txt {display: table-cell; font-size: 14px; line-height: 26px; width: calc(100% - 50px);}
    .infor-top {margin-top: 60px;}
    .infor-btn-top {margin-top: 40px;}
    .infor-culture {margin-top: 40px;}
    .culture-img {padding: 30PX 0 0 20px; vertical-align: top;}
    .culture-img > img {width: 50px; height: 51px;}
    .culture-txt {font-size: 15px; line-height: 23px; padding: 30px 20px 40px 15px;}
    .main-bottom {margin-bottom: 15px;}
    /*eng추가CSS*/
    .eng-infor-title {width: 101px; padding-right: 15px;}

    /*관람·편의시설(식당, 편의시설)*/
    .rest-wrap {margin-top: 60px;}

    /*관람·편의시설(레스토랑)*/
    .rest-info-view {margin-top: 60px; padding: 35px 20px;}
    .rest-info-view > li {display: block; width: 100%;}
    .rest-info-left {display: block; width: 100%; }
    .rest-info-left > p:nth-child(1) {width: 52px; height: 42px;}
    .rest-info-left > p:nth-child(1) > img {width: 100%; display: block;}
    .rest-info-left > p:nth-child(2) {font-size: 34px; margin-left: 20px; line-height: 42px;}
    .rest-info-right {display: block; width: 100%; vertical-align: middle;}
    .rest-info-right > p:nth-child(1) {font-size: 15px; margin-top: 20px; line-height: 23px;}
    .rest-btn-top {width: 46.93vw !important; margin: 30px 15px 0 0; background: #fff;}
    .rest-btn-top i {padding-left: 15px !important;}
    .rest-table-top {margin-top: 30px;}

    /*관람·편의시설(편의시설 연락처)*/
    .facil-img-con {width: 100%; height: 220px; background: url(/ux/content/images/display/facility/m_bg_facilities_img_1.jpg) no-repeat center; background-size: cover;}
    .facil-box {float: none; display: flex; align-items: center; justify-content: center; height: 100%; flex-direction: column; padding: 0 20px;}
    .facil-title {font-size: 3.52vw; margin-bottom: 20px;}
    .facil-img {width: 5.47vw; height: 5.47vw; margin-right: 15px;}
    .facil-txt {font-size: 5.86vw; line-height: 5.47vw;}
    /*편의시설 연락처 테이블*/
    .m-facil-table-title-txt {font-size: 18px; padding-left: 30px;}
    .facil-imfo-box {margin-top: 40px; padding: 0 20px;}
    .faci-content-bottom {margin: 0 auto 100px auto;}
    .facil-imfo-box > strong {font-size: 23px; margin-bottom: 30px;}
    .facil-table {width: 100%; border-top: solid 2px #000000; border-bottom: 1px solid #ccc;}
    .facil-table > li {width: 100%; display: block; padding: 35px 0; border-bottom: 1px solid #eaeaea;}
    .facil-table-title > p {font-size: 19px; margin-bottom: 20px;}
    .m-facil-table-bottom {margin-bottom: 15px;}
    .facil-main-txt {font-size: 18px !important;}
    .facil-table-txt-sub {font-size: 14px;}
    .facil-table-txt-sub2 {padding-left: 20px;}

    /*Maps(eng)*/
    .eng-maps-txt {font-size: 15px;}
    /*영문 추가 팝업 CSS*/
    .popupWrap .eng-newpop-title strong {display: block; padding-top: 18px; font-size: 24px;}
    .popupWrap .eng-newpop-header {padding-left: 30px; height: 75px;}
    .popupWrap .eng-newpop-header:before {width: 7px; height: 75px;}
    .eng-newpop-tbl {padding: 0 20px; margin-top: 20px; }
    table.pc-information-tbl.eng-newpop-information-tbl > tbody > tr > td {padding: 4px 0 4px 10px;}
    .eng-newpop-b {font-size: 13px !important; height: 30px; width: 100%; padding-left: 15px; }
    .eng-newpop-b2 {background: #f5f5f5 url(/ux/content/images/common/ico/ico_sm_black_open.png) no-repeat 95% center;}
    .eng-newpop-datepicker input {background: #f5f5f5; height: 30px; width: 99%;}
    .eng-newpop-txt {padding: 0 20px; margin-top: 20px;}
    .eng-newpop-txt > p {font-size: 13px; margin-bottom: 10px; padding-left: 10px;}
    .eng-newpop-txt > p:before {position: absolute; top: 6px; left: 0; width: 2px; height: 2px; }
    .eng-newpop-btn {padding: 0 20px; margin-top: 25px;}
    .eng-newpop-time {font-size: 13px; width: 15%; height: 30px; padding-left: 5px;
        background: #f5f5f5 url(/ux/content/images/common/ico/ico_sm_black_open.png) no-repeat 95% center;}
    .eng-newpop-time-txt {font-size: 13px; margin-left: 7px;}
    .eng-newpop-time-txt2 {margin-right: 15px;}
    .eng-newpop-long-txt {width: 98%; height: 100px;}
    .m-eng-newpop-top {display: block; margin-top: 10px;}
    table.pc-information-tbl > tbody > tr > th.m-eng-newpop-txt-size {font-size: 13px;}

    /*관람·편의시설(층별안내)*/
    .floor-content {margin-top: 60px;}
    .floor-left {padding: 0 20px;}
    /*층별안내 아이콘*/
    .floor-right {float: none; width: 100%; margin-top: 55px;}
    .floor-ico-con {padding: 60px 0 100px 20px;}
    .floor-ico-con > li {float: left; display: block; width: 50%; margin-bottom: 15px;}
    .floor-ico > img {width: 35px; height: 35px;}
    .floor-txt {display: table-cell; vertical-align: middle; font-size: 14px; padding-left: 10px;}
    .floor-down-btn {padding: 0 0 90px 20px; margin-top: 55px;}
    .floor-down-btn > a {font-size: 17px !important;}
    .floor-down-btn > a > i {width: 16px; height: 17px; margin-left: 13px; background-size: 16px 17px;}
    .floor-down-btn > a:hover > i {width: 16px; height: 17px; margin-left: 13px; background-size: 16px 17px;}
    /*eng추가CSS*/
    .eng-floor-txt {display: inline-block; font-size: 14px;}
    .page-container.floor-page-container {padding-bottom: 0;}
    .page-content-type1.floor-padge-content1 {margin: 0 auto;}

    /*마이페이지(나의 관심유물)*/
    .m-attention-box {display: block !important; margin-top: 30px;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > .m-attention-box {padding-left: 50px}
    .m-attention-table > li {display: table; margin-bottom: 15px;}
    .m-attention-title {display: table-cell; font-size: 14px; color: #444; width: 64px; padding-right: 20px; font-family: 'notokr-medium';}
    .m-attention-txt {display: table-cell; font-size: 14px; color: #666; width: calc(100% - 64px); font-family: 'notokr-light';}
    .m-attention-padding {padding: 0 20px;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul {padding: 40px 0; display: block;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > li {padding: 0; display: table-cell; width: auto !important;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > li:nth-child(1) {padding: 0 20px;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > li:nth-child(2) {height: 217px; width: 197px !important;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > li:nth-child(3) {text-align: left; padding: 0px; vertical-align: top;word-break: normal !important;}
    .attention-list-type1 .board-list-content .board-list-tbody > ul > li > a {padding: 0; }
    .attention-main-txt {font-size: 19px; margin-bottom: 0px; padding: 0 25px;}
    .attention-table {display: none;}

    /*마이페이지(나의 스크랩)*/
    .m-scrap-sub {padding-left: 20px;}
    .m-scrap-sub > p > a {font-size: 14px;}
    .m-scrap-txt1 {margin-bottom: 10px;}
    .scrap-ckbox {width: 15px;}
    .scrap-list-left .board-list-content .board-list-tbody > ul > li:nth-child(1) {margin-bottom: 20px;}
    .scrap-list-left .board-list-content .board-list-tbody > ul > li:nth-child(4) {padding: 10px 0 10px 0px;}
    .scrap-list-left .board-list-content .board-list-tbody > ul > li:nth-child(5) > a {padding: 0 0 0 35px; display: inline;}

    /*마이페이지(회원정보관리)*/
    .ico-mana {width: 80px; height: 80px; background-size: 80px;}
    .mana-c-txt {font-size: 19px;}
    .mana-col {font-size: 14px;}
    .mana-left {padding-left: 22px !important;}

    /*마이페이지(비밀번호 변경)*/
    .ico-pw-change {width: 80px; height: 80px; background-size: 80px;}

    /*마이페이지(메일링수신정보)*/
    .reception-top .inner-join-input {border-top: 1px solid #ebebeb;}
    .ico-reception {width: 80px; height: 80px; background-size: 80px;}

    /*마이페이지(회원탈퇴)*/
    .ico-secession {width: 80px; height: 80px; background-size: 80px;}
    .secession-txt {padding: 30px 50px; border-bottom: 1px solid #ccc;}
    .secession-txt > li {font-size: 14px; line-height: 26px; padding-left: 7px; margin-bottom: 15px;}
    .secession-txt > li:before {width: 2px; height: 2px; background: #222; position: absolute; top: 12px; left: 0; content: "" }

    /*Learning*/
    .ui-content .text-area {padding: 0 20px}
    .ui-content .text-area .txt-group {padding: 40px 0;}
    .ui-content .text-area .txt-group:first-child {padding: 50px 0 40px 0;}
    .ui-content .text-area .txt-group > .tit > span {width: 26px; height: 26px; line-height: 26px; font-size: 16px; }
    .ui-content .text-area .txt-group > .tit > strong {width: calc(100% - 36px); font-size: 19px;}
    .ui-content .text-area .txt-group > .cont {margin-top: 25px}
    .ui-content .text-area .txt-group > .cont > ul li {margin-bottom: 13px}
    .ui-content .text-area .txt-group > .cont > ul li > span {width: 88px; font-size: 14px;}
    .ui-content .text-area .txt-group > .cont > ul li > p {font-size: 14px;}
    .ui-content .text-area .txt-group > .cont > ul li > p.first {font-size: 14px;}

    /*마이페이지*/
    .join-input-2 .tbl-type3 > tbody > tr > th {line-height: 28px; padding: 12px 0}

    /*전체 예약 현황(View)*/
    .all-view-box {background: #fff; padding: 39px 10px;}
    .all-view-main-tit {font-size: 18px;}
    .all-view-tit {font-size: 21px; margin-bottom: 30px;}
    .all-view-area {margin-top: 0;}
    .all-view-table {width: 100%; border-collapse: collapse;border-bottom: solid 1px #cccccc; border-top: solid 2px #000000;}
    table.all-view-table > tbody > tr > th {padding-left: 0; border-bottom: solid 1px #efefef; border-right: solid 1px #efefef; font-size: 13px;}
    table.all-view-table > tbody > tr > td {font-size: 13px; padding: ! 1px 0 11px 13px; border-bottom: solid 1px #efefef;}
    .all-view-top {margin-top: 30px;}
    .all-view-non-txt {font-size: 13px;}
    .all-view-left-btn {float: left;}

    /*At a Glance  */
    .e-map-wrap {border-top: solid 2px #000000}
    .e-map-wrap > img {display: block;}
    .insti-right-con.en {margin-top: 0px; padding-top: 40px;}
    .map-shape > li {margin-bottom: 22px;}
    .map-shape > li > span {width: 23px; height: 23px;}
    .map-shape > li > a {font-size: 16px; padding-left: 13px; width: calc(100% - 36px);}
    .map-shape > li > a.on > p {font-size: 19px; border-bottom: solid 1px #333333;padding-bottom: 1px;}

    /*International Organizations  */
    .completion-info-box.eng-national-box2.en-pd { border-top: solid 2px #080808;}
    .org-box {padding: 40px 20px 50px 20px;}
    .org-title {font-size: 24px; padding-bottom: 40px;line-height: 35px;}
    .org-title > span {font-size: 27px}
    .ort-contents-box > span {font-size: 16px;}
    .org-box .ort-contents-box {font-size: 14px; line-height: 19px;padding-bottom: 18px;}
    .org-link-box { padding: 33px 0;}
    .org-link-box > li { margin-bottom: 30px;}
    .org-link-box > li > a > img { width: 170px;}
    .link-contens {float: left; width: calc(100% - 187px); box-sizing: border-box; padding: 80px 0 0 17px}
    .link-contens > h4 {padding: 0; font-size: 18px}
    .link-contens > p {font-size: 13px; line-height: 19px; padding-top: 10px;}

    /*ICOM  */
    .mobile-icom-img { padding-bottom: 35px;}
    .mobile-icom-img > img:first-child {padding-left: 20px; max-width: 315px;}
    .mobile-icom-img > img:last-child {padding-top: 30px; }
    .icom-wrap {padding-top: 37px; padding-bottom: 20px;}
    .icom-contents {padding: 0 20px; font-size: 13px; line-height: 19px; margin-bottom: 30px}
    .icom-contents > span {font-size: 16px}
    .icom-side > li > p {font-size: 15px;}
    .icom-side > li > a {font-size: 14px}

    /*Directors Meeting of National Museums  */
    .directors-box > li:first-child {margin-bottom: 50px;}
    .directors-img-box { padding: 30px 0;}
    .directors-box {padding: 0px 0 60px 0;}

    /* Asian National Museums Association (ANMA) */
    .icom-contents-list > p {font-size: 16px; padding-bottom: 13px;}
    .anma-list-contents > li > span {font-size: 13px; padding-left: 8px;}
    .anma-list-contents > li > i {width: 2px; height: 2px; margin-top: 19px; margin-top: 9px;}
    .icom-contents-list {padding: 0 20px; box-sizing: border-box;;}

    /* Virtual Collection of Asian Masterpieces */
    .wd-full {width: 100% !important; max-width: none !important; padding-left: 0 !important;}
    .icom-contents.pd {padding: 0 20px;}

}

@media all and (max-width: 500px) {
    /*기증사례 폰트 조절*/
    .donation-case-area > li > div > span {font-size: 15px;letter-spacing: -1px;}
    .donation-case-area > li > div > p {font-size: 18px}
    .donation-case-area > li > div > i > img {width: 14px; margin-right: 0;}
    .page-content-type1.donation-case > ul > li::before {margin: 0 5px;}

}

@media all and (max-width: 450px) {
    /*영상관1*/
    .letter-font2 {display: inline-block; padding-right: 1%}
    .digital-title-area > li:first-child > h4 {font-size: 50px; padding-top: 10px}
    .letter-font { padding: 5px 0;}
    .digital-letter > p:nth-child(1) {letter-spacing: 7px;}
    .digital-letter > p:nth-child(2) {letter-spacing: 1px;}
    .digital-letter > p:nth-child(3) {letter-spacing: 2px;}
    .digital-letter > p {font-size: 14px;padding-bottom: 7px;}
    .display-content.last { padding: 15px 5px;}
    .display-content.last > li:last-child > p > span { padding-left: 5px;}
}

@media all and (max-width: 400px) {
    /*영상관1*/
    .letter-font0 {padding-right: 3%}
    .letter-font2 {padding-right: 0; letter-spacing: -1px}
    .letter-font3 {padding-right: 13%;}
    /*학술출판*/
    .flie-down-area .flie-down-list > li .btn {min-width: 48%; font-size: 14px;}

    /*ì—°ë³´*/
    .annual-date {padding: 13px 0 13px 0;}
    .annual-box > img {float: left; width: auto; width: 150px;}
    .annual-box > .annual-info-area {float: left; width: calc(100% - 150px); padding: 15px 0 0 15px; }
    .annual-btn > li:first-child {float: none; width: 80px; height: 38px}
    .annual-btn > li:last-child {float: none; width: 100px;height: 38px; margin-top: 8px;}

    /*10주년*/
    .years-content-info-box > li > img {width: 100px}
    .years-content-info-box1 {width: calc(100% - 100px);}

    /*전시 해설 예약*/
    .comm-tab > li > a > p {letter-spacing: -1px; padding-top: 19px; font-size: 15px;}
    .tab-type1 ul.comm li > a {padding: 10px 20px;}

    /*큐레이터와의 대화*/
    .annual-btn > li:first-child > a {width: 80px;}
    .annual-btn > li:last-child > a {width: 90px;}
    .show-list > li .info .info-list > li strong.curator {vertical-align: inherit;}
    .annual-btn > li.curator {width: auto !important;}
    .annual-btn > li:last-child {width: auto !important;}

    /*오시는 길 1*/
    .sub-title2 {width: 40px;}
    .sub-title {line-height: normal;}
    .map-side-info > li > strong {width: 60px;}

    /*예약상세*/
    .on-login-tbl-box { padding: 22px 12px 30px 12px;}
    .completion-info2 > div > a {font-size: 19px; font-family: 'notokr-regular';}

}

@media all and (max-width: 360px) {
    .mobile-icom-img > img:first-child {width: 100%; box-sizing: border-box;}
    .mobile-icom-img > img {width: 100%;}
}

@media all and (max-width: 350px) {
    .m-pagenation a {margin-right: 10px;}
    .m-pagenation .num {margin-right: 10px; padding: 8px 20px; font-size: 22px; line-height: 22px;}

    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r {font-size: 4vw;}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r > span {margin-left: 6vw}
    .board-list-type2 .board-list-content .board-list-tbody ul.board-list-txt > li.txt-box-r .receipt-txt {font-size: 5vw;}

    .btn-outview-area .btn {font-size: 20px}
}

/*전시 리스트 수정 - 240411*/
.show-list > li .info a { height: auto; max-height: 70px}
@media all and (max-width: 992px) {
    .show-list.special > li { height: auto !important;}
}

/*소장품 열람*/
.board-list-content .board-list-tbody .reading-content-area.bg {background: #f4f4f4; margin-top: 0;}
.board-list-content .board-list-tbody .reading-content-area::after {content: '';display: block;clear: both;}
.board-list-content .board-list-tbody .reading-content-area.bg > li:first-child {float: left; width: calc(100% - 510px); border-top: 0; padding: 80px 56px 48px 60px; box-sizing: border-box;}
.board-list-content .board-list-tbody .reading-content-area.bg > li:last-child {float: left; width: 510px;}
.board-list-content .board-list-tbody .reading-content-area {background: #fff; margin-top: 100px; max-width: 1440px;margin: 50px auto 70px auto;padding: 0 15px;}
.board-list-content .board-list-tbody .reading-content-area > li:first-child {float: left; width: calc(100% - 390px); box-sizing: border-box; border-top: solid 2px #222222;}
.board-list-content .board-list-tbody .reading-content-area > li:last-child {float: left; width: 390px;}
.reading-content .reading-main-title {font-family: 'notokr-light'; font-size: 42px; font-weight: 300; color: #333333}
.reading-content .reading-main-title2 {padding-top: 26px; font-family: 'notokr-DemiLight'; font-size: 18px; line-height: 28px; font-weight: 300; color: #444444}
.reading-content .reading-small-content {padding: 30px; margin-top: 18px; border-radius: 8px; background: #fff;}
.reading-content .reading-small-content > li {display: table; margin-bottom: 20px;}
.reading-content .reading-small-content > li > div {display: table-cell;}
.reading-content .reading-small-content > li > div:first-child {width: 63px;}
.reading-content .reading-small-content > li > div > h4 {font-family: 'notokr-medium'; font-size: 16px; color: #444444; font-weight: 500;}
.reading-content .reading-small-content > li > div > p {font-family: 'notokr-DemiLight'; font-size: 16px; color: #444444; font-weight: 300;}
.reading-content .reading-small-content > li > div:last-child {width: calc(100% - 63px);}
.reading-content .reading-small-content > li:last-child .reading-content-type2 {padding-left: 4px;}
.reading-body-title .reading-body-content::after {content: '';display: block; clear: both;}
.reading-body-title .reading-body-content > li {width: 100%; display: table; padding: 20px 0 20px 0; border-bottom: solid 1px #eaeaea;}
.reading-body-title .reading-body-content > li:last-child {border-bottom: 0;}
.reading-body-title .reading-body-content > li > div {display: table-cell;}
.reading-body-title .reading-body-content > li > div:first-child {width: 156px; }
.reading-body-title .reading-body-content > li > div:last-child {width: calc(100% - 156px); padding-left: 6px;}
.reading-body-content-type1 > h4 {font-family: 'notokr-medium'; font-size: 24px; color: #222222; font-weight: 500; }
.reading-body-content-type2 .reading-body-content-min {font-family: 'notokr-DemiLight'; font-size: 16px; color: #666666; font-weight: 300; }
.reading-body-content-type2 .reading-body-content-min > li {margin-bottom: 12px; display: table}
.reading-body-content-type2 .reading-body-content-min > li::before {width: 2px; height: 2px; float: left; background: #000; content: '';display: table-cell; vertical-align: middle; margin-right: 10px; position: relative; top: -5px;}
.reading-body-content-type2 .reading-body-content-min > li > span {display: table-cell;}
.reading-side-box > li {margin-left: 60px; border-bottom: solid 1px #eaeaea;}
.reading-side-box > li:last-child {border-bottom: 0;}
.reading-side-box > li:last-child > h4 {padding-top: 14px;}
.reading-side-box > li > h4 {font-family: 'notokr-medium'; font-size: 16px; color: #202020; font-weight: 500;}
.reading-side-box > li > p {padding: 16px 0 22px 0; font-family: 'notokr-DemiLight'; font-size: 16px; line-height: 26px; color: #666666; word-break: keep-all; }
.online-btn.reading {text-align: left; margin-top: 0;}
.btn-lg.reading {font-size: 18px; padding: 0 4px 8px 4px; box-sizing: border-box;}
.online-btn.reading a.down {margin-right: 0;}
.online-btn.reading a.down i { margin-left: 12px; vertical-align: bottom;}
.page-tab-type1.reading {padding-top: 0;}
.page-header.reading { margin: 30px auto 52px auto;}
.page-content-type1.reading {margin: 0 auto;}