@charset "utf-8";

/**********************************************************************************
	관람정보
**********************************************************************************/

/* 관람안내 */
.preview_info { margin-top:24px; width:100%; }
.preview_info > * { padding:0 10px;}
.preview_info .inner_box { display:block; width:100%; height:100%; border-right:1px solid #d0e0da; border-bottom:1px solid #d0e0da; background-repeat:no-repeat; background-color:#fbfbfb; }
.preview_info .inner_box.type1 { background-image:url(../image/content/vi/preview_ico_time.png); } 
.preview_info .inner_box.type2 { background-image:url(../image/content/vi/preview_ico_date.png); } 
.preview_info .inner_box.type3 { background-image:url(../image/content/vi/preview_ico_money.png); } 
.preview_info .in_title { font-weight:500; color:#0d9962; text-align:center;}
.preview_info .in_info { margin-top:6px; color:#222; text-align:center; word-wrap: break-word; word-break:keep-all; }
.preview_info .time { font-family:'Lato'; font-size:24px; line-height:30px; font-weight:500; }

@media (min-width:1180px) {
	.preview_info { display:table;  }
	.preview_info > * { display:table-cell; width:33.3333%; vertical-align:top;}
	.preview_info .inner_box { height:180px; padding:100px 20px 20px 20px; background-position: center 20px;}
	.preview_info .in_title { font-size:16px; line-height:28px;}
	.preview_info .in_info { font-size:15px; line-height:28px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.preview_info { display:table;}
	.preview_info > * { display:table-cell; width:33.3333%; vertical-align:top;}
	.preview_info .inner_box {  height:200px; padding:100px 20px 20px 20px; background-position: center 20px;}
	.preview_info .in_title { font-size:16px; line-height:28px;}
	.preview_info .in_info { font-size:14px; line-height:28px;}
}
@media (max-width:767px) {
	.preview_info { display:block;}
	.preview_info > * { display:block; width:100%;  margin:10px 0; padding:0; }
	.preview_info .inner_box {padding:80px 15px 15px 15px;  background-position: center 15px; background-size:auto 48px;}
	.preview_info .in_title { font-size:14px; line-height:22px;}
	.preview_info .in_info { font-size:14px; line-height:20px;}
	.preview_info .time { font-size:16px; line-height:24px; }
}

/* 전시실안내 */
.view_bnum {display:inline-block; margin-right:4px; width:24px; height:24px; border-radius:100%; font-family:'Lato'; font-size:13px; line-height:28px; color:#fff; background:#515959; text-align:center; vertical-align:middle;}

/* 전시해설 */
.commentary_tit { margin-top:18px; width:100%; height:auto; background-color:#483e2b; background-image:url(../image/content/vi/commentary_bg.png); background-repeat:no-repeat; overflow:hidden; z-index:2; }
.commentary_tit .info_tit {display:inline-block; position:relative; padding:0 7px;  color:#fff;  z-index:2}
.commentary_tit .info_tit::after {content:""; display:block; position:absolute; left:0; bottom:4px; width:100%; height:7px; background-color:#776647; opacity:0.7; z-index:1}
.commentary_tit .info_tit > span {  position:relative;  display:inline-block; width:auto; left:0; top:0; z-index:3;}
.commentary_tit .info_txt { display:block; margin-top:6px; color:#fff;  word-wrap: break-word; word-break:keep-all; }

@media (min-width:1180px) {
	.commentary_tit { min-height:170px; padding:40px 200px 30px 70px; background-position:right center; }
	.commentary_tit .info_tit { font-size:16px; line-height:30px;}
	.commentary_tit .info_txt { width:70%; font-size:21px; line-height:30px;  }
}
@media (min-width:768px) and (max-width:1179px) {
	.commentary_tit { min-height:170px; padding:40px 200px 30px 40px; background-position:right center;  background-size:auto 200px}
	.commentary_tit .info_tit { font-size:15px; line-height:30px;}
	.commentary_tit .info_txt { width:70%; font-size:21px; line-height:30px;  }
}
@media (max-width:767px) {
	.commentary_tit { min-height:250px; padding:20px 20px 170px 20px; background-position:center 130%;}
	.commentary_tit .info_tit { font-size:14px; line-height:20px; text-align:center;}
	.commentary_tit .info_tit::after { display:none; }
	.commentary_tit .info_txt { font-size:16px; line-height:22px; text-align:center;}
}


/**********************************************************************************
	전시
**********************************************************************************/

/* 기획전시 2020 ver 돌그물 그 안에 담긴 삶의 의지*/
.plan_ex_logobox { margin-top:0; width:100%; text-align:center; }
.plan_ex_logobox > * { display:inline-block; margin:5px; vertical-align:middle;}
.plan_ex_logobox img { max-width:100%; }
.plan_ex_title { padding:15px 5% 0 5%; font-size:16px; line-height:28px;  word-wrap: break-word; word-break:keep-all; }
.plan_ex_title .p_ex_icon { display:inline-block; font-weight:500; color:#0d9962; vertical-align:top;}
.plan_ex_title .p_ex_icon::after { content:"*"; display:inline-block; margin:0 4px 4px 4px; width:12px; height:12px; line-height:16px; font-family:'Dotum'; font-size:11px; text-align:center; color:#fff; border-radius:100%; background-color:#0d9962; }
.plan_ex_info { display:block; position:relative; padding:0 5% 0 20px; margin-top:16px; font-size:14px; line-height:26px; color:#0d9962;  word-wrap: break-word; word-break:keep-all; }
.plan_ex_info::before { content:"*"; display:block; position:absolute; left:0; top:6px; width:12px; height:12px; line-height:16px; font-family:'Dotum'; font-size:11px; text-align:center; color:#fff; border-radius:100%; background-color:#0d9962; }

.plan_stone_tit { position:relative; margin-top:8px; padding:20px 40px; height:auto; overflow:hidden; min-height:150px; background-image:url(../image/content/ee/planning_ex2_subtit_bg2.png); background-repeat:no-repeat; background-position:center center; background-color:#f3faff; }
.plan_stone_tit::after { content:""; position:absolute; width:541px; height:120px; right:0; bottom:0; background:url(../image/content/ee/planning_ex2_subtit_bg.png) no-repeat 0 0; z-index:2;}
.plan_stone_tit > .titleinfo { position:relative; display:block; width:65%; margin-top:24px; font-size:19px; line-height:28px; font-weight:600; color:#165951; word-wrap: break-word; word-break:keep-all; z-index:3;}

.plan_stone_msg { display:block; width:100%; margin-top:24px; padding:14px 25px; border:1px solid #8cd0df; }
.plan_stone_msg > * { display:inline-block; width:100%; line-height:26px;  text-align:center;word-wrap: break-word; word-break:keep-all; }
.plan_stone_msg .msg_1 { font-family:'바탕체'; font-size:21px; font-weight:600; color:#119ebc;}
.plan_stone_msg .msg_1 > span { font-family:'Noto Sans KR';  font-size:14px; }
.plan_stone_msg .msg_2 { font-size:14px; color:#333; }

.plan_citizen_talk { width:80%; margin:16px auto; }
.plan_citizen_talk .talk_msg { width:100%; font-size:14px; line-height:24px; font-weight:500; color:#417b87;  text-align:center; word-wrap: break-word; word-break:keep-all; }
.plan_citizen_talk .talk_speaker { position:relative; display:block; width:100%; padding:20px 0; text-align:center; vertical-align:top; z-index:1;}
.plan_citizen_talk .talk_speaker::before { content:"";  position:absolute; display:block;  left:0; top:50%; width:100%; height:0; border-bottom:1px dotted #119ebc; z-index:2; }
.plan_citizen_talk .talk_speaker > span { position:relative; display:inline-block; padding:2px 14px; font-size:13px; line-height:22px; border-radius:24px; color:#fff; background-color:#119ebc; z-index:3; }

.plan_ex_numbering { display:inline-block; margin-right:3px; width:22px; height:22px; line-height:24px; font-size:13px; color:#fff; font-weight:500; text-align:center; vertical-align:middle; border-radius:100%; background-color:#119ebc}

@media (max-width:767px) {
	.plan_ex_title { padding:15px 10px; font-size:14px; line-height:24px;}
	.plan_ex_info { padding:0 15px 0 20px; margin-top:0; font-size:13px; line-height:20px;}

	.plan_stone_tit { padding:20px 20px 100px 20px; min-height:160px; background-size:800px auto; background-position:0 55%;  }
	.plan_stone_tit::after { width:460px; height:102px; background-size:460px auto;   }
	.plan_stone_tit > .titleinfo { margin-top:8px; width:100%; font-size:17px; line-height:24px;  text-align:center;}

	.plan_stone_msg { padding:14px}
	.plan_stone_msg > * { line-height:24px;}
	.plan_stone_msg .msg_1 { font-size:16px;}
	.plan_stone_msg .msg_2 { margin-top:24px; line-height:20px;}

	.plan_citizen_talk { width:95%; margin:10px auto}
	.plan_citizen_talk .talk_msg { line-height:22px; }
}

/* 특별전시 2020 ver 소록도 꽃 */
.sp_ex_logo { display:block; width:100%; color:#00563a; text-align:center; background:url(../image/content/ee/sp_ex_logo.png) no-repeat center 0; }
.sp_ex_title { margin-top:24px; }
.sp_ex_title > .inner_txt { position:relative; margin:0 auto; text-align:center; color:#666; word-wrap: break-word; word-break:keep-all; }
.sp_ex_title > .inner_txt::before, 
.sp_ex_title > .inner_txt::after { content:""; position:absolute;  display:block; margin-top:-2px; height:2px; top:50%; background-color:#6ac5d4; }

.sp_ex_logo_new { display:block; width:100%; text-align:center;  }
.sp_ex_logo_new img { max-width:100%; }
.sp_ex_title_new { margin-top:24px; padding:15px 10% 0 10%;}
.sp_ex_title_new > * {  font-size:16px; line-height:28px;  word-wrap: break-word; word-break:keep-all; }

@media (min-width:1180px) {
	.sp_ex_logo {padding-top:140px; font-size:16px; line-height:22px; }
	.sp_ex_title > .inner_txt { width:70%;  font-size:16px; line-height:24px; }
	.sp_ex_title > .inner_txt::before, 
	.sp_ex_title > .inner_txt::after { width:40px; }
	.sp_ex_title > .inner_txt::before {left:-60px; }
	.sp_ex_title > .inner_txt::after {right:-60px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.sp_ex_logo {padding-top:140px; font-size:16px; line-height:22px; }
	.sp_ex_title > .inner_txt { width:70%;  font-size:16px; line-height:24px; }
	.sp_ex_title > .inner_txt::before, 
	.sp_ex_title > .inner_txt::after { width:40px; }
	.sp_ex_title > .inner_txt::before {left:-60px; }
	.sp_ex_title > .inner_txt::after {right:-60px;}
}
@media (max-width:767px) {
	.sp_ex_logo {padding-top:100px; font-size:14px; line-height:20px; background-size:auto 80px;}
	.sp_ex_title > .inner_txt { width:80%;  font-size:14px; line-height:22px; }
	.sp_ex_title > .inner_txt::before, 
	.sp_ex_title > .inner_txt::after { width:20px; }
	.sp_ex_title > .inner_txt::before {left:-30px; }
	.sp_ex_title > .inner_txt::after {right:-30px;}

	.sp_ex_title_new { padding:15px 10px; font-size:14px; line-height:24px;}
}

/* 상설전시 - 타이틀 */
.exhibit { position:relative; margin-top:32px; width:100%; background-repeat:no-repeat; background-position:0 0; }
.exhibit > .tit { width:100%; text-align:center;}
.exhibit > .tit > strong { position:relative; display:inline-block; font-size:18px; line-height:24px; font-weight:500; color:#fff; }
.exhibit > .tit > strong::before,
.exhibit > .tit > strong::after { content:""; display:block; position:absolute; width:30px; height:1px; background-color:#fff; }
.exhibit > .tit > strong::before { left:-50px; top:50%; }
.exhibit > .tit > strong::after { right:-50px; top:50%; }
.exhibit > .tit .subinfo { width:100%; padding-top:16px; font-size:14px; line-height:24px; text-align:center; color:#fff;  word-wrap: break-word; word-break:keep-all; }
.exhibit > .photo {width:100%; text-align:center; }
.exhibit > .photo img { display:inline-block; position:relative; max-width:100%; box-shadow:8px 8px 8px rgba(0,0,0,0.2); } 
.exhibit_info { width:100%; padding:25px;  border-bottom:2px solid #a9cbbb;}

.exhibit.type1 { background-image:url(../image/content/ee/ex1_bg01.jpg); }
.exhibit.type2 { background-image:url(../image/content/ee/ex1_bg02.jpg); }
.exhibit.type3 { background-image:url(../image/content/ee/ex1_bg03.jpg); }
.exhibit.type4 { background-image:url(../image/content/ee/ex1_bg04.jpg); }
.exhibit.type5 { background-image:url(../image/content/ee/ex1_bg05.jpg); }
.exhibit.type6 { background-image:url(../image/content/ee/ex1_bg06.jpg); }

@media (min-width:1180px) {
	.exhibit { height:360px; }
	.exhibit > .tit { padding-top:30px;}
	.exhibit > .photo { padding:20px 0; }

	.exhibit.type1 > .photo > img:nth-child(1) { z-index:2;}
	.exhibit.type1 > .photo > img:nth-child(2) { z-index:1; margin-left:-50px; margin-bottom:30px;}
	.exhibit.type2 > .photo > img:nth-child(1) { z-index:2; margin-bottom:10px;}
	.exhibit.type2 > .photo > img:nth-child(2) { z-index:1; margin-left:-30px; }
	.exhibit.type3 > .photo > img:nth-child(1) { }
	.exhibit.type4 > .photo > img:nth-child(1) { z-index:2; margin-bottom:30px;}
	.exhibit.type4 > .photo > img:nth-child(2) { z-index:1; margin-left:-50px; }
	.exhibit.type5 > .photo > img:nth-child(1) { z-index:1; margin-bottom:30px;}
	.exhibit.type5 > .photo > img:nth-child(2) { z-index:2; margin-left:-30px; }
	.exhibit.type6 > .photo > img:nth-child(1) { }
}
@media (min-width:768px) and (max-width:1179px) {
	.exhibit { height:300px; background-size:100% auto;}
	.exhibit > .tit { padding-top:30px;}
	.exhibit > .photo { padding:20px 0; }
	.exhibit > .photo img { max-width:330px;}

	.exhibit.type1 > .photo > img:nth-child(1) { z-index:2;}
	.exhibit.type1 > .photo > img:nth-child(2) { z-index:1; margin-left:-50px; margin-bottom:10px;}
	.exhibit.type2 > .photo > img:nth-child(1) { z-index:1; margin-bottom:30px;}
	.exhibit.type2 > .photo > img:nth-child(2) { z-index:2; margin-left:-30px; }
	.exhibit.type3 > .photo > img:nth-child(1) { }
	.exhibit.type4 > .photo > img:nth-child(1) { z-index:2; margin-bottom:30px;}
	.exhibit.type4 > .photo > img:nth-child(2) { z-index:1; margin-left:-50px; }
	.exhibit.type5 > .photo > img:nth-child(1) { z-index:1; margin-bottom:30px;}
	.exhibit.type5 > .photo > img:nth-child(2) { z-index:2; margin-left:-30px; }
	.exhibit.type6 > .photo > img:nth-child(1) { }
}
@media (max-width:767px) {
	.exhibit { margin-top:18px; height:auto; overflow:hidden; background-size:auto 180px; background-position:center 0}
	.exhibit > .tit {padding-top:15px; }
	.exhibit > .tit > strong { font-size:16px; }
	.exhibit > .tit .subinfo { width:80%; margin:0 auto; padding-top:10px; font-size:13px; line-height:20px; }
	.exhibit > .photo { padding:10px 0;}
	.exhibit > .photo img { max-width:220px;}
	.exhibit > .photo img { margin:3px 5px}
	.exhibit_info { padding-top:5px; }
} 



/**********************************************************************************
	디지털자료실
**********************************************************************************/



/**********************************************************************************
	소식 · 참여
**********************************************************************************/


/**********************************************************************************
	박물관 소개
**********************************************************************************/
/* 소개 */
.introduce_top { position:relative; width:100%; margin-top:80px; background:url(../image/content/mi/introduce_back.jpg) no-repeat right 0 #196d5e;}
.introduce_top::before { content:""; display:block; position:absolute; left:10px; top:-30px; width:444px; height:243px; background:url(../image/content/mi/introduce_photo.jpg) no-repeat 0 0; box-shadow:5px 5px 15px rgba(80,80,80,0.4); z-index:2}
.introduce_top .title { position:absolute; right:40px; top:40px;}
.introduce_top img { max-width:100%; }

.introduce_msg_area { width:100%; text-align:center; }
.introduce_msg { position:relative; display:inline-block; padding:0 7px;  text-align:center; z-index:2 }
.introduce_msg::after {content:""; display:inline-block; position:absolute; left:0; bottom:2px; width:100%; height:7px; background-color:#c4e7d6; opacity:0.7; z-index:1}
.introduce_msg > span {  position:relative;  display:inline-block; width:auto; color:#555; left:0; top:0; z-index:3;}

@media (min-width:1180px) {
	.introduce_top { min-height:180px; margin-bottom:80px; }
	
	.introduce_msg_are { margin-top:60px; }
	.introduce_msg > span { font-size:21px; line-height:28px; font-weight:600;}
}
@media (min-width:860px) and (max-width:1179px) {
	.introduce_top { min-height:180px; margin-top:70px; margin-bottom:40px; background-size:cover}
	.introduce_top::before { left:10%; width:360px; height:197px; background-size:cover; }
	.introduce_top .title { right:70px; }

	.introduce_msg_are { margin-top:50px; }
	.introduce_msg > span { font-size:18px; line-height:28px; font-weight:600;}
}
@media (min-width:768px) and (max-width:859px) {
	.introduce_top { min-height:280px; margin-top:50px; margin-bottom:40px; background-size:cover}
	.introduce_top::before { left:50%; margin-left:-150px; width:300px; height:164px; background-size:cover; }
	.introduce_top .title { right:0; top:140px; width:100%; text-align:center;}

	.introduce_msg_are { margin-top:50px; }
	.introduce_msg > span { font-size:18px; line-height:28px; font-weight:600;}
}
@media (max-width:767px) {
	.introduce_top { min-height:240px; margin-top:40px; margin-bottom:30px; background-size:cover;}
	.introduce_top::before { top:-20px; left:50%; margin-left:-120px; width:240px; height:131px; background-size:cover; }
	.introduce_top .title { position:relative;  display:block; right:0; top:0; padding:140px 20px 20px 20px; width:100%;  text-align:center;}

	.introduce_msg_are { margin-top:30px; }
	.introduce_msg > span { font-size:16px; line-height:22px; font-weight:600;}
}



/* 소메뉴 */
@media (min-width:1180px) {

}
@media (min-width:768px) and (max-width:1179px) {

}
@media (max-width:767px) {

}