@charset "UTF-8";

* {margin: 0; padding: 0; box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, span, a {font-family: 'Pretendard', sans-serif; color: #333; text-decoration: none;}
li {text-decoration: none; list-style: none;}
.mo {display: none;}

body {width: 100%; height: auto; overflow-x:hidden;}
.clearfix:after{content:""; display:block; clear:both;}
.fix-layout{max-width:1474px; margin:0 auto; width:100%; padding:0 12px;}

/* Footer */
/*사이트 링크 박스*/
.fsitelink {z-index:101; display:inline-block; position:relative; box-sizing:border-box; text-align: left;  border-left:1px solid #7F7F7F; border-right:1px solid #7F7F7F;}
.fsitelink:first-child{margin-right:10px;}
.fsitelink:last-child {margin:0}
.fsitelink .tit::before{display:none;}
.fsitelink .tit a {display:block;position:relative; padding-right:60px; padding-left:16px; font-size:16px;font-weight:300;white-space:nowrap;
letter-spacing:-.05em; color:#fff;     padding-top: 20px; padding-bottom: 20px;}
.fsitelink .tit a:hover, #footer-wr .fsitelink-wr .fsitelink .tit a:active, #footer-wr .fsitelink-wr .fsitelink .tit a:focus { text-decoration: none; }
.fsitelink .tit a .gogo {/* display:block;*/ display:none; position:absolute;box-sizing:border-box;right:0;top:0;height:100%;color:#4b403a;background:#fff;font-weight:500;line-height:1;padding-right:50px;}
.fsitelink .tit a:after {content:"";display:block;position:absolute;/* right:50px;*/ right:20px;top:50%;transform:translateY(-50%); background:url(/resources/custom/images/museum/common/fsitelink.png) no-repeat 0px 0;width:16px;height:9px;transition:all .3s ease}
.fsitelink .tit{background:none; padding-left:0; margin-bottom:0;}
.fsitelink.is-open .tit a:after {transform:rotate(180deg);margin-top:-7px}
.fsitelink .fsitelink-cate-box {position:absolute;bottom:100%;left:0;background:#000;width:100%;height:0;overflow:hidden;box-sizing:border-box;transition:all .3s ease}
.fsitelink.is-open .fsitelink-cate-box {display:block;height:261px;overflow-y:auto;border:1px solid #fff;border-bottom:0}
.fsitelink .fsitelink-cate-box .inwr {height:240px;margin:10px;box-sizing:border-box}
.fsitelink .fsitelink-cate-box ul {margin:0px 10px}
.fsitelink .fsitelink-cate-box li {margin:1px 0}
.fsitelink .fsitelink-cate-box li a {display:block;padding:2px 0; color:#fff;}
.fsitelink .fsitelink-cate-box li a span {font-size:14px;color:#bfa89c;transition:all .3s ease}
.fsitelink .fsitelink-cate-box li a:hover span,
.fsitelink .fsitelink-cate-box li a:focus span,
.fsitelink .fsitelink-cate-box li a:active span {text-decoration:underline;color:#fff} 
@media all and (max-width:1300px) {
    .fsitelink-wr{float:none; margin-top:50px;}
    .fsitelink-wr .fsitelink{float:none; margin-bottom:10px; width:100%;}
}
@media all and (max-width:1000px) {
    .fsitelink{display:inline-block; margin-bottom:0; margin-right:12px;}
}   

@media all and (max-width:767px){
    .fsitelink{display:block;}
    .fsitelink:first-child{margin-right:0px;}
    .fsitelink .tit a{text-align:left; padding-top:12px; padding-bottom:12px; border:1px solid #fff;}
    .ft-bn .desc{display:block; margin-bottom:12px;}
    .ft-bn .bn-list-box{display:block; margin-left:0; width:100%;}
}

.ft-top{background:#000000}
.ft-top .con{display:flex; align-items:center; justify-content:space-between;}
.ft-top .con > ul{display:flex; gap:20px; flex-wrap: wrap;justify-content: center;}
.ft-top .con > ul li a{color:#fff;}
.ft-top .con > ul li .red-txt{color:#F03C46}
.ft-bottom{padding:30px 0;}
.ft-bottom .con{display:flex; align-items: end; justify-content:space-between;}
.ft-bottom .info{max-width:50%;}
.ft-bottom .info > p{font-size:15px; color:#333;}
.ft-bottom .info > div{margin:10px 0;}
.ft-bottom .info > div p{padding-left:63px; position:relative; margin-top:6px;}
.ft-bottom .info > div p span{position:absolute; top:0; left:0; display:inline-block; width:53px;}
.ft-bottom .info > div p span:after{content:""; display:inline-block; width:1px; height:13px; background:#DDDDDD; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.ft-bottom .info > span{color:#A1A1A1;}
.ft-bottom .right-box{display:flex; gap:50px; align-items: end;}
.ft-bottom .right-box h1 span{font-family:'SongMyung'; font-size:30px; margin-left:10px; font-weight:300;}
@media all and (max-width:767px){
		.ft-top{padding:20px 0;}
		.ft-top .con{flex-direction: column; gap:10px;}
		.ft-bottom .con{flex-direction: column; gap:10px; text-align:center;}
		.ft-bottom .info{max-width:100%}
		.ft-bottom .right-box{flex-direction: column; gap:10px; width:100%; align-items:center;}
		.ft-bottom .info > div p{display:inline-block;}
}