﻿@charset "utf-8";
/* 서브 비주얼 */
.responsive-image {margin:0 !important;}
.owl-theme .owl-controls {margin-top:-50px;}

/*list type */

.list_type1 {}
.list_type1 li {font-size:0.875em;line-height:1.4em;color:#666;padding-left:12px; margin-bottom:5px; background: url('../images/sub/li_bullet.png') 0 50% no-repeat; background-size:5px 5px;}



.data_type1 {margin-bottom:0px; color:#333;}
.data_type1 li span{font-family:'NanumGothicBold',sans-serif;line-height:1em;padding:0.688em 0 0.688em 16px; background: url('../images/sub/sbullet1.png') 0 50% no-repeat;}
.data_type1 li {padding-left:15%; font-size:1em; line-height:1.6em;padding:0.500em 0;/*border-bottom:solid 1px #f2f2f2*/}
.data_type1 li ul {width:100%; margin:0.688em 0; padding-left:20px}
.data_type1 li ul li {line-height:1.6em; border:none; padding:0;font-size:0.875em;}
.data_type1 li ul li ul {padding-left:0;}
.data_type1 li ul li ul li {line-height:1.6em; border:none; padding:0;font-size:0.929em;background: url('../images/sub/sbullet1_1.png') 0 50% no-repeat; padding-left:12px}


.ptype1 {padding-left:16px; font-size:0.875em !important; line-height:1.5em !important; color:#333; margin:10px 0 !important}
.ptype1 em {font-family:'NanumGothicBold',sans-serif; color:#F00 }


/* 서브 컨텐츠 */
.con1 {padding:15px;}
.con1 h3 {font-family:'NanumGothicBold',sans-serif; font-size:1.125em; color:#0060af; background:url(../images/sub/h3_icon.png) no-repeat left 50%; background-size:15px 15px; padding-left:20px}
.con1 h4 {color:#3399cc; font-size:1em}


.con2 {padding:0px;}
.con2 h3 {font-family:'NanumGothicBold',sans-serif; font-size:1.125em; color:#0060af; background:url(../images/sub/h3_icon.png) no-repeat left 50%; background-size:15px 15px; padding-left:20px}
.con2 h4 {color:#3399cc; font-size:1em}

/*전시실*/
.exhibition1 {background:#ffde00; padding:1.250em}
.exhibition1 h3 {color:#0060af; font-size:1.2em; margin-bottom:5px}
.exhibition1 h3 em {font-size:0.720em !important;}
.exhibition1 h4 {font-size:0.750em; color:#0060af;  margin-bottom:10px}
.exhibition1 p {color:#555; font-size:0.929em;}

.info {background:#0baf4d; color:#fff; padding:20px}
.info .owl-carousel {margin-bottom:70px !important}


/*체험실*/
.experience1,.experience2,.experience3{ padding:20px}
.experience1 {background:#ffde00;}
.experience2 {background:#b3e2ee;}
.experience3 {background:#b3e2ee;}
.experience1 .pic img ,.experience2 .pic img,.experience3 .pic img  {width:100%;}
.experience1 h3,.experience2 h3,.experience3 h3 {font-size:1.2em; margin-bottom:5px}
.experience1 p,.experience2 p,.experience3 p {font-size:0.929em; margin-bottom:10px}
.experience1 h3 {color:#006e80; }
.experience2 h3 {color:#005c9d; }
.experience3 h3 {color:#005c9d; }
.experience3 h4 {color:#005c9d; font-size:1.071em;  /*text-shadow:1px 1px 1px #fff*/}
.experience3 ul li {font-size:1em}
.experience1 h3 span, .experience2 h3 span, .experience3 h3 span {display:block; font-size:12px;}
.experience1 h3 span {color:#6392a0}
.experience2 h3 span {color:#89aeb8}
.experience3 h3 span {color:#6392a0}

/*야외마당*/
.out0 .titl_box1 {background : url(../images/sub/out_titl1.png) no-repeat left 20px; background-size:80px 80px; padding:20px 0 0 90px}
.out0 .owl-carousel{margin-bottom:30px !important;}
.out0 .owl-carousel img {min-height:;}
.out0 h3 {font-size:1.563em; margin-bottom:10px; color:#0060af}
.out0 .pic {margin-bottom:0; padding:0}
.out0 .pic img {width:100%;}
.out0 h3 span {display:block; font-size:12px; color:#666;}

.out1 {background:#01559f; padding:15px; color:#fff}
.out_bg {background:#3199cf url(../images/sub/out_bg.png) no-repeat right bottom; background-size:193px 146px; padding-bottom:80px}
.out_bg2 {background:#0baf4d; padding-bottom:40px}
.out1 h3 {font-size:1.563em; margin-bottom:10px; color:#ffe300}
.out1 h4 {font-size:1.143em; margin-bottom:6px; color:#ffe300}
.out1 p.explan_txt {font-size:0.929em; letter-spacing:-1px}
.out1 .pic img {width:100%;}
.out1 h3 span {display:block; font-size:12px; color:#d9ebf7;}
.pic_colum2  {overflow:hidden; margin-bottom:20px}
.pic_colum2 li {width:49%; float:left; margin:0 0.5%;}
.pic_colum2 li span {text-align:center; display:block; font-size:13px; color:#f5f5f5; letter-spacing:-1px; padding-top:5px}
.pic_colum2 li img {width:100%;}



/* Tabmenu */

.tabmenu {border-left:1px solid #e5e5e5; margin:0 0 0 1px; width:100%; display:inline-block;}
.tabmenu li {float:left; background:white; width:49.9%; margin:-1px 0 0 0; line-height:1.6em}
.tabmenu li a{display:block; border:1px solid #e5e5e5; border-left:0; padding:10px 0; font-size:1em; text-align:center; color:#666;}
.tabmenu li.on a {background:#f6f6f6; padding:10px 0 8px; font-weight:700; color:#333;border-bottom:3px solid #009dd9; }



/* 찾아오시는 길*/
.address_info {margin-bottom:15px}
.address_info li {padding:5px 0 6px 30px; letter-spacing:-1px;}
.address_info li.address {background:url(../images/sub/address_icon.png) no-repeat left 50%; background-size:30px 30px; border-bottom:1px dashed #ccc}
.address_info li.tel {background:url(../images/sub/tel_icon.png) no-repeat left 50%; background-size:30px 30px}

.ask{width:100%}
.ask div {display:inline-block; width:49%; background:#0baf4d; color:#fff; padding:10px 15px;}
.ask div h4 {color:#fff; font-size:1.2em; margin:0;}
.ask div p {margin:0}
.ask div a {color:#fff}


#map_2 img {width:100%; max-width:760px}


/*파노*/
#pano {margin-bottom:0px; clear:both}

/*가이드북*/

.guide .tImg {background:url(../images/sub/guide_t_img.jpg) no-repeat center bottom; background-size:100%; min-height:110px}
.guide .tImg p {text-align:center; color:#FFF; text-shadow: 1px 1px 1px #000;padding-top:50px; margin-bottom:0px !important;  font-family: 'NanumGothicBold';  font-size:1em;}
.guide .tImg p em {color:#FF0;}
.guide .guide_List {}
.guide .guide_List li {margin-bottom:1px;}
.guide .guide_List li a {background:#00baf1 url(../images/sub/file_icon.png) 95% 50% no-repeat;background-size:35px; padding:25px 70px 25px 25px;  color:#fff; font-family: 'NanumGothicBold'; font-size:1.125em; display:block; }


/*게시판*/
.bbs {padding:15px;}


/* 관광안내도 */
.muse_map {clear: both;  padding: 0 0 20px 0;  margin: 0;  width: 100%; min-height:180px; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.3);  position: relative; background:#fff}
.muse_map img{width: 100%;}

.muse_map_list {width:100%;}
.muse_map_list ul{width:100%;}
.muse_map_list ul li{height:65px;}
.muse_map_list ul li ul {position:relative;}
.muse_map_list ul li ul li{display:inline-block;}
.muse_map_list ul li ul li:first-child {padding-left:25px;padding-top:8px;}
.muse_map_list ul li ul li:nth-child(2){padding-left:15px;font-size:15px;font-weight:bold;  position: absolute;  padding: 20px;}
.muse_map_list ul li ul li:last-child{padding-right: 0px; padding-top: 18px; position: absolute; right: 0px; width:50px}
.muse_map_list ul li ul li:last-child a {text-align:right}
.muse_map_list .bg{background: #e1ecf7}

.size {width:100%;}
.size h3 {margin-bottom:0;}
.size img{width:100%;padding: 5px 0;}
.size p{width:100%;  padding-left: 7px;  padding-top: 10px; margin-bottom:0;}
.bigview {width:80%;}

.circle1 {width:50px; height:50px; border-radius:25px}
.no-display { display: none!important;}

.litebox-overlay .litebox-container {left:2% !important; right:2% !important; bottom:2% !important; z-index:9999 !important; overflow:scroll}
.litebox-overlay .litebox-container {background:; padding:4px}


.btnBig {position:absolute; z-index:9999; bottom:0px; right:10px; margin-bottom:0px }
.btnBig a {
	   display: inline-block;
    margin: 0 0 3px;
    padding: 8px 7px 7px 35px;
    border: 1px solid #d9ded9;
    color: #000;
    text-decoration: none;
    vertical-align: middle;
    border-radius: 3px;
				background:#f2f5f9 url(../images/sub/zoom_icon.png) left 50% no-repeat;background-size:30px; 
				font-size:13px;
}
.map_info {overflow:hidden; font-size:13px; letter-spacing:-1px; padding:15px}
.map_info ul:first-child  {width:55%; float:left}
.map_info ul:last-child  {width:45%; float:left}
.map_info ul li span {background:#005f9f; border-radius:10px; width:20px; height:20px; color:#FFF; text-align:center; display:inline-block}


.imgWrap {
	padding: 10px;
}
h2.imgTitle {
	padding: 5px 20px;
	font-size: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	display: inline-block;
	background: #2475d0;
	color:#fff;
	border-radius: 5px;
}
.imgBox img {max-width: 100%; margin-bottom: 10px;}


