@charset "UTF-8";

@media (max-width: 1800px){
	.md_park3 .timeline_nav.sticky{position: fixed !important;top:20px;left:206px;}

}


@media (max-width: 1204px){
	.geo_intro .sec01 .inner{padding:0 30px}
	.geo_intro .sec03 .fr{padding:20px 40px}
	.section{padding:40px 20px}
	#subcontent > .inner{padding:10px}
	.md_park3 .sec01{padding:50px 20px 10px}	
	.md_park3 .timeline_nav{display:none}
	.md_park3 .timeline_wrap{padding:20px}
	.md_park4 .divde_sec > li{padding:20px}
	.edupg_list .ulfl > li .text_box .tit_st04{height:2.4em}

	/*무돌길*/
	.mdg_wp .inner {padding:20px 16px;}
	
}

@media (max-width: 768px){
	.scl_x {width: 100%;overflow-x:scroll;margin:20px 0 30px}   
	.scl_x .table_01 {width:768px;}
	.scl_x .notice{display:block} 
	.ulfl.level{position:relative;top:inherit;right:inherit;margin:10px 0}
	.geo_park2 .sec01 ul li p{min-height:128px;padding:20px}
	.md_park1 .sec01:before,.location .w40p,.location .w60p{width:100%}
	.md_park1 .sec01:after{opacity:.1}
	.md_park1 .sec01 .w50p{width:100%;padding:50px 20px}
	.md_park1 .sec02 .box_list li{padding:30px 10px 10px}
	.md_park4 .divde_sec > li{padding:20px}
	.guide_list > li{width:32.3%}
	.sopt_map .map_spotlist li,.sopt_map.sopt_map2 .map_spotlist li{width:24%}
	.geo_trail .sec02 .spot_more li{width:50%}
	.geo_trail .sec02 .box_1 .t_con_box .t_box{padding-top:50px}
	.location_bus .cont_box table{width:868px}
	.location_bus .cont_box table th, .location_bus .cont_box table td{padding:5px;}
	.location_bus .bus_line li p{width:96%;text-align:left}
	.location_bus .bus_line li p span.state01{width:60px;vertical-align:middle}
	.location_bus .bus_line li p span.dgreen{width:100px;vertical-align:middle}
	.edupg_list .ulfl > li .text_box{padding:20px}

/*0407추가*/
	/*웹전시*/
	.culture_tab li a {padding: 16px 0 32px 0;}
	.culture_tab li:nth-child(3) a {padding: 16px 0 13px 0;}
	.mar_list > li .t_box {padding:30px 15px;}

	/* 무돌길 */
	.mdg_wp.mdg_p01 .sec01 {flex-wrap:wrap;justify-content:center;}
	.mdg_wp.mdg_p01 .sec01 .img_box {margin-right:0;}
	.mdg_wp.mdg_p01 .sec01 .txt_box {width:100%;margin-top:10px;}
	.mdg_p02 .tab_con_map .web_ver {display:none;}
	.mdg_p02 .tab_con_map .mo_ver {display:block;}

}
@media (max-width: 640px){
	#svisualLayout ,#svisualLayout .svisualBg{height:220px}
	#svisualLayout .titleWrap h2{padding:40px 0 10px;font-size:1.8em}
	#svisualLayout .breadcrumb{padding:0 20px}
	#svisualLayout .breadcrumb li:after{transform:scale(0.7);}
	#svisualLayout .breadcrumb li a{padding:2px 0}
	#snb{height:54px;margin-top:-54px;}
	#snb .snb_list li.snb_dep0{width:54px;height:54px;}
	#snb .snb_list li.snb_dep0 a{padding:10px}
	#snb .snb_list .snb_dep1, #snb .snb_list .snb_dep2,#snb .snb_list li a{width:128px;height:54px}
	#snb .snb_list li a{padding:10px;padding-right:40px}
	#snb .snb_list .snb_dep_s2{top:54px}
	#snb .sns_box {position:absolute;top:-52px;left:50%;margin-left:-42px}
	#snb .sns_box > li > a{padding:3px;width:32px;height:32px;border:0;background:rgba(0,0,0,.5);border-radius:50%;margin:2px}
	#snb .sns_box > li > a:before{background-size:700px;background-position:-231px 1px}
	#snb .sns_box > li:last-child > a:before{background-position:-254px 1px}
	#snb .sns_box .sns_wrap{bottom:inherit;top:36px;left:0px}

	.snb_dep3_wrap{padding:10px;text-align:center}
	.snb_dep3 li a{padding:6px}
	.snb_dep3 li a:after{display:none;}
	.snb_dep4{margin:30px auto}
	
	/*sub_basic*/
	.sub_title{margin:40px 10px 20px;font-size:1.8em}
	.tit_st01{font-size:1.8em;padding-bottom:20px;margin-bottom:20px}
	.tit_st02{font-size:1.7em;}
	.tit_st03{font-size:1.5em}
	.tit_st04{font-size:1.2em}
	.tit_st06:before{top:5px}
	.table_01 thead th{padding:10px 8px;}
	.table_01 tbody td, .table_01 tbody th, .table_01 tfoot td, .table_01 tfoot th{padding:2px 8px;}
	
	
	/* 지질공원 정의*/
	.geo_intro .sec01{padding:50px 0 200px}
	.geo_intro .sec01 .btn{width:80%;margin: 0 auto 10px}
	.geo_intro .sec03:before{display:none}
	.geo_intro .sec03 .fr.w50p{width:100%}
	.geo_park1 .sec01 .fl{width:100%;padding:20px}
	/*.geo_park2 .sec01 ul li{width:48%;height:220px;margin-bottom:5px}*/
	.geo_park2 .sec01 .sec001 li {width:100%; margin-bottom:10px;}
	.geo_park2 .inner_box{padding:20px 20px;background:#fff;border-radius:20px;}
	.geo_park2 .sec01 ul{margin:0px 0 }

	/*무등지오파크*/
	.md_park1 .sec02 .w50p,.divde_sec .cont_box,.md_park2 .w50p{width:100%}
	.md_park1 .sec02 .box_list li{width:32.1%;margin-bottom:1.2%}
	.divde_sec .title_box{width:100%;padding-right:0;margin-bottom:20px}	
	.divde_sec .divi_con2 ul.ulfl li{padding:10px}
	.divde_sec .divi_con3 .spot_list li{width:25%}
	.md_park2 .pa50{padding:20px}	
	.divde_sec .img_ul > li{width:100%;margin-bottom:10px}
	.divde_sec .divi_con6 .img_ul > li > .cont{min-height:auto}
	.md_park3 .w50p,.md_park3 .stage_spot li,.md_park4 .w50p{width:100%}	
	.md_park3 .timeline_wrap{margin-top:30px;padding:10px}	
	.md_park3 .stage > div{padding:20px}
	.md_park3 .stage:before{transform:scale(.4);top:-22px;right:-31px}
	.md_park3 .stage.bg1:before{top:-49px;right:-49px}
	.md_park3 .stage .box_t{padding-right:0}
	.md_park3 .stage .box_t .stage_deco{font-size:14px}
	.md_park3 .stage .add_box{padding-left:0; margin-right:5px;}
	.md_park3 .stage .add_box .tit{position:inherit;}
	.md_park3 .stage .add_box .con{margin-right:5px; margin-top:0 !important}
	.md_park4 .sec01 .cont_box{padding-left:0;margin-top:0 !important}
	.md_park4 .sec01 .cont_box img{position:relative;top:inherit;left:inherit;display:block;margin:-20px auto;transform:scale(.6)}
	.md_park4 .color_box > li{width:50%}

	/* 지질명소 */
	.map_wrap {padding:10px;margin-bottom:20px !important;}
	.map_wrap #map{height:240px !important}
	.geosights_wrap .top_area > div,.geosights_wrap .divi_con > li .title_box,.geosights_wrap .divi_con > li .con_box{width:100%}
	.geosights_wrap .top_area > div{height:auto}
	.geosights_wrap .top_area .box_01{border-bottom:1px solid #ddd}
	.geosights_wrap .top_area .box_01:before{margin:10px auto}
	.geosights_wrap .top_area .box_01 .span_box{margin:14px 0 20px}
	.geosights_wrap .divi_con > li .title_box{margin-bottom:10px}
	.geosights_wrap .text_box{padding:30px 20px}
	.geosights_wrap .sights_info{padding:30px 20px}
	.geosights_wrap .sights_info .tit{left:5px;padding:14px 30px;}
	.geosights_wrap .sights_info:before{background-size:120px;width:120px;height:72px;top:-66px}
	.geosights_wrap .sights_info .tit:before{top:-55px;left:0;width:72px;height:76px;background-position:-545px -115px;background-size:900px;}
	.geosights_wrap .sights_info .cont_box div:first-child{padding-right:0;margin-bottom:20px}
	.geosights_wrap .sights_info .fl,.sub02_snb_dep4 > ul > li{width:92%;}
	
	.cluturelist .top_box{padding:20px}
	.cluturelist .culture_tab > li{width:33%}	
	.cluturelist .culture_tab .tm3{font-size:0.9em;line-height: 18px;}
	.culture_con_top .l_box,.culture_con_top .r_box{width:100%;padding:20px;text-align:center}
	
	/* 안내도 */
	.sopt_map .notice_con .btn{margin-top:10px;margin-left:0 !important}
	.sopt_map .map_box .p_a{position:relative;background:#eee;top:inherit;left:inherit;padding:20px}
	.sopt_map .map_spotlist li,.sopt_map.sopt_map2 .map_spotlist li{width:48%}

	/*해설사*/
	.guide_list > li{width:48.3%}
	.guide_list > li .img_box{height:130px}
	.guide_list > li .t_box{padding:20px 10px}
	.guide_list > li .t_box .bo_title{margin-bottom:10px}

	/*찾아오시는길*/
	.geo_trail .sec02 .box_1,.geo_trail .sec02 .box_2,.movie_con,.bus_tour ul li,
	.geoedu_prg .box_l,.geoedu_prg .box_r,.reserv .diraction .w40p,.reserv .diraction .w60p,.reserv .pay_box .fr{width:100%}
	.location .w40p{padding:20px !important}
	.location .w40p .info_box{padding:20px;margin-top:20px !important;}
	.location_bus .btn_box{float:inherit;margin-top:10px}
	.location_bus .tit_box .fl{float:none}
	.location_bus .tit_box .btn_box a{width:100%;margin:2px 0}
	.location_bus .cont_box{padding-left:0}
	.location_bus .cont_box .img_pa{display:none;}
	
	/*지오트레일*/
	.sub02_tabnv{padding:120px 0 160px}
	.sub02_tabnv > ul > li .pa_img{transform:scale(.5)}
	.sub02_tabnv > ul > li > a{padding:6px;padding-top:54px;padding-bottom:30px}
	.sub02_tabnv > ul > li .eng{font-size:1em}
	.sub02_tabnv > ul > li.on:after,.geo_trail .sticker:before{transform:scale(.7)}
	.sub02_tabnv .snb03_nm li:first-child:before{display:none}
	.sub02_snb_dep4 .box_t .tit{font-size:1.4em}
	.sub02_snb_dep4 .box_t,.sub02_snb_dep4 .box_b{padding:20px}
	.sub02_snb_dep4 > ul > li.on, .sub02_snb_dep4 > ul > li:hover{margin-bottom:0px;}
	.sub02_snb_dep4 .trail_co li{position:relative;width:20%}	

	.geo_trail .sec01{padding:50px 20px}
	.geo_trail .sec01 .ulfl li{width:25%;padding:20px 10px}
	.geo_trail .sticker{padding:5px;padding-left:45px}
	.geo_trail .sec02 .box_1{padding:50px 20px}
	.geo_trail .sec02 .box_1 .t_con_box .t_box{padding:70px 20px 10px}
	.geo_trail .sec02 .box_1 .t_con_box .b_box{padding:10px 20px}
	.geo_trail .sec02 .box_1 .img_box{min-height:auto;padding:0;padding-top:50px}
	.geo_trail .course li{width:33.3%}
	.geo_trail .sec02 .box_2{padding:40px 20px}
	.geo_trail .sec02 .spot_more li{width:100%;padding-right:0}
	
	/*지오프로그램*/
	.bus_tour ul li a{display:block}
	.movie_con{position:inherit;top:inherit;left:inherit;}
	.movie_wrap .sitcker_edu{display:none}
	.subtitle .subt_top,.subtitle .subt_b{padding-left:20px}
	.edupg_list .ulfl > li{width:49%}
	.edupg_list .ulfl > li .text_box{padding:20px 10px}
	.geoedu_prg .box_l,.geoedu_prg .box_r{padding:10px;border-right:0}
	.edupg_list .ulfl > li .text_box .gray{height:2.4em}

	/*지오맴버스*/
	.geo_mem .sec01 .box_l,.geo_mem .sec01 .box_r,.geo_mem .sec02 li{width:100%;padding:20px}
	.geo_application{width:96%;margin:0 auto}
	.geo_brand .sec01 .fl{width:100%;padding:0;text-align:center}
	.geo_brand .pa50{padding:30px 20px}
	.geo_brand .sec02 .divde_sec .title_box .tit_st03:before{transform:scale(.4);margin:-40px auto -30px}
	.geo_brand .divde_sec > li{padding:30px 0}
	.geo_brand .sec02 .divde_sec .title_box{float:inherit;width:100%;margin:0 auto 10px;padding-bottom:20px;border-bottom:1px dashed #ddd}
	.geo_brand .sec02 .divde_sec .cont_box{width:100%;margin-top:20px}
	.geo_village .moive_wrap{width:100%}
	.geo_village2{width:96%;margin:0 auto 100px}
	.geo_village2 .pa50{padding:10px}
	.geo_village2 .box_r,.geo_village2 .round_box{width:100%;padding:0}

	/*사이트맵*/
	.sitemap_list > li{padding-left:10px}
	.sitemap_list > li > a{display:block;padding-bottom:10px;position:relative;top:inherit;margin-bottom:10px;border-bottom:1px dashed #ddd;width:100%}
	.sitemap_list .sitemap_dep2 > li{width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #ddd}
	.sitemap_list .sitemap_dep3{padding-right:0}
	.sitemap_list .sitemap_dep4{width:100%}

	.divde_sec1 .cont_box{width:95%;}
	.divde_sec1 .img_ul > li{margin:0 2% 5% 0;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 3px rgba(0,0,0,0.1); width:31%}
	.divde_sec1 .img_ul > li:last-child{margin-right:2%;}
	.cluturelist2 .culture_tab2 > li{width: 33%;height:60px;float:left;background:#eee;}

/*0407추가*/
	/*header*/
	#svisualLayout .titleWrap.inner {position:absolute;top:30%;}
	#svisualLayout .titleWrap.inner h2 {padding:0 0 20px 0;}
	#snb .sns_box {position: absolute;top: 9px;left: 90%;margin-left:0;}
	#snb .snb_list .snb_dep1, #snb .snb_list .snb_dep2, #snb .snb_list li a {width: 158px;}
	#snb .snb_list li.snb_dep1 > a:after, #snb .snb_list li.snb_dep2 > a:after {right: 13px;}

	/*디지털아카이브*/
	.geo_gallery .bo_gall_list > li .t_box .bo_title {white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;overflow:hidden;}

	/*웹전시*/
	.ma_section .cluturelist .culture_tab li a {line-height:19px;}
	.culture_tab li a {padding:16px 0 !important;}

	/* 무돌길 */
	.mdg_wp .divde_sec .title_box {width:100%;}
	.mdg_wp .divde_sec .cont_box {width:100%;}

}


@media (max-width: 480px){
	#svisualLayout .breadcrumb li{float:none;display:inline-block}
	.sub02_snb_dep4 > ul > li{margin-bottom:5px;}
	.notice_box .notice{position:inherit;top:inherit;left:inherit;margin-bottom:10px}
	.notice_box{padding:30px}

	.divde_sec1 .cont_box{width:95%;}
	.divde_sec1 .img_ul > li{margin:0 2% 5% 0;background:#fff;border-radius:10px;box-shadow:0px 3px 10px 3px rgba(0,0,0,0.1); width:100%}
	.divde_sec1 .img_ul > li:last-child{margin-right:2%;}
	
	.cluturelist2 .culture_tab2 > li{width: 50%;}
	.cluturelist .culture_tab > li{width:50%}	
	.cluturelist .culture_tab .tm3{font-size:0.9em;line-height: 17px;}
	
/*0407추가*/
	/*header*/
	#header .logo_area h1 img{width:170px;}
	#snb .snb_list .snb_dep1, #snb .snb_list .snb_dep2, #snb .snb_list li a {width: 160px;}

	/*디지털아카이브*/
	.sub02_snb_dep4 .trail_co li {width:25%;}
	.mar_list > li .t_box {padding:10px 5px;}
	.mar_list > li .t_box .gray {font-size:0.89em;}
	
	/*메인*/
	.f_top{flex-wrap:wrap;}
	#footer .f_copy{flex-wrap:wrap; width:100%;}
	#footer .inner .f_top .copy{padding-left:0; width:100%; text-align:left;}
}

@media (max-width: 384px){
	.geo_trail .sec01 .ulfl li.trnm_ico{padding:10px 4px}

/*0407추가*/
	/* header */
	#snb .sns_box {top:8px; left:89%; margin-left:0;}
	#snb .snb_list .snb_dep1, #snb .snb_list .snb_dep2, #snb .snb_list li a {width: 141px;padding-right:0px;}
	#snb .snb_list li.snb_dep1 > a:after, #snb .snb_list li.snb_dep2 > a:after {right:19px;}

	/*디지털아카이브*/
	.md_park3 .stage .box_t {padding-left:13px;}
	.md_park3 .stage .box_t .stage_deco {padding:6px 11px;}
	.sub02_snb_dep4 .trail_co li {width: 33%;}
	.md_park3 .timeline .tit_st03 {font-size:1.3em;}

	/*웹전시*/
	.mar_list li{margin-top: 10px; width:100% !important; } 

	/*페이징*/
	.pagination ul li a {width:33px;height:33px;line-height:33px;}
	.pagination ul li a.ico {background-position: -744px -271px;}
	.pagination ul li a.prev {background-position: -786px -271px;margin-right: 3px;}
	.pagination ul li a.next {background-position: -824px -271px;margin-left: 3px;}
	.pagination ul li a.last {background-position: -866px -271px;}

	/*footer*/
	#footer .f_logo {width:49%;float: inherit;padding-bottom:10px;}
}


@media (max-width: 360px){
	.mar_list li{margin-top: 10px; width:100% !important; } /*무등산의 수원지와 저수지*/
	.cluturelist2 .culture_tab2 > li{width: 50%;}
	.cluturelist .culture_tab > li{width:50%}	
	.mar_list li img{width:100%;border-radius:10px 0;}
	.mar_list > li .t_box{padding:30px;background:#fff; text-align:center;}
	.geo_park2 .sec01 ul{margin:0px 0 }

}

@media (max-width: 320px){	
#snb .snb_list .snb_dep1, #snb .snb_list .snb_dep2,#snb .snb_list li a{width:128px;height:54px}
.reserv .pay_box ul,.md_park4 .color_box > li{padding:20px}
.cluturelist2 .culture_tab2 > li{width: 100%;}
.cluturelist .culture_tab > li{width:100%}	
.cluturelist .culture_tab .tm3{font-size:0.9em;line-height: 17px;}

/*0407추가*/
	/* header */
	#header .logo_area h1 img{width:152px;}
	#svisualLayout .titleWrap.inner {position:absolute;top:28%;}
	#svisualLayout .titleWrap.inner h2 {padding:0;}
	#svisualLayout .breadcrumb {padding:20px;}
	#snb .ulfl.snb_list.fl > li:first-child {width:20%}
	#snb .ulfl.snb_list.fl > li:nth-child(2) {width:40%}
	#snb .ulfl.snb_list.fl > li:last-child {width:40%}
	#snb .snb_list ul.snb_dep_s2 li {width:100% important;padding:6px 2px;}
	/* #snb .sns_box.ulfl.fr {position:absolute;top:7px;margin-left:122px;width:36px;} */
	#snb .sns_box.ulfl.fr {display:none;}
	#snb .snb_list li a {padding:6px !important;}
	#snb .snb_list li.snb_dep1 > a:after, #snb .snb_list li.snb_dep2 > a:after {right:2px;}

	/*디지털아카이브*/
	.geo_gallery .bo_gall_list .cate_nm2 span {padding: 6px 9px;}

	/*검색*/
	.board_search select {width:75px;padding:10px 5px;}
	.board_search input {width:160px;}
	.board_search #searchQuery {width:160px;}

}