@charset "utf-8";
#txt {font-family:'ngn','Dotum','arial','sans-serif';}
/*sub01_01_01 인사말*/
.sub01_01_01_w .greeting_c02 .box_greeting:after {background:url(/images/museum/sub01/sub01_01_01_img01.png)no-repeat 50% 50%;background-size: 100%}
.sub01_01_01_w .greeting_c02 .box_greeting .msg strong{line-height: 40px;}
.sub01_01_01_w .greeting_c02 .box_greeting .msg strong span{float: none;}

@media (max-width:479px) {
	.sub01_01_01_w .greeting_c02 .box_greeting .msg strong{line-height: 30px;}
	.sub01_01_01_w .greeting_c02 .box_greeting .msg .name{margin: 0 0 35px;}
}

/*sub_01_01_02 연혁*/
.sub01_01_02_w .history_box .list_1st:before {height:91.5%; left:8px; top:205px;}

@media all and (min-width:768px) {
	.sub01_01_02_w .b_type .history_box {background:url(/images/museum/sub01/sub01_01_02_img01.png) no-repeat; background-size:40%;}
}

@media all and (min-width:1280px) {
	.sub01_01_02_w .b_type .history_box { background-size: 387px;background-position: 17% top; }
}





/* sub01_02 관람안내*/
.tourist_wrap {}
.tourist_wrap ul {margin:0 -1%;}
.tourist_wrap ul:after{content:"";display:block;clear:both;visibility:hidden;}
.tourist_wrap ul li {float:left; margin:0 1% 18px; padding:30px 10px; width:23%; min-height:315px;  border:1px solid #ddd; text-align: center;}
.tourist_wrap ul li .icon {display:block; margin:0 auto 15px; width:110px; height:110px; background:url(/images/museum/sub01/sub01_02_img01.png)no-repeat center;}

.tourist_wrap ul li .icon.icon01 {background-position: 0 0;}
.tourist_wrap ul li .icon.icon02 {background-position: -110px 0;}
.tourist_wrap ul li .icon.icon03 {background-position: -220px 0;}
.tourist_wrap ul li .icon.icon04 {background-position: -330px 0;}
.tourist_wrap ul li .icon.icon05 {background-position: -440px 0;}
.tourist_wrap ul li .icon.icon06 {background-position: -550px 0;}
.tourist_wrap ul li .icon.icon07 {background-position: -660px 0;}
.tourist_wrap ul li strong {margin-bottom:15px; font-size:18px; color:#333; font-weight:400;}
.tourist_wrap ul li p {font-size:14px; color:#5c5c5c;}
.tourist_wrap ul li p span.sp01 {display:block; margin-bottom:5px;}
.tourist_wrap ul li p em.b {font-weight: 500; }
.tourist_wrap ul li p em.in {display: inline-block;}


.tourist_wrap2 {margin-top:50px;}
.tourist_wrap2 ul {margin:0 -1%;}
.tourist_wrap2 ul:after{content:"";display:block;clear:both;visibility:hidden;}
.tourist_wrap2 ul li {float:left; margin:0 1%; padding:30px 10px; width:31.3%; min-height:138px; background:#f4f5f8; border-top:1px solid #4473c5; text-align: center;}
.tourist_wrap2 ul li strong {font-size:17px; color:#333; font-weight: 500;}
.tourist_wrap2 ul li p {font-size:14px; color:#555;}
.tourist_wrap2 ul li p em.in {display:inline-block;}

@media only screen and (max-width:1060px){
	.tourist_wrap ul li {width:48%; }
}

@media only screen and (max-width:790px){
	.tourist_wrap2 ul li { margin-bottom:15px; width:100%; min-height:auto;}
}

@media only screen and (max-width:520px){
	.tourist_wrap ul li {width:100%; min-height:auto; }
}






 /*sub01_03 시설현황*/
/* 상단 도면 */
.course_box {overflow:hidden;width:100%;height: 510px;}
.course_box .course_img {position:relative;float:left;width:51.5%;height: 100%;}
.course_box .course_img img {width:100%;height: 100%;}
.course_box .course_img .course_list2 li a,
.course_box .course_img .course_list2 li span{position:absolute;display:block;color:#fff;width:26px;height:26px;background:#1756c3;border-radius: 50%;font-size:16px;font-weight: bold;text-align:center; line-height:26px; }
.course_box .course_img .course_list2 li.one span{top: 73%;right: 11%;}
.course_box .course_img .course_list2 li.two a {top: 51%;right: 21%;}
.course_box .course_img .course_list2 li.three a {top: 46%;left: 48%;}
.course_box .course_img .course_list2 li.four a {top:28%;left: 30%;}
.course_box .course_img .course_list2 li.five a {top: 17%;left: 47%;}
.course_box .course_img .course_list2 li.six span {top: 25%;right: 29%;}
.course_box .course_img .course_list2 li.seven span {top: 37%;right:  23%;}
.course_box .course_img .course_list2 li.eight a {top: 32%;right: 16%;}
.course_box .course_img .course_list2 li.nine a {bottom: 47%;left: 14%;}
 
.course_box .course_txt {float:right;position: relative;width:48.5%;height:100%; border:1px solid #dcdcdc;border-left: 0}
.course_box .course_txt:after{content: '';display: block;position: absolute;bottom: 40px;left: 45%;width: 25px;height: 27px;background:url(/site/kor/images/sub01/sub0102_arr.png) no-repeat center 85%;}
.course_box .course_txt .course_tobbox { overflow:hidden; padding:50px 14% 50px 190px; background:#f8f8f8}
.course_box .course_txt .course_tobbox .icon {display:block;position: absolute;left: 13%;top: 43px;width: 86px;height: 86px;margin: 0 auto;background:url(/images/museum/sub01/sub0103_icon.png) no-repeat;  } 
.course_box .course_txt .course_tobbox .text_box {}
.course_box .course_txt .course_tobbox .text_box h3{margin:0px 0 10px;font-size: 20px;font-weight: bold;color: #083d9a;line-height:30px;text-align: left;}
.course_box .course_txt .course_tobbox .text_box p{color: #1c1c1c;text-align: left;}
.course_box .course_txt .course_bottbox {position: relative;}
.course_box .course_txt .course_bottbox .text-box2{width:59%;margin:30px auto 40px;}
.course_box .course_txt .course_bottbox .text-box2 p {padding:10px 0;  border:1px solid #ccc; font-size:15px; color:#2c2c2c; text-align:center;}
.course_box .course_txt .course_bottbox .course_list {overflow:hidden;width:65%;margin:0 auto;padding-left: 7%}
.course_box .course_txt .course_bottbox .course_list li {float: left;width:50%;margin-bottom: 8px; font-size:15px; color:#666;line-height: 27px;color: #272727}
.course_box .course_txt .course_bottbox .course_list li a{color: #272727}
.course_box .course_txt .course_bottbox .course_list li span { display:inline-block;width: 24px;height: 24px;margin-right:13px;background: #1756c3;border-radius: 50%;font-weight:bold;font-size: 14px;text-align: center;color:#fff;line-height: 24px;vertical-align: middle;}
.course_box .course_txt .course_bottbox .course_list li span.last { margin-right:5px; }

@media only screen and (max-width:1280px) {
	.course_box .course_txt:after{bottom: 25px;}
	.course_box .course_txt .course_tobbox {padding:50px 14% 50px 180px;}
	.course_box .course_txt .course_bottbox .text-box2,
	.course_box .course_txt .course_bottbox .course_list{width:85%}
	.course_box .course_txt .course_bottbox .course_list li.ri{width: 50%}
}
@media only screen and (max-width:999px) {
	.course_box{height: auto;}
	.course_box .course_img{float:none; width:100%;}
	.course_box .course_img .course_list2 li.one span{top: 74%;}
	.course_box .course_img .course_list2 li.two a {top: 52%;right: 22%;}
	.course_box .course_img .course_list2 li.three a {top: 47%;left: 49%;}
	.course_box .course_img .course_list2 li.four a {top: 29%;left: 30%;}
	.course_box .course_img .course_list2 li.five a {top: 18%;}
	.course_box .course_img .course_list2 li.six span {top: 26%}
	.course_box .course_img .course_list2 li.seven span{top: 37%}
	.course_box .course_img .course_list2 li.eight a {top: 33%;right: 17%;}
	.course_box .course_img .course_list2 li.nine a {bottom: 48%;left: 15%;}
	.course_box .course_txt{float:none; width:100%;border-left: 1px solid #dcdcdc;border-top: 0}
	.course_box .course_txt .course_tobbox .part1 { width:350px; margin:0 auto; }
	.course_box .course_txt .course_bottbox { padding-bottom:60px;}
	.course_box .course_txt .course_bottbox .text-box2,
	.course_box .course_txt .course_bottbox .course_list{width:65%}
}
@media only screen and (max-width: 767px) {
	.course_box .course_txt { height:auto; }
	.course_box .course_txt .course_tobbox .part1 { width:100%; }
	.course_box .course_txt .course_tobbox .row_img { float:none; margin:0 auto; }
	.course_box .course_txt .course_tobbox .text_box { float:none; width:100%; }
}
@media only screen and (max-width: 640px) {
	.course_box .course_img .course_list2 li a{width: 22px;height: 22px;font-size: 14px;line-height: 22px;}
	.course_box .course_txt .course_bottbox .course_list {width:95%;}
}
@media only screen and (max-width: 530px) {
	.course_box .course_img .course_list2 li.one span{top: 72%;right: 10%}
	.course_box .course_img .course_list2 li.two a {top: 50%;right: 20%;}
	.course_box .course_img .course_list2 li.three a{top: 45%;left: 47%}
	.course_box .course_img .course_list2 li.five a {top: 16%;left: 46%;}
	.course_box .course_img .course_list2 li.six span {top: 23%;}
	.course_box .course_img .course_list2 li.seven span {top: 37%;right: 24%;}
	.course_box .course_img .course_list2 li.eight a {top: 32%;right: 15%;}
}
@media only screen and (max-width: 470px) {
	.course_box .course_txt:after{bottom: 20px}
	.course_box .course_txt .course_tobbox{padding: 20px 20px 30px}
	.course_box .course_txt .course_tobbox .icon{position: static;margin: 0 auto 10px}
	.course_box .course_txt .course_tobbox .text_box h3{text-align: center;}
	.course_box .course_txt .course_tobbox .text_box p{text-align: center;}
	.course_box .course_txt .course_bottbox .text-box2{width: 90%;}
	.course_box .course_txt .course_bottbox .course_list{padding-left: 0}
	.course_box .course_txt .course_bottbox .course_list li.ri{width: 45%}
}

/* 하단정보창 */
.ui.uib.type1 {padding: 30px; margin-top:30px; border: 1px solid #ddd; }
.ui.uib.type1 .uibodo{padding: 0;border:0;}
.ui.uib.type1 .uibodo .thm_figure {display: block;overflow: hidden;width: 27%;background: none;  border: 0;}
.ui.uib.type1 .uibodo .thm_caption{width: 68%}
.ui.uib.type1 .uibodo .thm_caption .course_infotit{margin: 0 0 10px;font-size: 18px;color: #333;}
.ui.uib.type1 .uibodo .thm_caption .list_telfax{margin-top: 10px}
.ui.uib.type1 .uibodo .thm_caption .list_telfax li .icon{margin-left: 0}

@media only screen and (max-width: 767px) {
	.ui.uib.type1 .uibodo .thm_figure {width: 100%;margin-bottom: 20px}
	.ui.uib.type1 .uibodo .thm_caption{width: 100%}
	.ui.uib.type1 .uibodo .thm_caption .list_telfax{width: 150px;margin: 10px auto}
	.ui.uib.type1 .uibodo .thm_caption .btnwrap{text-align: center;}
	.ui.uib.type1 .uibodo .thm_caption .course_infotit{margin-top: 10px;text-align: center;}
}
@media only screen and (max-width: 515px) {
	.ui.uib .uibodo .thm_caption .btnwrap a{width: 100%;margin-top: 1%;padding: 10px 5px 9px 5px}
}
/* 0102 시설안내 끝 */




/*sub02_01 상설전시*/

.exhibition_wrap { }
.exhibition_wrap .img_box {position:relative;}
.exhibition_wrap .img_box.img_t {margin-top:60px; }
.exhibition_wrap .img_box img{width:100%;}
.exhibition_wrap .img_box .txt {position: absolute; right:0; bottom:0; padding-top:50px; width:340px; height:215px; text-align: center; background:#795342 url(/images/museum/sub02/sub02_01_img02.png)no-repeat right bottom;}
.exhibition_wrap .img_box .txt span.icon {margin:0 auto; display:block; width:29px; height:17px; background:#795342 url(/images/museum/sub02/sub02_01_img01.png)no-repeat }
.exhibition_wrap .img_box .txt p.tit {font-size:25px; font-weight: 400; color:#fff;}
.exhibition_wrap .img_box .txt p.tit span {display:block; margin-top:5px; font-size:15px; color:#fff; font-weight: 300;}

@media only screen and (max-width:1160px){
	.exhibition_wrap .img_box {margin-bottom:111px;}
	.exhibition_wrap .img_box .txt {bottom:-84px; padding:10px 30px; width:100%; height:auto; text-align: left;}
	.exhibition_wrap .img_box .txt span.icon {margin:0;}
	.exhibition_wrap .img_box .txt p.tit {margin-top:5px;}
	.exhibition_wrap .img_box .txt p.tit span {display:inline-block; margin-left:10px;}
}

@media only screen and (max-width:475px){
	.exhibition_wrap .img_box {margin-bottom:90px;}
	.exhibition_wrap .img_box .txt {bottom:-60px; padding:5px 10px;}
	.exhibition_wrap .img_box .txt span.icon {display:none;}
	.exhibition_wrap .img_box .txt p.tit {margin:0; font-size:18px;}
	.exhibition_wrap .img_box .txt p.tit span {display:block; margin-left:0; margin:0;}
}


/*sub_03_02 문화재기증안내 */

.donation_wrap {}
.donation_wrap .top_img {}
.donation_wrap .top_img img {width:100%;}
.donation_wrap .txt {position:relative; padding:50px 50px 50px 310px; width:100%; background:#f5f5f5;}
.donation_wrap .txt .t_left {position:absolute; top:50px; left:50px; padding-right:40px; line-height:61px; border-right: 2px solid #dadada; font-size:20px; color:#313131; font-weight: 500;}
.donation_wrap .txt .t_left .icon {display: inline-block; margin-right:15px; width:61px; height:61px; background:url(/images/museum/sub03/sub02_01_img07.png)no-repeat;}
.donation_wrap .txt .t_right {}
.donation_wrap .txt .t_right p.txt1 {margin-top:20px; }
.donation_wrap .txt .t_right p.txt1 span { display:inline-block; margin-right:10px; margin-bottom:5px; padding-left:25px; color:#1062bc; font-weight: 500; background:url(/images/museum/sub03/sub02_01_img08.png)no-repeat left center;}
.donation_wrap .txt .t_right p.txt1 em {display: inline-block;}

@media only screen and (max-width:870px){
	.donation_wrap .txt {padding:130px 50px 50px;}
	.donation_wrap .txt .t_left {border-right:none;}

}

@media only screen and (max-width:500px){
	.donation_wrap .top_img {display:none;}
	.donation_wrap .txt {padding:130px 20px 50px;}
	.donation_wrap .txt .t_left {left:20px; }
}