@charset "utf-8";

.ui-picture-list{margin:20px 0}
.ui-picture-list>ul{margin:0 -7px}
.ui-picture-list>ul:after{display:block;clear:both;content:''}
.ui-picture-list>ul>li{float:left;width: 33.3%;border: 10px solid transparent;border-width:0 7px 30px;}
.ui-picture-list ul .txt_con{width: 100%;}
.ui-picture-list>ul>li a{display:block;position:relative;min-height:70px;/*background-color:#fff*/}
.ui-picture-list ul li a .pic{position:relative;padding-top:72%;overflow:hidden;text-align:center}
.ui-picture-list ul li a .pic .pic_wrap{position:absolute;left:0;top:0;right:0;height:100%;border: 1px solid #ddd;
    border-bottom: none;}
.ui-picture-list ul li a .pic img{height:100%;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.ui-picture-list ul li a .pic span{display:none;position:absolute;top:0;left:0}

.ui-picture-list ul li a .cnt{border:1px solid #ddd;padding: 15px 20px;
    height:120px;border-top: none;}
.ui-picture-list>ul>li a .cnt .cnt_b{font-size:17px;font-weight:normal;}
.ui-picture-list ul li a .cnt h3{position:relative;margin:5px 0 12px 0;font-size:20px;font-weight:600;line-height:130%;color:#191919;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.ui-picture-list ul li a .cnt h3 span{display:block;position:absolute;top:0;right:0;font-size:13px;color:#74829e}

.ui-picture-list ul li a .cnt ul li{width:100%;overflow:hidden;font-size:14px;}
.ui-picture-list ul li a .cnt ul li b{position:absolute;left:22px;}
.ui-picture-list ul li a .cnt p{height:40px;line-height:20px;font-size:14px;overflow:hidden}
.ui-picture-list ul li a .cnt p,
.ui-picture-list ul li a .cnt li{float:none;letter-spacing:-1px}
.ui-picture-list ul li a .cnt .ico{position:absolute;left:0;bottom:0;padding:13px 0;width:100%;border-top:1px solid #ddd;font-size:15px;color:#767676;text-align:center}

.ui-picture-list>ul>li a:hover .cnt{background-color:#3f61b2}
.ui-picture-list>ul>li a:hover .cnt .cnt_b{color:#fff;}
.ui-picture-list>ul>li a:hover .cnt ul li{color:#fff;background: url(/images/museum/common/list_bul_ov.png) no-repeat 0 9px;}
.ui-picture-list ul li a:hover .pic img{transform:scale(1.2,1.2)}

@media(max-width:767px){
	.ui-picture-list>ul>li{width:50%;}
}
@media(max-width:560px){
	.ui-picture-list>ul>li{width:100%;}
}

.bbs_detail{border-top:2px solid #434343;border-bottom:1px solid #d5d5d5}
.bbs_detail:before{content:"";display:block;position:absolute;top:0;left:70%;width:1px;height:100%;background:#ddd;}
.bbs_detail.bbs_detail_basic:before{display:none;}
.bbs_detail:after{content:"";display:block;visibility:hidden;clear:both;}
.bbs_detail_content{display:inline-block;float:left;padding-bottom:30px;width:100%;}
.bbs_detail.bbs_detail_basic .bbs_detail_content{display:block;float:none;width:100%;}
.bbs_detail.bbs_detail_basic .bbs_detail_player{position:relative;padding-top:37.5%;}
.bbs_detail.bbs_detail_basic .bbs_detail_player .video-js{position:absolute;top:0;left:0;}
.bbs_detail_tit{width:100%;padding:10px 0;text-align:center;}
.bbs_detail_content{position:relative;float: none; }
.bbs_detail_content p{font-size:14px;line-height:160%;}
.bbs_detail_img{overflow:hidden;position:relative;margin-bottom:20px;width:100%;}
.bbs_detail_img *{margin:0;padding:0;}
.bbs_detail_img figure{width:100%;text-align:center;}
.bbs_detail_img figcaption{height:0;font-size:0;line-height:0;}
.bbs_detail_file{clear:both;position:relative;padding:7px 20px 10px 20px;border-bottom:1px solid #000;background-color:#fff;}
.bbs_detail_file.file_list{padding:0;border:none;}
.bbs_detail_file:after{content:"";display:block;visibility:hidden;clear:both;}

.bbs_detail_file a{display:inline-block;margin-right:10px;font-size:13px;color:#666;line-height:120%;}
.bbs_detail_file a *{vertical-align:middle}
.bbs_detail_file a span{overflow:hidden;display:inline-block;margin-left:-40px;margin-right:5px;width:26px;height:26px;background: url("/images/prog/board/bg_icon.png") no-repeat 0 -240px;font-size:0;}
.bbs_detail_file.file_list a{margin:0;padding-left:0;}
.bbs_detail_file.file_list a span{margin:0;}
.bbs_detail_file a:hover{text-decoration:underline}
.bbs_detail_file a.ppt span,
.bbs_detail_file a.pptx span{background-position: 0 0}
.bbs_detail_file a.doc span,
.bbs_detail_file a.docx span{background-position: 0 -40px}
.bbs_detail_file a.hwp span{background-position: 0 -80px}
.bbs_detail_file a.pdf span{background-position: 0 -120px}
.bbs_detail_file a.png span,
.bbs_detail_file a.gif span,
.bbs_detail_file a.jpg span{background-position: 0 -159px}


.bbs_detail_file a.xls span,
.bbs_detail_file a.xlsx span{background-position: 0 -200px}
.bbs_detail_file a.etc span{background-position: 0 -240px}

/*
.bbs_detail_tit {position:relative;padding:15px 20px;border-bottom: 1px solid #d5d5d5;background: url("/images/prog/board/detail_title_bg.gif") repeat;}
*/
.bbs_detail_tit{position:relative;padding:16px 20px;background-color:#f7f7f7;border-bottom: 1px solid #d5d5d5;}
.bbs_detail_tit h2{display:block;margin:0;padding:0;background:none;color:#111;font-size:20px;line-height:1.2;font-family: 'ntk','Malgun Gothic';}
.bbs_detail_tit h2:before,
.bbs_detail_tit h2:after{display:none;}
.bbs_detail_tit{position:relative;padding:15px 20px;border-bottom: 1px solid #d5d5d5;font-size:17px;}
.bbs_detail_tit .info{padding-top:10px;font-size:13px;}
.bbs_detail_tit .info:after{content:"";display:block;visibility:hidden;clear:both;}
.bbs_detail_tit .info li{position:relative;display:inline-block;float:left;margin-left:10px;padding-left:10px;color:#444;}
.bbs_detail_tit .info li:first-child{margin-left:0;padding-left:0;}
.bbs_detail_tit .info li:after{content:"";display:block;position:absolute;top:5px;right:-10px;width:1px;height:15px;background:#ddd;}
.bbs_detail_tit .info li.date{float:right;}
.bbs_detail_tit .info li.date:after,
.bbs_detail_tit .info li.inq_cnt:after{display:none;}




.bbs_detail_nextprev{border-top:1px solid #888;}
.bbs_detail_nextprev li,
.bbs_detail_nextprev li a {font-size: 13px;color:#666;}
.bbs_detail_nextprev li a:hover{text-decoration: underline;}
.bbs_detail_nextprev li{position:relative;overflow:hidden;border-bottom:1px solid #e5e5e5;padding-left:65px;height:40px;line-height:40px;color:#222;font-weight: normal;}
.bbs_detail_nextprev li.prev{background: url("/images/prog/board/icon_brd.png") 25px -16px no-repeat;}
.bbs_detail_nextprev li.next{background: url("/images/prog/board/icon_brd.png") 25px -45px no-repeat;}
.bbs_detail_nextprev li .date{position: absolute;top:8px;right:10px;color:#666;}
.invisible{position:absolute;text-indent:-5000px;height:0;line-height:0;overflow:hidden;}



@media only screen and (max-width:1023px){
	.bbs_detail:before{display:none;}
	.bbs_detail_content{display:block;float:none;padding:10px;width:100%;}
	.bbs_detail_list{display:block;float:none;margin-top:-1px;padding:10px;width:100%;}
	.bbs_detail_itembox{border-top:1px solid #ebebeb;}
	.bbs_detail_itembox:after{content:"";display:block;visibility:hidden;clear:both;}
	.bbs_detail_listitem{display:inline-block;float:left;padding:20px 10px;width:50%;}
	.bbs_detail_nextprev li .date{display:none;}
}
@media only screen and (max-width:768px){
	.bbs_detail:before{display:none;}
	.bbs_detail_tit,
	.bbs_detail_file{padding:10px;}
	.bbs_detail_tit h2{padding-right:0;}
	.bbs_detail_tit .info{position:relative;top:auto;right:auto;font-size:13px;}
	.bbs_detail_tit .info:after{content:"";display:block;visibility:hidden;clear:both;}
	.bbs_detail_tit .info li.part{margin-left:0;padding-left:0;}
	.bbs_detail_tit .info li.date{float:left;}
}
@media only screen and (max-width:640px){
	.bbs_detail_listitem{display:block;float:none;width:100%;}

}

#galleryView{margin:0;text-align:center}
#galleryView img{}
#galleryThum{position:relative;width:100%;min-height:70px;padding:20px 0;background:#f9f9f9}
#galleryThum .holder{position:relative;width:90%;overflow:hidden;margin:0 auto}
#galleryThum .list {margin:0;padding:0;list-style: none;width:99999px;overflow: hidden}
#galleryThum .item {float: left;width:100px}
#galleryThum .item img{width:90px;height:70px}
#galleryThum .item .button{display:none;}
#galleryThum .arrLeft{position:absolute;left:0;top:5px;width:60px;height:60px;background:none;text-align:center}
#galleryThum .arrLeft img{position:relative;top:0;max-width:none}
#galleryThum .arrRight{position:absolute;right:0;top:5px;width:60px;height:60px;background:none;text-align:center}
#galleryThum .arrRight img{position:relative;top:-5px;right:34px;max-width:none}
.board_images{margin-bottom:30px;text-align:center;}

.relic_detail{width:100%;padding:30px;border:1px solid #ddd;margin:20px 0 30px 0;}

.exh_gallery{width:100%;}
.exh_gallery ul li{position:relative;float:left;margin:2%;width:29.33%;height:180px;background-color:#f0f0f0;border:1px solid #ddd;overflow:hidden}
.exh_gallery ul li a{display:block;width:100%;height:100%;}
.exh_gallery ul li figure{width:200%;height:100%;margin-left:-50%;text-align:center;}
.exh_gallery ul li figure img{height:100%;max-width:none}
.exh_gallery ul li .thum_img{position:absolute;top:0;left:0;width:100%;height:100%;border:5px solid #fff;}

@media only screen and (max-width:640px){
	.exh_gallery ul li{width:46%}
}


@media only screen and (max-width:480px){
	.exh_gallery ul li{width:96%}	
}

#ajaxLayer{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;}
#ajaxLayer .shadow {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.7;z-index: 1000;}

#ajaxLayer .popup_wrap{position: relative;z-index: 1002;width:500px;height: auto;background-color:#fff;margin:0 auto;margin-top:100px;margin-bottom:100px;border-radius:5px;overflow:hidden;}
#ajaxLayer .layout{max-width:1200px;margin:0 auto;}
#ajaxLayer .popup_wrap .pop_tit{width:100%;height:50px;text-align:center;font-size:18px;line-height:50px;background-color:#701e20;color:#fff;}
#ajaxLayer .popup_wrap .pop_cont{width:80%;margin:0 auto;border-top:1px solid #000;
  border-bottom:1px solid #ddd;margin-top:50px;}
#ajaxLayer .popup_wrap .pop_cont div{text-align:center;border-bottom:1px solid #ddd;background-color:#f6f6f6;padding:10px 0;font-size:16px}
#ajaxLayer .popup_wrap .pop_cont p{padding:30px 15px;line-height:20px;word-break:keep-all}
#ajaxLayer .close{position:absolute;top:20px;right:50px;margin:0;z-index:1005;}
#ajaxLayer .close a {display:inline-block;padding:3px 10px;color:#fafafa;font-size:18px;border:3px solid #fff;}
#ajaxLayer .close a:hover,
#ajaxLayer .close a:focus{color:#fff}
#ajaxLayer .close a .ui-close{position:relative;top:-3px;display:inline-block;margin-left:8px;width:30px;height:30px;}
#ajaxLayer .close a .ui-close span{display:inline-block;position:absolute;top:50%;left:50%;margin-top:-3px;transition: all .5s ease;width:1px;height:28px;transform: rotate(-45deg);background-color:#fafafa}
#ajaxLayer .close a .ui-close span.nth-2{transform: rotate(45deg);}
#ajaxLayer .close a:hover .ui-close span,
#ajaxLayer .close a:focus .ui-close span{transform: rotate(-90deg);background-color:#fff}
#ajaxLayer .close a:hover .ui-close span.nth-2,
#ajaxLayer .close a:focus .ui-close span.nth-2{transform: rotate(90deg);}

.basic_box.sitm{border:1px solid #ddd;padding:30px;}
.basic_box.sitm .inner{padding:0;}
.basic_box.sitm .inner h2{margin-top:0;border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:10px;}

/* 포토갤러리 */
.ui.uipt{position:relative;width:100%;}
#galleryView,.gView{margin:0;text-align:center}
#galleryView img,.gView img {vertical-align:middle}
#galleryThum,.gThum{position:relative;width:100%;min-height:98px;background:#ebebeb;}
#galleryThum .holder,.gThum .holder{position:relative;padding-top:17px;width:100%;overflow:hidden;margin:0 auto}
#galleryThum .list,.gThum .list {margin:0;padding:0;list-style: none;width:99999px;overflow: hidden}
#galleryThum .item,.gThum .item {float:left;margin:0 10px; width:100px}
#galleryThum .item img,.gThum .item img{width:100px;height:63px}
#galleryThum .arrLeft,.gThum .arrLeft{position:absolute;left:0;top:25%;width:30px;height:30px;text-align:center}
#galleryThum .arrRight,.gThum .arrRight{position:absolute;right:0;top:25%;width:30px;height:30px;text-align:center}
#galleryThum li a.ov {display: block; width: 100px; height: 63px; border:1px solid #545454; }