@charset "utf-8";
.modal__openHTML {overflow: hidden;}

.content-info {max-width: 1920px;display: block;margin: 10% auto 0;padding-top:10%;} /* padding추가 */
 
/* gnb 커스텀 */
#gnb_layout .depth1_ul > li .item .gnb-title {display: none;}
#gnb_layout .depth1_ul > li .item {left: 0;padding: 0;}
#body_layout .lnb_wrap .lnb_depth2__list > li,
#gnb_layout .depth1_ul .depth2_ul > li {width: auto;border: none;padding: 0;margin: 0 18px;position: relative;display: inline-block;min-height: 1px;height: auto;}
#body_layout .lnb_wrap .lnb_depth2__list > li::before,
#gnb_layout .depth1_ul .depth2_ul > li::before {content: '';display: inline-block;width: 1px;height: 18px;background-color: #BDBDBD;position: absolute;right: -18px;top: 26px;}
#body_layout .lnb_wrap .lnb_depth2__list > li:last-child:before,
#gnb_layout .depth1_ul .depth2_ul > li:last-child::before {display: none;}
/* #gnb_layout .depth1_ul .depth2_ul > li .depth3_ul {display: none !important;} */
#gnb_layout .depth1_ul .depth2_ul:before,#gnb_layout .depth1_ul .depth2_ul::after {display: none;}
#gnb_layout .depth1_ul .depth2_ul {border: none;position: relative;margin: 0 auto;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
#gnb_layout .depth1_ul .depth2_ul:after {content:'';display:block;clear:both;background: transparent;position: static;width: auto;height: auto;}
#gnb_layout .depth1_ul .depth2_ul > li > a {position: relative;display: block;line-height: 1.2;word-wrap: break-word;word-break: keep-all;height: 100%;}
#gnb_layout .depth1_ul .depth2_ul > li > a span {position: relative;display: block;line-height: 1.2;word-wrap: break-word;word-break: keep-all;padding: 23px 0px;font-size: 17px;text-align: center;font-weight: 700;color: #000;letter-spacing: -1px;height: 100%;}
#gnb_layout .depth1_ul .depth2_ul > li > a span::after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0px;background: #000;}
#gnb_layout .depth1_ul .depth2_ul > li > a:hover span::after,
#gnb_layout .depth1_ul .depth2_ul > li > a:focus span::after {height: 5px;}
#gnb_layout .depth1_ul .depth2_ul {min-height: 67px;overflow: visible;}
#top_layout + .gnb_bg {display: none !important;}
#gnb_layout .depth1_ul > li a.current + .item {display: block;opacity:1 !important;overflow: visible;}

#gnb_layout .depth1_ul .depth2_ul > li > .depth3_ul {visibility: hidden;height: 0;overflow: hidden;display: none !important;padding: 0;text-align: left;transition: all 0.4s;position: absolute;left: 50%;top: calc(100% - 6px);transform: translate(-50%, 0);box-shadow: 8px 10px 4px rgb(0 0 0 / 10%);-ms-box-shadow: 8px 10px 4px rgba(0, 0, 0, 0.1);min-width: 160px;z-index: 1;margin: 0;}

#gnb_layout .depth1_ul .depth2_ul > li > .depth3_ul.active {display: block !important;visibility: visible;height: auto;overflow: visible;}
#gnb_layout .depth1_ul .depth2_ul > li .depth3_ul > li {position: relative;margin: 0;}
#gnb_layout .depth1_ul .depth2_ul > li .depth3_ul > li a {display: block;position: relative;padding: 18px 14px;font-size: 15px;word-wrap: break-word;word-break: keep-all;font-weight: normal;transition: all 0.4s;background-color: #F8F8F8;}
#gnb_layout .depth1_ul .depth2_ul > li .depth3_ul > li a:hover,
#gnb_layout .depth1_ul .depth2_ul > li .depth3_ul > li a:focus {background-color: #000;}
#gnb_layout .depth1_ul .depth2_ul > li .depth3_ul > li a:hover span,
#gnb_layout .depth1_ul .depth2_ul > li .depth3_ul > li a:focus span {color:#fff;}
#gnb_layout .depth1_ul .depth2_ul > li .depth3_ul > li a::before {display: none;}
#gnb_layout .depth1_ul .depth2_ul > li .depth3_ul > li a span {font-size: 15px;font-family: "Noto Sans KR";font-weight: 500;letter-spacing: -0.07em;display: block;line-height: 1;}

#gnb_layout {overflow: visible;}
#gnb_layout #gnb .layout:after,
#gnb_layout #gnb:after,
#gnb_layout #gnb:before {display: none;}
#gnb_layout.open:after {background-color: #F8F8F8;border-bottom: none;top:100px;}

/* gnb 영문/국문 바로가기 */
@media (max-width: 767.98px){
    #top_layout .top_wrap .utile_wrap > li.pc {display: block;}
}
@media (max-width: 450px){
    #top_layout .top_wrap .utile_wrap > li.language-link {margin-left: 16px !important;}
    #top_layout .top_wrap .utile_wrap > li.language-link .select-area{width: 75px;}
}
@media (max-width: 380px){
    #top_layout .top_wrap #logo {left: 20px;}
    #top_layout .top_wrap .utile_wrap {right:20px;}
    #top_layout .top_wrap .utile_wrap > li.language-link .select-area{width: 66px;}
    #top_layout .top_wrap .utile_wrap > li.language-link {margin-left: 10px !important;}
}
@media (max-width: 340px){
    #top_layout .top_wrap .utile_wrap > li.language-link .select-area{width: 60px;}
    #top_layout .top_wrap .utile_wrap > li.language-link {margin-left: 5px !important;}
    #top_layout .top_wrap .utile_wrap > li.language-link .select-area ul li a {font-size: 13px;}
}


.footer-layout .layout {padding: 0 230px 0 283px;}
.footer-layout .footer-bottom .info-wrap .copy,
.footer-layout .footer-bottom .info-wrap address,
.footer-layout .footer-bottom .info-wrap address .tel {font-size: 15px;}
.footer-layout .footer-bottom .info-wrap address .tel {}

@media ((max-width: 1479.98px)) {
    .footer-layout .layout {padding: 0;}
}

@media (max-width:1200px) {
    .footer-layout .footer-bottom .info-wrap {padding-right: 259px;}
}

@media (max-width:1090px) {
    .footer-layout .footer-bottom .info-wrap {padding-right: 0;}
}


/* 모바일 메뉴 선택시 */
html.noscroll {overflow-x:unset;}

/* gnb 예약 조회 바로가기 아이콘 */
#top_layout .top_wrap .utile_wrap > li.site-link a:hover,
#top_layout .top_wrap .utile_wrap > li.site-link a:focus {background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8272 5.6393L1 5.6393M1 5.6393V2.2643L19 2.2643V5.6393M1 5.6393L19 5.6393M1 5.6393V18.0143H19V5.6393M14.5 5.6393H19M4 0.204773V4.00001M16.2908 0.204773V4.00001M7.75 11.2643L10 13.5143L13.9375 9.57679' stroke='black' stroke-width='1.125'/%3E%3C/svg%3E%0A");background-color: #fff;}

/* 3차메뉴 */
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list {display: none;visibility: hidden;height: 0;}
#body_layout .lnb_wrap .lnb_depth2__list > li .lnb_depth3__list.active {display: block;visibility: visible;height: auto;}


/* 입력폼 */
.form-horizontal.bucket-form .form-group div[class^=col-] .form-control.tel {width: 33.333%;}
.card-body .form-group .control-label label .pilsu:after, .card-body .label .pilsu:after, .form-horizontal.bucket-form .form-group .control-label label .pilsu:after, .form-horizontal .label .pilsu:after {content: "*" !important;display: inline-block;color: #ce171f;font-weight: bold;font-size: 14px;background-image: none !IMPORTANT;top: -3px !important;}



/*전시, 교육신청, 예약 이미지 크게보기*/
/* #imgLayer {max-height: 80% !important;overflow-y: scroll !important;} */
#imgLayer {max-width: 920px !important;width: 100% !important;height: 920px;}
/* #imgLayer .thumb {max-height: 100% !important;} */
#imgLayer .thumb {max-width: none;max-height: none !important;position: absolute;margin: 0 auto;width: 100% !important;height: calc(100% - 65px);left: 50%;top: 60px;transform: translate(-50%, 0%);}

@media (max-width:1023px) {
    #imgLayer {width: 90% !important;}
}

@media (max-height:990px) {
    #imgLayer {height: 90% !important;}
}

/*본인확인서비스*/
.login-cus.program--contents__login .ui-list__column .inner .item {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.login-cus.program--contents__login .ui-list__column .item .sns-btn button > span {display: block;}



.PRGRM_nodata.preparing .ui-message .nopage span {display: none!important;}

/*탭*/
.tab-ul.type2 {margin-bottom: -1px;}
.dept3_link{display:none;}



.content-info__charge{margin:30px 0;padding:0;border:1px solid #e9e9e9;background-color:#fff;}

.content-info__charge span{margin-left:45px;line-height:25px;color: #000;font-size:0.9em;}
.content-info__charge span:first-child{margin-left:0;padding-left:0}  
.content-info__charge span em{display:inline-block;color:#000;font-style:normal}
.content-info__charge span em:after{content:"";display:inline-block;width:1px;height:15px;margin:0 6px 2px 8px;background:#ccc;vertical-align:middle}

@media (max-width:767px) {
    .content-info__charge span{margin-left:0;padding-left:0}
}
/*소장품 검색*/
.item .bbs__list__link:focus .bbs__title,
.bbs-cell4 .item .bbs__list__link:hover .bbs__title {text-decoration:underline}
/*연구서 보고서*/
.board--card--list .col .inner-box > a:hover .tit,
.board--card--list .col .inner-box > a:focus .tit{text-decoration: underline;}

/* 인증성 마크 */
.footer-bottom .mark {width: 82px;height: 54px;display: inline-block;position: absolute;left: 0;bottom: 0;}
.footer-bottom .mark img {}

@media (max-width:1479px) {
    .footer-bottom .mark {left: auto;right: 249px;bottom: 6px;}
}

@media (max-width:1220px) {
    .footer-bottom .mark {bottom: auto;right: 20px;top: 237px;}
}

@media (max-width:1090px) {
    .footer-bottom .mark {position: relative;bottom: 0;right: 0;display: block;margin: 0 auto;margin-top: 20px;top: auto;}
}

.list-1st>li.b-year {font-weight: 700;text-decoration:underline;}

#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a.ov {color:#000;text-decoration: underline;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth2_ul li .depth3_ul > li > a.ov:before {background-color: #000;}