@charset "UTF-8"; 

/* 타이틀 */
.titH3 {margin-top:70px; margin-bottom:10px; padding-left:23px; background:url(/s/media/data.do?mediaId=MEDIA_00000000000633) no-repeat 0 7px; font-size:24px; color:#000;}
.titH4 {margin-top:30px; margin-bottom:5px; padding-left:35px; background:url(../images/layout/bul_h4.png) no-repeat 23px 7px; color:#000;}
.small,
.titH4 .small {font-size:14px; font-weight:300; color:#666;}
.titH4 .small {padding-left:2px;}
.tit_inline .titH3 {display:inline-block;}
.h3pd {margin-left:25px;}
.h4pd {margin-left:36px;}
.tit_type2 {color:#000; margin-top:30px;}
.dotH3ul b {color:#000;}

/* 버튼 */
.btn_mar {margin-top:10px; margin-left:30px;}
.btn_type1 {background:#000; color:#fff; border-radius:5px; vertical-align:baseline;}
.btn_type1:hover {color:#E6E600;}
.btn_type2 {border:1px solid #000; color:#000; text-align:center; border-radius:0; height:40px; line-height:38px; padding:0 50px; font-size:16px;}
.btn_type2:hover {background:#000; color:#fff;}
.btn_type3 {background: #000; color:#fff; text-align:center; border-radius:0; height:40px; line-height:38px; padding:0 50px; font-size:16px;}
.btn_type3:hover {background:#000; color:#fff; border:1px solid #000;}
.btn_left {margin-left:5px;}
.mt100{margin-top:100px!important}


/* 이미지 박스 */
.lt_img>li:first-child {float:left; width:120px;}
.lt_img>li:last-child {float:left;}
.img_border {border:1px solid #eee; padding:3%; background:#f8f8f8; text-align:center;}

/* 텍스트 박스 */
.txt_box {border:1px solid #ddd; background:#f8f8f8; padding:3%;}
.txt_box p:first-child {font-size:18px; color:#000;}

/* 테이블 */
.tbl {width:100%;table-layout:fixed;border-top:1px solid #333; margin-bottom:10px;}
.tbl tr > * {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px;text-align:center; word-break: break-all;}
.tbl tr > *:not(:last-of-type) {border-left:1px solid #ddd; border-collapse:collapse;}
.tbl th {background:#f9f9f9;color:#333; font-weight:400;}

@media screen and (max-width:640px) {
	.tableBox{width:100%; overflow-y:hidden;}
	.tableBox:before{content:"※ 아래 테이블을 좌우로 이동하세요!"; color:#633508; font-weight:600; font-size:14px;}
	.tableBox table{width:700px;}
	.tableBox table{font-size:13px;}

}

/* 텍스트 */
.__txt1 {font-size:16px;line-height:1.5em;}
.__txt2 {font-size:20px;line-height:1.5em;color:#333; font-weight:600; font-family: sans-serif;}
.__txt3 {font-size:15px;line-height:1.5em;}
.__txt4 {font-size:18px;line-height:1.5em;}
.__txt5 {font-size:16px;line-height:1.5em; font-weight:500 !important;}



/* 컬러 */
.__red {color:#dc3232 !important;}


/* *** 게시판 *** */
.__toparea {position:relative;margin-bottom:20px;font-size:0;}
.__toparea .all {font-size:15px;padding-top:15px;}
.__toparea .__search1, .__toparea .__search2 {position:absolute;right:0;bottom:0;}


.__search1 {display:inline-block;position:relative;font-size:0;}
.__search1 select,
.__search1 input[type='text'],
.__search1 button {display:inline-block;vertical-align:top;box-sizing:border-box;height:40px;}
.__search1 select,
.__search1 input[type='text'] {border:1px solid #ddd;font-size:15px;padding-left:5px;}
.__search1 select {min-width:120px;margin-right:3px;}
.__search1 input[type='text'] {width:280px;}
.__search1 button {margin-left:-1px;background:#000;color:#fff; font-size:18px;width:50px;}



/* paging */
.paging {width:100%; text-align:center; margin:0 auto; display:inline-block; margin-bottom:50px; margin-top:30px;}
.paging ul{text-align:center; display:inline-block; margin:20px auto; }

.__paging {font-size:0;}
.__paging a {
	display:inline-block;_display:inline;
	box-sizing:border-box;
	width:33px;
	height:33px;
	line-height:31px;
	border:1px solid #ddd;
	text-align:center;
	vertical-align:middle;
	color:#888;
	font-size:15px;
	z-index:0;
	margin:0 2px;
	position:relative;
}
.__paging .num:hover,
.__paging .arr:hover {border-color:#000;color:#000;}
.__paging .num.active {border-color:#109cd7;color:#fff;background:#109cd7;}

/* 페이징 넘버 */
.pagination > li > a {}
.pagination > li > a.first {text-indent:-9999px; background:url('../images/btn/sp_ico_paginate.png') no-repeat; background-position:center 11px;}
.pagination > li > a.prev {text-indent:-9999px; background:url('../images/btn/sp_ico_paginate.png') no-repeat; background-position:center -17px;}
.pagination > li > a.next {text-indent:-9999px; background:url('../images/btn/sp_ico_paginate.png') no-repeat; background-position:center -46px;}
.pagination > li > a.last {text-indent:-9999px; background:url('../images/btn/sp_ico_paginate.png') no-repeat; background-position:center -74px;}


/* *** 탭1 : snbTab *** */
.snbTab {margin-top:30px; margin-bottom:100px;}
.snbTab>ul>li>a {display:inline-block; color:#333; padding:3px 0; padding-left:30px; line-height:2;}
.snbTab>ul>li>a:hover {text-decoration:underline;}
.snbTab>ul>li>a {position:relative;}
.snbTab>ul>li>a>span {position:absolute; top:10px; left:0; display:inline-block; width:20px; height:20px; margin-right:10px; background:#ddd;}
.snbTab>ul>li.on>a>span,
.snbTab>ul>li>a:hover>span {background:#fff; border:4px solid #000;}


/* 전시 & 교육 & 소장품 */
.viewEtc {position:relative; margin:50px 0; padding-bottom:50px; border-bottom:1px solid #000;} 
.viewEtc .viewSTit {margin-bottom:20px; text-align:center; font-size:24px; font-weight:400; color:#000;}
.viewEtc .viewMore {position:absolute; top:13px; right:0; font-size:13px;}
.tbl_viewEtc {width:100%;}
.tbl_viewEtc .viewEtc_thumb {width:40%; vertical-align:top; text-align:center;}
.tbl_viewEtc .viewEtc_thumb img {width:100%; height:auto !important;}
.tbl_viewEtc .vtop {width:60%;}
.apply_btn>* {display:block; margin-top:20px; padding:10px 0; text-align:center;}
.apply_ing {border:1px solid #000; color:#000;}
.apply_ing:hover {background:#000; color:#fff;}
.apply_end {background:#ddd; color:#000;}

/*관련자료 다운로드 0920 추가*/
.bodySection {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 50px 0;}
.bodySection .STit {display:block; font-size:20px; color:#000; margin-bottom:10px;}
.link_pdf_btn {position:relative; display:inline-block; width:auto; margin-top:20px; padding:0 50px 0 20px; line-height:46px; border:1px solid #cdcdcd; font-size:15px; transition:all 0.2s ease-out; color:#444; text-align:left; cursor:pointer;}
.link_pdf_btn:after {content:''; position:absolute; top:18px; right:13px; display:block; width:10px; height:11px; background:url('../images/sub/bt_down.png') no-repeat 0 0;}
.link_pdf_btn:hover {background-color:#2e5c94; text-decoration:none; color:#fff; border-color:#2e5c94;}
.link_pdf_btn:hover:after {background-position:-10px 0;}

/* ebook버튼 0325 추가 */
.link_btn {position:relative; display:inline-block; width:auto; margin-top:20px; padding:0 20px; line-height:46px; border:1px solid #cdcdcd; font-size:15px; transition:all 0.2s ease-out; color:#444; text-align:left; cursor:pointer;}
.link_btn:hover {background-color:#2e5c94; text-decoration:none; color:#fff; border-color:#2e5c94;}


/* 상단 타이틀 및 기타필드 영역 */
.viewEtc_tit {font-size:28px; color:#000; width:85%; float:right; margin-bottom:10px;}
.tbl_view {width:85%; float:right;}
.tbl_view th {font-weight:300; font-size:17px; padding:5px 0; border-right:1px solid #ddd;}
.tbl_view td {padding-left:30px;}
.viewEtc_con {padding-top:50px;}
.tbl_view .fileA {min-width:180px; margin:0 0 10px 0; padding:5px 10px; border:1px solid #ccc; background:#f8f8f8; font-size:14px; border-radius:5px;}
.tbl_view .fileA:hover {border:1px solid #9cb8da; background:#f2f7f9;}
.tbl_view .fileA:hover i {color:#4980c3;}
/* 아카이브 - 갤러리2 */
.viewEtc_tit2 {width:100%; float:none; text-align:center;}
.viewEtc_type2 ul {padding-bottom:10px; border-bottom:1px dotted #ccc; text-align:right;}
.viewEtc_type2 a {font-size:14px; text-align:right; color:#999;}
.viewEtc_type2 button {margin-left:10px;}
.ac_img {margin-bottom:30px;}

/* 전시 */
/* 큰이미지 */
.ex_slider {position:relative; margin:0 auto;}
.ex_slider .slider-for .slick-slide>p {margin:10px 0; text-align:center; color:#000; font-size:18px;}
.ex_slider .slider-for .slick-slide>img {margin:0 auto; /*width:886px;*/ height:590px;}
/* 작은이미지(썸네일) */
.ex_slider .slider-nav {height:140px; margin-top:10px;}
.ex_slider .slider-nav .slick-slide {/* border:1px solid #ddd; */margin:0 10px;}
.ex_slider .slider-nav .slick-slide:hover {cursor:pointer;}
.ex_slider .slider-nav .slick-slide>img {/*width:210px;*/ height:145px; margin:0 auto;}

/* 좌우버튼 */
.ex_slider a {position:absolute;top:40%;transform:translate(0,-50%);display:inline-block;width: 50px;height: 65px;text-indent:-9999px;z-index:90;opacity:.8;border-radius: 5px;}
.ex_slider a.btn_prev {left:16px;background: #fff url(../images/sub/subslider_prev.png) 8px 10px no-repeat;}
.ex_slider a.btn_next {right:16px; background:#fff url(../images/sub/subslider_next.png) 14px 10px no-repeat;}
.ex_slider a:hover {opacity:1;}

.ex_slider a.btn_stop {width:40px; height:40px; right:48%; top:70%; background:url(../images/sub/btn_stop.png) 4px 4px no-repeat;}
.ex_slider a.btn_play {width:40px; height:40px; right:48%; top:70%; background:url(../images/sub/btn_play.png) 4px 4px no-repeat;}
.dp_none {display:none !important;}

/* 소장품 0616 추가*/

/*목록*/
.list_artInfo {margin-top:16px;}
.list_artInfo .artInfo_txt {line-height:1.3; font-size:15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list_artInfo .subject_T {display:block; width:100%; line-height:1.4; margin:5px 0; color:#000; font-size:20px; font-weight:400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /*display: -webkit-box; -webkit-line-clamp: 1;*/ -webkit-box-orient: vertical;}

/*상세보기*/
.item {border-bottom:1px solid #000; margin-bottom:15px;}
.item .S_title {margin-bottom:25px; font-size:32px; line-height:1.3; font-weight:400; color:#000;}
.item_view_thumb {vertical-align:top; text-align:center; padding:20px 0; border-bottom:1px solid #000;}
.item_view_thumb img {width:70%; height:auto !important;}

.artInfo {width:100%; margin:20px 0; padding:0 20px;}
.artInfo th {width: 110px; font-weight:400; font-size:16px; padding:5px 0; color:#000;}
.artInfo td {padding-left:50px;}
.artInfo td.artInfo_con {padding:20px 0px; border-top:1px solid #000; border-bottom:1px solid #000; color:#000;}

/* 아카이브_소식지  */
.wz_list {display:flex; flex-wrap:wrap; margin-bottom:20px; padding-top:20px; border-top:2px solid #333; border-bottom:1px solid #e0e0e0;}
.wz_list > li {display:flex; width:50%; margin-bottom:20px; padding-right:15px; overflow:hidden;}
.wz_list > li:nth-child(2n) {padding-right:0; padding-left:15px;}
.wz_list > li .img {display:block; position:relative; width:220px; height:309px; border:1px solid #dbdbdb; background-size:cover; overflow:hidden;}
.wz_list > li .img img {position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%,-50%)}
.wz_list > li .tx {flex:1; display:flex; flex-flow:column; padding:20px 0 0 20px;}
.wz_list > li .tx strong {position:relative; display:block; padding-bottom:18px; margin-bottom:24px; font-size:16px; font-weight:500; letter-spacing:-0.8px; border-bottom:1px solid #cfcfcf;}
.wz_list > li .tx strong:after {display:block; position:absolute; bottom:-1px; left:0; height:1px; width:85%; background:#222; content:'';}
.wz_list > li .tx dl {display:flex; padding-bottom:10px; overflow:hidden; font-size:13px; letter-spacing:-0.3px;}
.wz_list > li .tx dt {position:relative; width:60px; min-width:60px; color:#111; font-weight:500;}
.wz_list > li .tx dt:after {position:absolute; right:0; top:1px; display:block; width:1px; height:12px; background:#cfcfcf; font-size:20px; content:'';}
.wz_list > li .tx dd {flex:1; padding-left:8px; color:#666;}
.wz_list > li .tx .blank{flex:1;}
.wz_list > li .tx .bt {position:relative; display:block; width:120px; margin-top:10px; padding:0 13px; line-height:36px; border:1px solid #cdcdcd; font-size:12.5px; transition:all 0.2s ease-out; color:#666; text-align:left; cursor:pointer;}
.wz_list > li .tx .bt:after {content:''; position:absolute; top:12px; right:13px; display:block; width:10px; height:11px; background:url('../images/sub/bt_down.png') no-repeat 0 0;}
.wz_list > li .tx .bt:hover {background-color:#2e5c94; text-decoration:none; color:#fff; border-color:#2e5c94;}
.wz_list > li .tx .bt:hover:after {background-position:-10px 0;}

.wz_list > li .tx .link_ebook {position:relative; display:block; width:120px; margin-top:20px; padding:0 13px; line-height:36px; border:1px solid #cdcdcd; font-size:12.5px; transition:all 0.2s ease-out; color:#666; text-align:left; cursor:pointer;}
.wz_list > li .tx .link_ebook:hover {background-color:#2e5c94; text-decoration:none; color:#fff; border-color:#2e5c94;}

.wz_list li.no_list {width:100%; justify-content:center; padding:40px 0;}

@media all and (max-width:1200px) {
	.wz_list {padding-top:0;}
	.wz_list > li {width:100%; margin-bottom:0; padding:12px 0 12px 0; border-bottom:1px solid #e0e0e0}
	.wz_list > li:nth-child(2n) {padding-left:0;}
	.wz_list > li:last-child {border:0 none}
	.wz_list > li .tx {padding:30px 0 0 20px}
	.wz_list > li .tx strong {padding-bottom:15px; margin-bottom:20px;}
	.wz_list > li .tx strong:after {display:none}
}
@media all and (max-width:768px) {
	.wz_list > li .img {width:195px; height:274px;}
	.wz_list > li .img:after {width:192px; height:279px;}
	.wz_list > li .tx { width:calc(100% - 195px); padding:20px 0 0 15px}
	.wz_list > li .tx strong {font-weight:bold; margin-bottom:12px; padding-bottom:12px; font-size:15px}
	.wz_list > li .tx .bt  {line-height:30px; font-size:12px}
	.wz_list > li .tx .bt:after {top:9px}
}
@media all and (max-width:480px) {
	.wz_list > li .img {width:150px; height:211px;}
	.wz_list > li .tx {width:calc(100% - 150px); padding:10px 0 0 10px}
	.wz_list > li .tx strong {font-size:14px}
	.wz_list > li .tx dl {font-size:12.5px}
	.wz_list > li .tx .bt {margin-top:10px;}
}

/* 소장품 */
/*
.viewEtcImg2>ul>li>a {display:block;}
.viewEtcImg2>ul>li>a .img_wrap {overflow:hidden;}
.viewEtcImg2>ul>li>a .img_wrap .img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.viewEtcImg2>ul>li>a:hover .img_wrap .img {-webkit-transform: scale(1.3);transform: scale(1.3);}
.viewEtcImg2>ul>li>a>p {margin-top:10px; color:#000; font-size:18px; font-weight:400;}
.viewEtcImg2>ul>li>a:hover p {text-decoration:underline;}

.viewEtcImg2 .info {margin-top:10px; line-height:1.8;}
.viewEtcImg2 .info span.area_tit::after {display:inline-block; width:2px; height:17px; background:#000; content:""; clear:both; margin:0 10px; vertical-align:sub;}
*/

.lst-photo-wrap {display:block; min-height:330px; margin-bottom:40px;}
.lst-photo-wrap .img_wrap {overflow:hidden;}
.lst-photo-wrap .img_wrap .img {-webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.lst-photo-wrap .img_wrap:hover .img {-webkit-transform: scale(1.3);transform: scale(1.3);}
.lst-photo-wrap .info .subject {display: block;width: 100%;line-height:1.4;margin-top:16px;color:#000;font-size:18px;font-weight:400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* display: -webkit-box; *//* -webkit-line-clamp: 1; */-webkit-box-orient: vertical;}
.lst-photo-wrap:hover .info .subject {text-decoration:underline;}
.lst-photo-wrap .area_tit {line-height:1.2; margin-top:13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.lst-photo-wrap2 {display:block; min-height:250px; margin-bottom:40px;}
.lst-photo-wrap2 .info .subject2 {display:block;line-height:1.4;margin-top:16px;color:#000;font-size:18px;font-weight:400;overflow: hidden;text-overflow: ellipsis;/* display: -webkit-box; */word-break: keep-all; -webkit-line-clamp: 1;-webkit-box-orient: vertical;letter-spacing: -1px;}

/* 이벤트 */
.btn_event {display:inline-block; margin-top:10px; border-radius:30px; text-align:center; padding:5px 30px; font-size:14px;}
.btn_event.event_ing {background:#000; color:#fff;}
.btn_event.event_ready {background:#fff; color:#000; border:1px solid #000;}
.btn_event.event_end {background:#ddd; color:#000;}

/* 검색리스트 페이지 */
.search_wrap {padding-top: 117px; padding-bottom:3%;}
.view_search {width:50%; margin:40px auto; border:5px solid #000;}
.view_search input {float:left; display:inline-block; width:100%; height:50px; padding:0 15px; line-height:50px; color:#000; background:transparent; border:none; border-bottom:1px solid #fff;}
.view_search input::placeholder {font-weight:200; color:#000;}
.view_search button {float:left; margin-left:-60px; width:50px; height:50px; line-height:50px;}
.view_search button i.i_search {display:inline-block; width:100%; height:100%; background:url(../images/layout/ico_search.png) no-repeat center; background-size:50%;}
 
.search_lst {margin-top:50px;}
.search_lst .group {padding-bottom:10px; border-bottom:1px solid #000; margin-bottom:20px; color:#000; font-size:18px; font-weight:400;}
.search_lst .group span {padding-left:10px;}
.search_lst ul>li {margin-bottom:10px; padding-left:15px; background:url(../images/layout/ico-dotted-grey.png) no-repeat 5px 12px;}
.search_lst ul>li a {display:inline-block;width:60%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:15px;}
.search_more {font-size:14px !important; font-weight:300 !important;}


/* *** 관람 *** */
/* 관람안내 */
.time_info p {font-size:41px; font-weight:500; color:#000;}
.etiquette_wrap ul li {/*float:left; width:31.9%;*/ text-align:center; width: 33.333%;}
.etiquette_wrap ul li img {margin-bottom:10px;}
.etiquette_wrap ul li p:nth-child(2) {padding:10px 0 0; text-align:center; color:#000; font-size:18px; font-weight:400;}
.etiquette_wrap ul li p:last-child {padding:20px; text-align:left;}

/* 시설안내 */
/* 대관안내 */
.__flow-box {}
.__flow-box ul {overflow:hidden;text-align:center; margin-left:2%; width:100%;}
.__flow-box ul li {float:left;width: 16.67%;padding-right:5%;background:url(../images/layout/nav_arrow.jpg) no-repeat 85% 45px;display:table;min-height:105px;}
.__flow-box ul li:last-child {width: 11.7%;background:0;padding-right:0;}
.__flow-box ul li div {background:#f8f8f8;border:1px solid #ccc;width:100%;display:table-cell;vertical-align:middle;padding:0 10px;}
.__flow-box ul li div p:last-child {font-size:1em; color:#000; font-weight:400;}

.fileList li a {
	display:inline-block; min-width:180px; margin:0 0 10px 20px; padding:5px 10px;
	border:1px solid #ccc; background:#f8f8f8; font-size:14px; border-radius:5px;
}
.fileList li a i {margin-right:10px;}
.fileList li a:hover {border:1px solid #9cb8da; background:#f2f7f9;}
.fileList li a:hover i {color:#4980c3;}

/* 찾아오시는 길 */
.__loc-top .top .wrap_controllers {display:none;}
.__loc-top .bot {background:#fafafa;border:1px solid #ddd;border-top:none;padding:25px;}
.__loc-top .bot li > * {display:inline-block;vertical-align:middle;}
.__loc-top .bot li i {font-size:22px;color:#cf3128;}
.__loc-top .bot li span {font-size:16px;}

.__loc-bot .box {border-top:1px solid #ddd;padding:60px 0;}
.__loc-bot .box:first-child {border-top:none;}
.__loc-bot .box:after {content:"";display:block;clear:both;}
.__loc-bot .box .ico {float:left;width:12.5%;}
.__loc-bot .box .info {float:right;width:87.5%;}
.__loc-bot .box .info h3 > * {display:inline-block;vertical-align:middle;position:relative;}
.__loc-bot .box .info h3 strong {font-size:26px;color:#333; font-weight:400;}
.__loc-bot .box .info h3 span {position:relative;font-size:26px;color:#888;padding-left:10px;margin-left:10px;}
.__loc-bot .box .info h3 span:before {content:"";display:block;width:1px;height:18px;position:absolute;left:0;top:50%;margin-top:-9px;background:#ddd;}
.__loc-bot .box .info ul {display:block; overflow:hidden; margin-bottom:10px;}
.__loc-bot .box .info ul>li:first-child span {font-size:14px; color:#999;}

.__ico2 {display:inline-block;box-sizing:border-box;height:24px;line-height:24px;border-radius:3px;background:#355cba;padding:0 10px;color:#fff;font-size:14px;}
.__ico2.type2 {background:#50a332;}
.__ico2.type3 {background:#009693;}



/* *** 소개 *** */
/* 인사말 */
.gre_in h2 {font-weight:400; color:#000; margin-top:-30px; line-height:1.3;}
.gre_in h2 span {color:#000;}
.gre_in h2::after {display:block; width:30%; height:2px; margin:30px 0; background:#000; clear:both; content:"";}
.gre_in p {font-size:18px; margin:30px 0; color:#000;}
.gre_in p:first-child {margin-top:0;}

/* 연혁 */
.__create-history  {position:relative;padding-left:40px;}
.__create-history dl {font-size:0;position:relative;border-bottom:1px solid #e8e8e8}
.__create-history dl:first-child {margin-top:0; border-top:2px solid #222;}
/*.__create-history dl:before {content:"";display:block;position:absolute;left:-20px;width:19px;height:19px;background:url(../images/layout/bul_h4.png) no-repeat;top:11px;}*/
.__create-history dl > * {display:inline-block;vertical-align:top;}
.__create-history dl dt {width:160px; font-size: 16px;font-weight: 400;color:#000; padding:12px 12px; border-right:1px solid #e8e8e8}
.__create-history dl dd {width:calc(100% - 160px);font-size:16px;padding:12px 12px;}
@media screen and (max-width:1599px) {
  .__create-history dl dt {border-right:0}
}
@media screen and (max-width:1199px) {
  .titH3 {font-size:21px;}
}

/* 비전 및 미션 */


 .vision_n h3{background:url(/s/media/data.do?mediaId=MEDIA_00000000000654) no-repeat center center; width:266px; height:66px;}
.vision>div:first-child, .mission>div:first-child {position:relative; width:266px;  height:66px;  margin:0 auto; background-repeat:no-repeat;}
.vision>div:first-child, .mission>div:first-child {background-image:url('/s/media/data.do?mediaId=MEDIA_00000000000654');}


.vision>div:first-child p{position:absolute; top:42%; left:50%; transform:translate(-50%,-50%); font-size:30px; color:#fff;}
.mission>div:first-child p {position:absolute; top:42%; left:50%; transform:translate(-50%,-50%); font-size:30px; color:#fff;}
.mission>div:first-child p {}
.vision>div:first-child::after, .mission>div:first-child::after {display:none;}
/*.mission>div:first-child::after {position:absolute; top:44.5%; right:-130px; display:inline-block; content:""; clear:both; width:135px; height:9px; background:url(../images/sub/deco_line.png) no-repeat right 0;}*/
.vision>div:last-child {display:table; width:100%; padding:3%; border:1px solid #000; margin-top:20px;}
.vision>div:last-child p {display:table-cell; vertical-align:middle; text-align:center; font-size:26px; color:#000;}
.mission>div:last-child {display:table; width:100%;}

.mission .mission_in {border:1px solid #000; margin-top:20px; margin-bottom:20px; padding:3%;}
.mission .mission_in p {font-size:26px; font-weight:500; color:#000; padding-left:170px;}
.mission .mission_in dl {padding-left:170px; background-repeat:no-repeat; background-position:18px center;}
.mission .mission_in dl dt {font-weight:400; margin-bottom:10px; color:#000; font-size:18px; padding-left:6px;}
.mission .mission_in .mission_01 {background-image:url(/s/media/data.do?mediaId=MEDIA_00000000000655);}
.mission .mission_in .mission_02 {background-image:url(/s/media/data.do?mediaId=MEDIA_00000000000656);}
.mission .mission_in .mission_03 {background-image:url(/s/media/data.do?mediaId=MEDIA_00000000000657);}
.mission .mission_in .mission_04 {background-image:url(/s/media/data.do?mediaId=MEDIA_00000000000658);}


.w100 {width:100% !important;}
.pdl0 {padding-left:0 !important;}

/*자주하는질문*/
.sub_slide_box {border-top:2px solid #222; position: relative;}
.sub_slide_box .slide_title{border-bottom:1px solid #ccc; padding:15px;}
.sub_slide_box .slide_title .question {color:#222; font-size:20px; padding-right:8px;}
.sub_slide_box span.color{color: #136ebd;}
.sub_slide_box .slide_title button.in {background: url(/s/media/data.do?mediaId=MEDIA_00000000000651) no-repeat;background-position: center right;
    width: 100%; 
    text-align: left;}
.sub_slide_box .slide_title button.collapsed {
    background: url(/s/media/data.do?mediaId=MEDIA_00000000000650) no-repeat; background-position: center right;
    width: 100%;
    text-align: left;}
.sub_slide_box .collapse {background:#f5f5f5; padding:15px; overflow:hidden;}
.sub_slide_box .collapse ul li {float:left;}
.sub_slide_box .collapse ul li.question{color:#8e8e8e; padding-left:5px; font-size:20px; width:3%;}
.sub_slide_box .collapse ul li.que_txt{width:97%;}

@media screen and (max-width:1599px) {
  .sub_slide_box .collapse ul li.question {width:4%}
  .sub_slide_box .collapse ul li.que_txt{width:96%;}
}
/* *************** 태블릿 *************** */
@media screen and (max-width:991px) {	
	
	/* *** 게시판 *** */
	.__toparea .all {font-size:13px;padding-top:13px;}
	
	.__toparea .__search1 {top:10px;}
	.__search1 select,
	.__search1 input[type='text'],
	.__search1 button {height:35px;}
	.__search1 select,
	.__search1 input[type='text'] {font-size:13px;}
	.__search1 select {min-width:90px;}
	.__search1 input[type='text'] {width:204px;}
	.__search1 button {font-size:18px;width:40px;}
		
	/* *** 탭1 : snbTab *** */
	.snbTab {display:block; margin-top:10px; margin-bottom:0;}
	.snbTab>ul {display:block; overflow:hidden;}
	.snbTab>ul>li {float:left; font-size:14px; padding-right:5px;}
	
	
	/* 전시 & 교육 & 소장품 */
	/* 소장품 */
	.viewEtcImg2>ul>li>a {margin-bottom:20px;}
  
	.ex_slider .slider-nav,
	.ex_slider .slider-nav .slick-slide>img {height:90px;}

  
    /* 포토게시판 */
    .lst-photo-wrap .info .area_tit {margin-top:5px; line-height:1;}
	
	
	/* *** 관람 *** */
	/* 대관안내 */
	.__flow-box{}
	.__flow-box ul {margin-left:0%;}
	.__flow-box ul li{width:100%;padding-right:0%; padding-bottom:50px;min-height:95px;background:url(../images/layout/nav_arrow.jpg) no-repeat 50% 76%;}
	.__flow-box ul li:last-child{width:100%; min-height:45px;  padding-bottom:0px; }
	.__flow-box ul li div.bg-wave-blue {background-size:cover;}
	.__flow-box ul li div.bg-wave-green {background-size:cover;}
	
	/* 찾아오시는 길 */
	.__loc-top .bot {border-top:none;padding:15px;}
	.__loc-top .bot li i {font-size:20px;}
	.__loc-top .bot li span {font-size:15px;}

	.__loc-bot .box {padding:40px 0;}
	.__loc-bot .box .ico {width:12.5%;}
	.__loc-bot .box .info {width:87.5%;padding-left:20px;box-sizing:border-box;;}
	.__loc-bot .box .info h3 strong {font-size:20px;}
	.__loc-bot .box .info h3 span {font-size:20px;}
	.__loc-bot .box .info h3 span:before {height:18px;margin-top:-9px;}
	

	.__ico2 {height:24px;line-height:24px;border-radius:3px;padding:0 10px;font-size:13px;}
	
	.mission .mission_in {padding:5%;}
	.mission .mission_in dl {padding-top:120px; background-position:center 10px; padding-left:0;}
	
	/* 검색리스트 페이지 */
	.search_wrap {padding-top: 47px;}

}

/* *************** 모바일 *************** */
@media screen and (max-width:767px) {
	/* 타이틀 */
	.titH3 {margin-top:40px;}
	.tit_inline .float_r .btn {margin-top:0; margin-left:0; height:30px; line-height:26px; padding:0 20px; font-size:14px;}
	
	/* 텍스트 */
	.__tit1 h3 {font-size:18px;}

	.__txt1 {font-size:14px;}
	.__txt2 {font-size:16px;}
	.__txt3 {font-size:12px;}
	.__txt4 {font-size:16px;}
	
	/* 이미지 박스 */
	.lt_img>li:first-child,
	.lt_img>li:last-child {float:none; width:auto; text-align:center;}
	
	/* *** 게시판 *** */		
	.__toparea {text-align:center; /*margin-bottom:10px;*/}
	.__toparea .all {display:none;}
	.__toparea .__search1, .__toparea .__search2 {position:relative;}
	.__toparea .__tab1 {text-align:center;margin-bottom:10px;}
				
	.__search1 select,
	.__search1 input[type='text'],
	.__search1 button {height:30px;}
	.__search1 select,
	.__search1 input[type='text'] {font-size:12px;}
	.__search1 select {min-width:70px;}
	.__search1 input[type='text'] {width:110px;}
	.__search1 button {font-size:16px;width:35px;}
			
	.search_lst ul>li {margin-bottom:0;}
	.search_lst ul>li a {width:100%;}
	.search_lst ul>li span {display:none;}
	
	
	/* 전시 & 교육 & 소장품 */	
	.tbl_viewEtc>tbody>tr>td {display:block; width:100%;}
	.viewEtc_tit, .tbl_view {width:100%;}
	.vtop, .viewEtc_thumb {border-bottom:0 !important;}
	.tbl_viewEtc .viewEtc_thumb { width:100%; text-align:center;}		
	.tbl_viewEtc .viewEtc_thumb img {width:100% !important; margin-bottom:20px;}
	.tbl_viewEtc .vtop {width:100%;}
	.viewEtc_tit {font-size:20px; margin-bottom:0;}
	.tbl_view {float:none;}
	.tbl_view th {font-size:15px; padding:3px 0;}
	
	.viewEtc .viewSTit {font-size:20px;}	
	
	.ex_slider {margin:0 auto; width:300px;}
	.ex_slider .slider-for .slick-slide>img {height:200px;}
	.ex_slider .slider-nav {margin-top:0;}
	.ex_slider a {top:30%; background-size:40%; background-repeat:no-repeat;}
	.ex_slider a.btn_prev {left:0; width:30px; height:45px; background-size:15px;}
	.ex_slider a.btn_next {right:0; width:30px; height:45px; background-size:15px;}
	.ex_slider .slider-for .slick-slide>p {font-size:16px;}
	
  	.ex_slider a.btn_stop {width:40px; height:40px; right:45%; top:50%; background:url(../images/sub/btn_stop.png) 4px 4px no-repeat;}
	.ex_slider a.btn_play {width:40px; height:40px; right:45%; top:50%; background:url(../images/sub/btn_play.png) 4px 4px no-repeat;}
	
	/* *** 관람 *** */
	/* 관람안내 */
	.time_info p {font-size:26px;}
	.etiquette_wrap ul li {float:none; width:100%; min-height:auto !important;}
	.etiquette_wrap ul li img {margin-bottom:0;}
	.etiquette_wrap ul li p:nth-child(2) {padding:0 0 10px; font-size:16px;}
    .etiquette_wrap ul li p:last-child {padding:0;}
		
		
	.__loc-top .bot {padding:10px;text-align:left;}
	.__loc-top .bot li {display:block;}
	.__loc-top .bot li i {font-size:16px;margin-right:3px;}
	.__loc-top .bot li span {font-size:13px;}

	.__loc-bot .box {padding:20px 0;}
	.__loc-bot .box .ico {display:none;}
	.__loc-bot .box .info {width:100%;padding-left:0;}
	.__loc-bot .box .info h3 span {font-size:16px;}
	.__loc-bot .box .info h3 span:before {height:12px;margin-top:-6px;}
	.__loc-bot .__btn1 {letter-spacing:-0.1em;padding:0 10px;margin-bottom:3px;}

	.__ico2 {height:22px;line-height:22px;font-size:12px;}

	
	/* 대관안내 */
	.area_wrap [class*="col"] .titH4 {margin-top:0; padding-left:15px; background-position:0 7px;}
	
	
	
	
	/* *** 소개 *** */
	/* 인사말 */	
	.gre_in h2 {font-size:22px;}
	.gre_in p {font-size:16px;}
	
	/* 연혁 */
	.__create-history {padding-left:0;}
	.__create-history:before {left:9px;}
	.__create-history dl {margin-top:15px;}
	.__create-history dl > * {display:block;}
	.__create-history dl:before {left:-16px; top:5px;}
	.__create-history dl dt {width:100%;font-size:16px;}
	.__create-history dl dt br {display:none;}
	.__create-history dl dd {width:100%;font-size:16px;padding-top:4px;}
	
	/* 비전 및 미션 */
 
	.vision>div:first-child,
	.mission>div:first-child {display:block; margin:0 auto; float:none; text-align:center;}
	
	.vision>div:last-child,
	.mission>div:last-child {display:block; width:100%; height:auto; float:none; padding:5%;}
	.mission>div:last-child {padding:0;}
	.vision>div:last-child p {font-size:20px; word-break:keep-all; line-height:1.3;}
	.vision>div:first-child::after, 
	.mission>div:first-child::after	{top:187px; right:48%; width:9px; height:40px; background:url(../images/sub/deco_lineV.png) no-repeat center bottom;}
	
	/* 검색리스트 페이지 */
	.view_search {width:100%; margin:30px auto;}
  

}

@media screen and (max-width:770px) {
    .lst-photo-wrap {min-height:auto;}
}

 @media screen and (max-width:580px) { 
	.sub_slide_box .collapse ul li.question{width:10%;}
    .sub_slide_box .collapse ul li.que_txt{width:90%;}
    .sub_slide_box .slide_title button {padding-right:25px;}
	.__toparea .all {font-size:15px;padding-left:15px;padding-top:0;}
	.__toparea .__search1 {position:relative; top:auto; margin:10px 0 10px; padding:0 15px;}
}