@charset "utf-8";


/*다이노키즈월드 > 실내 ---------------------------------*/
.sub01{position:relative;/*top: -5px;*/}

.txt01 {text-align: center;margin: 0 auto;margin-bottom: 50px;font-size:28px;color:#111;padding: 30px 0;background: #fff;border-radius: 114px; box-shadow: 0 5px 0 rgb(0,0,0,0.1);width: 780px;border: 4px solid #ffb400;}
.txt01 b{font-weight: 600;display:block;}

@media all and (max-width :1420px) {
	.txt01 {font-size:26px;width: 660px;}
}

@media all and (max-width :1280px) {
	.sub01{ position:relative; /*top: -130px;*/}
	.txt01 {font-size:24px;width: 600px;padding: 20px 0;}
}


@media all and (max-width :1024px) {
	.sub01{ position:relative; /*top: -110px;*/}
	.txt01 {font-size:24px;width: 600px;padding: 20px 0;}
}

@media all and (max-width :767px) {
	.txt01 {font-size:20px;width: 540px;padding: 15px 0;}
}

@media all and (max-width :640px){
	.sub01{ position:relative; /*top: 0*/;}
	.txt01 {font-size:20px;border-left: none;border-right: none; box-shadow: none;width: 100%;border-radius: 0;text-align: center;margin-bottom: 30px;padding: 14px 0;}
}


/*다이노키즈월드 > 입장불가 ---------------------------------*/
.w_area{ position: relative; background-color: #222;padding: 20px 3%;border-radius: 10px;margin-bottom: 80px;}
.w_area dt{color: #ff6000; font-size: 28px; background: url("/resource/dino/images/dinosaur/inc/icon_warning.png") left center no-repeat; line-height: 47px;padding-left: 56px;margin-bottom: 10px;}
.w_area dd{color: #fff; font-size: 20px;}
.w_area b{font-weight: 600;}
.w_area .w_btn{position: absolute; right: 3%; top: 20px;}
.w_area .w_btn button{background-color: #222; color: #fff000;padding: 10px 30px;border: 2px solid #fff; border-radius: 10px; }
.w_area .w_btn button:hover{box-shadow: 0 7px 10px rgb(0,0,0,0.9);}

@media all and (max-width :767px) {
	.w_area{margin-top: 20px;padding: 30px;}
	.w_area dt{font-size: 24px;background-size: 30px; line-height: 30px;padding-left: 40px;}
	.w_area dd{font-size: 18px;}
	.w_area .w_btn{ position:static;font-size: 18px;margin-top: 20px;text-align: center;}
}

@media all and (max-width :640px){
	.w_area{padding: 20px;}
	.w_area dt{font-size: 22px;background-size: 25px; line-height: 25px;padding-left: 30px;}
	.w_area dd{font-size: 16px;}
	.w_area .w_btn{font-size: 16px; }
}


/*다이노키즈월드 > 시설사진 및 구성 ---------------------------------*/
.img_list {font-size: 0;}
.img_list ul{display: flex;justify-content: space-between;margin-bottom: 40px;}
.img_list ul > li:nth-of-type(1){width: 40%;border-radius: 20px;overflow: hidden;border: 10px solid #fff;box-shadow: 0 5px 5px rgb(0,0,0,0.2);}
.img_list ul > li:nth-of-type(1) img{width: 100%;height: 320px;object-fit: cover;object-position: center;}
.img_list ul > li{width: 56%;}
.img_list p {display: inline-block;font-size: 24px;color: #111; background: #fff;padding: 10px 20px; border: 4px solid #ffb400;border-radius: 40px;box-shadow: 0 5px 5px rgb(0,0,0,0.2);margin:10px 0 25px;font-weight: 600;}
.img_list p i{font-weight: 500;margin-right: 10px;font-size: 18px;}
.img_list dt{display: block;font-size: 20px;color: #111;padding-left: 20px;background: url("/resource/dino/images/dinosaur/inc/bar01.png") left 2px no-repeat;line-height: 1.2em;margin-bottom: 10px;font-weight: 500;}
.img_list dt:nth-of-type(2){margin-top: 20px;}
.img_list dd{font-size: 16px;color: #333;padding-left: 10px;margin-bottom: 5px;background: url("/resource/dino/images/dinosaur/inc/dot01.png") left 10px no-repeat;margin-left: 20px;}

@media all and (max-width :1024px) {
	.img_list p {padding: 8px 35px;border-radius: 45px;text-align: center;}
	.img_list p i{display: block;margin-right: 0;}
}


@media all and (max-width :767px) {
	.img_list ul{flex-direction: column;border: 1px solid #ddd; border-radius: 20px;padding: 20px;margin-bottom: 10px;}
	.img_list ul > li{width: 100%;text-align: center;}
	.img_list ul > li:nth-of-type(1){width: 100%;margin-bottom: 20px;border-radius: 0;overflow:  hidden;border: none;box-shadow: none;}
	.img_list p{margin: 0 auto 20px;border: none; box-shadow: none;padding: 0;color: #ff6000;}
	.img_list p i{color: #111;}
	.img_list dl{text-align: left;}
}


@media all and (max-width :640px){
	.img_list ul > li:nth-of-type(1) img{height: 210px;}
	.img_list p b{display: block;margin-left: 0;}
	.img_list dt{font-size: 18px;padding-left: 15px;background: url("/resource/dino/images/dinosaur/inc/bar01.png") left 0 no-repeat;}
}




/*다이노키즈월드 > 실외 ---------------------------------*/

/*다이노키즈월드 > 현장예약 ---------------------------------*/
.sub02_box {display: flex;justify-content: space-between;}
.sub02_box .box_area {position: relative;display: inline-block; width: 48.5%;text-align: center;background: #ff6000 url("/resource/dino/images/dinosaur/inc/sub02_icon.png") 15% center no-repeat; background-size: 100px; border-radius: 10px;color: #fff;}
.sub02_box .box_area p{position: absolute; display: block; top: 50%; left: 0;padding-left: 33%;transform: translateY(-50%);font-size:28px;}
.sub02_box .box_area span{font-weight: 600;display: block;}

/*다이노키즈월드 > 입장불가 ---------------------------------*/
.w_area02 {width: 48.5%;margin: 0;}

/*다이노키즈월드 > 실외 시설사진 ---------------------------------*/
.sub02_imgbox{width: 100%;margin-bottom: 50px;}


@media all and (max-width :1024px) {
	.sub02_box {flex-direction: column;}
	.sub02_box .box_area {margin-bottom: 20px; width: 100%;padding: 30px;background: #ff6000 url("/resource/dino/images/dinosaur/inc/sub02_icon.png") 10% center no-repeat;background-size: 100px;}
	.sub02_box .box_area p {margin-top: 0;position: static;top: 0;padding-left: 0;transform: translateY(0);}
	.w_area02 {width: 100%;}
}




@media all and (max-width :767px) {
	.sub02_box .box_area p {font-size: 24px;}
}


@media all and (max-width :640px){
	.sub02_box .box_area{background-image: none;padding: 20px;}
	.sub02_box .box_area p {font-size: 22px;}
	.sub02_box .box_area span{display: block;}
}


/*다이노키즈월드 > 실외 이용안내 ---------------------------------*/
.sub01 h4{font-size:36px; font-weight: 700; position: relative;display:block;text-align: center;margin-bottom: 50px;}
.sub01 h4 > strong{color: #ff6000;font-weight: 700; }
.sub01 h4:before{content: ''; display: block; background:url("/resource/dino/images/dinosaur/inc/comma01.png") center top no-repeat;position: absolute;top: -15px;width: 100%; height:100%;z-index: -1;}
.paly_guide{display: flex;justify-content: space-between;  margin-top: 20px;margin-bottom: 40px;}
.paly_guide > div {width: 50%; text-align: center;}
.paly_guide > div:first-of-type {border-right: 1px solid #d8d8d8;}
.paly_guide dl {display: inline-block;padding-left: 250px;position: relative;margin-bottom: 40px;}
.paly_guide dl dt {position: absolute; top: 0; left: 0; font-size: 22px;color: #111; background: #fff;padding: 5px 30px;border-radius: 25px;box-shadow: 0 5px 5px rgb(0,0,0,0.2);border: 4px solid #ffb400;width: 220px;}
.paly_guide > div:nth-of-type(2) dl dt {border: 4px solid #3a268b;}
.paly_guide dl dd{ text-align: left;background: url("/resource/dino/images/dinosaur/inc/dot01.png") left 10px no-repeat;padding-left: 10px;margin-bottom: 5px;font-size: 16px;color: #333;}

.info_box {background: #f5f4f9;font-size: 20px;text-align: center; padding: 20px 0;position: relative;margin-bottom: 80px;}
.info_box b{font-weight: 600;display: block;}
.info_box:before{content: ''; display: block; background:url("/resource/dino/images/dinosaur/inc/sub02_icon02.png") right top no-repeat;position: absolute;top: -95px;right: 3%; width: 100%; height:100%;z-index: -1;}


@media all and (max-width :1024px) {
	.paly_guide{flex-direction: column;}
	.paly_guide > div {width: 100%;}
	.paly_guide > div:first-of-type {border-right: none; border-bottom: 1px solid #d8d8d8;}
	.paly_guide > div:nth-of-type(2) {margin-top: 40px;}
	.paly_guide dl{display: block;padding-left: 55%;}
	.paly_guide dl dt {right: 50%;left: inherit;}

	.info_box:before{background-image: none;}
}


@media all and (max-width :767px) {
	.sub01 h4{font-size:30px;}
	.sub01 h4:before{background-size: 440px;}
}


@media all and (max-width :640px){
	.sub01 h4{font-size:25px;margin-bottom: 30px;}
	.sub01 h4:before{background:none;}

	.paly_guide{margin-bottom: 10px;}
	.paly_guide dl{padding-left: 0;width: 80%;margin: 0 auto;margin-bottom: 30px;}
	.paly_guide dl dt {position: static;font-size: 18px;margin-bottom: 20px;width: 100%;}

	.info_box {font-size: 16px;padding: 20px 3%;}
}







/* 사이트맵 ---------------------------------*/

.sitemap_wrap ul{ font-size:0; width:100%; display:table;}
.sitemap_wrap ul li{ line-height:30px; display:inline-block; vertical-align:top; font-size:18px; font-weight:600; text-align:center;;}
.sitemap_wrap ul li a{ width:90%; margin-bottom:10px; background:#0070d8 url("/resource/dino/images/home/inc/bg03.png") right center no-repeat; color:#fff; display:inline-block; padding:15px 5%; border-radius:10px 10px 0 0;}

.sitemap_wrap ul li ul li { width:100%; margin:0; line-height:22px; margin-bottom:5px;font-size:15px;  background:url("/resource/dino/images/home/inc/icon_li03.gif") 20px 13px no-repeat;border-bottom:1px solid #ddd; padding:0; text-align:left;}
.sitemap_wrap ul li ul li a{ width:75%; border-bottom:0; margin-bottom:0; color:#000; padding:8px 10% 8px 37px; background:none;}

.sitemap_wrap ul li ul li ul{  background:#f3f3f3; padding:10px 0 20px 0;}
.sitemap_wrap ul li ul li ul li { width:100%; margin:0;  border:0; padding-top:10px;font-size:14px; font-weight:400; line-height:18px;background: url("/resource/dino/images/home/inc/icon_li02.gif") 20px 18px no-repeat;}
.sitemap_wrap ul li ul li ul li a{ width:83%; border-bottom:0;margin-bottom:0; padding:0; padding-left:30px;}

.sitemap_w06 li{width:14.6%; margin:0 1% 50px 1%;}
.sitemap_w05 li{width:18%; margin:0 1% 50px 1%;}
.sitemap_w04 li{width:23%; margin:0 1% 50px 1%;}
.sitemap_w03 li{width:30%; margin:0 1.5% 50px 1.5%;}

@media all and (max-width :1023px) {
	.sitemap_w06 li{width:30%; margin:0 1.5% 50px 1.5%;}
	.sitemap_w05 li{width:30%; margin:0 1.5% 50px 1.5%;}
	.sitemap_w04 li{width:30%; margin:0 1.5% 50px 1.5%;}
	.sitemap_w03 li{width:30%; margin:0 1.5% 50px 1.5%;}
}

@media all and (max-width :480px) {
	.sitemap_w06 li{width:90%; margin:0 5% 50px 5%;}
	.sitemap_w05 li{width:90%; margin:0 5% 50px 5%;}
	.sitemap_w04 li{width:90%; margin:0 5% 50px 5%;}
	.sitemap_w03 li{width:90%; margin:0 5% 50px 5%;}
}