@charset "UTF-8";

@media (min-width:1925) and (max-width:2560px) { 
  .geotourism_wp {background-size: unset;}
	.web_exh_wp  {background-size: inhert;background-position: center center;}
} 


@media (max-width: 1800px){
	.geotourism_wp {background-size: unset;}
	.web_exh_wp  {background-size: unset;background-position: center -80px;}
	
}

@media (max-width: 1440px){
	.geotourism_wp {background-size: unset;}
	.web_exh_wp  {background-size: unset;background-position: center -80px;}
	
}

@media (max-width: 1400px){
	.main_rg_wp {position:relative;top:0;right:0;padding-top:40px;padding-bottom:40px;background: url(https://geopark.gwangju.go.kr/img/bg_section3.jpg) no-repeat 0 0 #ece5db;}
	.main_rg_wp .inner_pa50 {position: relative;width: 1280px;margin: 0 auto; box-sizing: border-box;}
	.main_rg_wp .inner_pa50 .in_box {width:100%;display:flex;justify-content:space-between;}
	.main_rg_wp .main_course {width:790px;}
	.main_rg_wp .main_wexh {width:calc(100% - 822px);margin-top:0;}
	.main_rg_wp .main_wexh .link_list li {height:120px;}
	.main_rg_wp .main_wexh .link_list li a {display:inline-flex;align-items:center;height:100%;}
	
}

@media (max-width: 1280px){

	#section02 .cont_l, #section02 .cont_r{padding:50px 25px}
	#section02 .sec_wrap{padding-bottom:20px}
	#section03 > .inner{padding:10px}
	#section03 .left_box_wrap{padding:50px 35px}
	#section03 .right_box_wrap{padding-left:35px}
	.sitcker_edu{left:-10px}
	#section03 .left_box_wrap:before{display:none}
	#section03 .right_box_wrap .hr2{margin-top:40px}
	#section04 .cont_l{padding:10px;padding-right:25px}
	#section04 .cont_r{padding:10px;padding-left:25px }
	#section04 .banner_slide .item a{height:auto}
	#section04 .banner_box{padding:10px;}

	/*메인*/
	#header #mMenu {padding-top: 15px;}
	#header .logo_box {left: 16px;}
}

@media (max-width: 1204px){
	.main_quick{width:100%;margin-top:0;top:inherit;bottom:0}
	.main_quick p,.main_sec_quick,.main_sec_quick li,.main_quick a.totop{float:left;height:66px}
	.main_sec_quick{width:60%}
	.main_sec_quick li{width:33.3%}
	.main_quick p,.main_quick a.totop{width:20%}
	.main_quick p .ico{transform:rotate(-90deg)}
	.main_visual{position:relative;height:360px;text-align:center;overflow:hidden}
	.main_visual .slick-slide .item{position:relative;height:360px;width:100%;}
	/*#section01 .main_visual,#section01 .main_visual .item{height:360px}*/
	#section01 .main_visual .slick-dots{bottom:80px}
	#section02{padding-bottom:0}
	#section02 .news_box ul li{margin-left: 20px; width: 90%;}
	#section02 .news_box ul li:first-child{margin-left: 20px; width: 100%;}

	/*메인*/
	.main_rg_wp .main_course {width:640px;}
	.main_rg_wp .main_wexh {width:calc(100% - 672px);}
}

@media (max-width: 1024px){
	#section02 .arch_wrap {padding: 0 25px;}
	#section03 .sec_wrap {padding:80px 25px;}

	/* 메인 */
	.geotourism_wp {padding-top: 180px;}
	.main_geot_box {flex-wrap: wrap;}
	.geot_tit_a {width: 100%;text-align: center;}
	.grot_course_a {width: 100%;padding-left: 0;}
	.grot_course_a .course_list{justify-content: center;padding: 40px 80px;}
	.grot_course_a .course_list .cl_item.empty {display: none;}
}

@media (max-width: 800px){
	.aech_list .dp_flex {flex-wrap: wrap;}
	.aech_list .dp_flex li {width: calc((100% - 48px) / 4);}
	#section03 .dp_flex {flex-wrap: wrap;}
	#section03 .dp_flex > div {width: 100%;}
	#section03 {background: none;}
	#section03 .sec_wrap {padding: 0 0;}
	#section03 .dp_flex .box_l {background: url(/mudeung/img/mudeung_bg1.png) no-repeat 0 center #d7dee4;padding: 80px 25px;}
	#section03 .dp_flex .box_r {background: url(/mudeung/img/bg_img_corce1.png) no-repeat right center #34586e;padding: 80px 25px;}

	/* 메인 */
	.grot_course_a .course_list {padding: 40px 0;}
	.web_exh_wp {padding-top: 180px;}
	.main_exh_box {flex-wrap: wrap;}
	.webe_tit_a {width: 100%;text-align: center;}
	.webe_con_a {width: 100%;display: flex;padding-top: 40px;padding-right: 0;justify-content: center;}
	.webe_con_a .bottom_a {display: block;}
	.webe_con_a .bottom_a .empty {display: none;}
}

@media (max-width: 768px){
	.cont_l, .cont_r,#section03 .left_box_wrap{width:100%}
	#section04 .cont_l,	#section04 .cont_r{padding:10px;}
	#section02 .sec_wrap{padding-bottom:0}
	#section02 .sec_wrap:before{display:none}
	#section02 .cont_r{background:url('/mudeung/img/bg_img_mbl2.png') no-repeat right center #34586e}
	#section03{background-size:cover}
	#section03 .right_box_wrap{width:100%;padding-left:0;margin-top:20px}

	/*메인*/
	.mus_tp_wp {display: none;}
	.main_tit_wp {display: block;opacity: 1;height: auto;padding-bottom: 200px;}
	.geotourism_wp {position: relative;display: block;opacity: 1;z-index: 10;}
	.web_exh_wp {position: relative;display: block;opacity: 1;z-index: 10;}
}

@media (max-width: 680px){
	.main_tit_wp .mian_tit_box {width: 100%;}
	.geotourism_wp {padding-top: 120px;height: auto;padding-bottom: 120px;}
	.web_exh_wp {padding-top: 120px;padding-bottom: 120px;height: auto;}

	/*메인*/
	.f_top {flex-wrap:wrap;}
	#footer .f_copy {width:100%;padding-bottom:10px;}
}
@media (max-width: 610px){
	#section01 .main_visual,#section01 .main_visual .item{height:500px}
	#section02 .geo_viewspot .item{padding-right:10px}
	.main_quick p .ico{position:relative;top:15%;right:inherit;display:block;margin:0px auto}
	.main_quick p,.main_quick a.totop{text-align:center;padding:16px 8px}
	.main_quick a.totop:after{position:inherit;display:block;top:inherit;right:inherit;margin:4px auto}
}

@media (max-width: 480px){
	/*#section02, #section03, #section04{padding:10px 0}	*/
	.tit_box .text_s{margin:16px 0 40px}
	.main_sec .tit_box .text_big img{display:block;margin:0 auto -10px;transform:scale(.8)}
	.main_sec .tit_box {text-align:center}
	#section01 .main_visual,#section01 .main_visual .item{height:360px}
	/*#section02{background-position:200px top}*/
	#section02 h3{text-align:center}
	#section02 .trail_wrap{height:226px}
	#section02 .trail_tabs{top:-8px}
	#section02 .trail_cont{top:40px;}
	#section02 .trail_tabs > li{width:32%;text-align:center}
	#section02 .trail_cont ul{height:120px}
	#section02 .trail_cont li{margin-bottom:0}
	#section02 .trail_cont .slick-nav a{top:70px}
	#section02 .trail_cont .item .more{margin:9px auto}
	#section02 .trail_cont li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#section02 .geo_viewspot .item a .text_box{padding:10px}
	/*#section02 .cont_r .bustour li a .t_box{padding:20px;min-height:126px}*/
	#section02 .cont_r .bustour li a .t_box{padding:10px;}
	#section02 .cont_r .group_tour{padding-left:0}
	#section02 .cont_r .group_tour .t_box{padding:20px;padding-right:100px}
	#section02 .cont_r .group_tour .t_box .more{padding-top:40px}
	#section02 .cont_l .group_tour {position:relative;margin-top:10px;padding-left: 0px;background:#15364c;box-shadow:4px 4px 12px 0 rgba(0,0,0,0.3);}
	#section03 .geo_pg_wrap .slick-controls{top:-68px;right:0;left:inherit}
	#section03 .geo_pgslide .item .text_box .text, #section03 .geo_pgslide .item .text_box .dgreen{width:auto}
	#section03 .geo_pg_wrap .more{position:relative;top:inherit;display:block;margin-top:10px}
	#section03 .left_box_wrap{padding:50px 25px}
	#section03 .geo_pgslide{margin:0 -5px}
	#section03 .geo_pgslide .slick-slide{margin:0 5px}
	#section03 .geo_pgslide .item .text_box{padding:18px}
	#section03 .geo_pgslide .item .text_box .title_big{height:34px}
	#section03 .geo_pgslide .item .text_box .text{margin: 0px 0 6px}
	#section03 .left_box_wrap .btn_box li a:before{display:block;position:inherit;top:inherit;left:inherit;margin:5px auto}
	#section03 .left_box_wrap .btn_box li a{display:block;padding:5px;text-align:center;height:100px}
	#section03 .sitcker_edu{left:0px;padding-left:64px}
	#section03 .sitcker_edu .ico.deco{transform:scale(.7);left:-5%}
	#section03 .right_box_wrap .event_news .item{height:220px}
	#section04 .cont_l .geo_box{width:100%}
	#section04 .cont_l .geo_box .text_box{height:auto;padding:30px 20px}
	#section04 .cont_l .geo_box.geo_vil .text_box{background-position:180% 79px}	
	#section04 .cont_r .btn_list{padding:10px 0}
	#section04 .cont_r .btn_list li{position:relative;float:left;width:25%;border-bottom:0 !important}
	#section04 .cont_r .btn_list li:before{content:'';position:absolute;right:0;top:0;height:100%;width:1px;background:#ddd;display:block}	
	#section04 .banner_box{margin-top:20px}
	.tit_box .text_big_col{font-size:2.2em}
	.tit_box .text_big{font-size:1.2em}
	.f20{font-size: 1.3em !important;}

	/* 0407추가 */
	#header #mMenu {top:20px;right:0}
	#header #mMenu span {position:absolute;top:20px;right:15px}
	#header #mMenu span:nth-child(2) {top:29px}
	#header #mMenu span:last-child {top:38px}
	#header .t_unit a{font-size:12px}
	#header .logo_area h1 img{width:170px}

	.aech_list .dp_flex li {width: calc((100% - 32px) / 3);	}
	.geo_viewspot .item .text_box {padding: 25px 10px 16px;}
	#section02 .arch_wrap {padding: 0 16px 50px;}
	#section03 .dp_flex .box_l {padding: 50px 16px;}
	#section03 .dp_flex .box_r {padding: 50px 16px;}
	#section03 .group_tour .t_box {padding: 30px 80px 30px 0px;}

	/*메인*/
	.main_tit_wp .darc_wp {width: 100%;padding: 20px 50px 0;}
	.webe_con_a {flex-wrap: wrap;}
	.webe_con_a .bottom_a {display: flex;}
	.webe_con_a .bottom_a .empty {display: block;}
}

@media (max-width: 425px){
	.webe_con_a > div {flex-wrap: wrap;}
	.webe_con_a .h_box.hbox1 {width: 150px;height: 150px;}
	.webe_con_a .h_box.hbox1 a {background-size: 100%;}
	.webe_con_a .bottom_a .empty {display: none;}
	.webe_con_a .h_box a img {filter: brightness(1);}
	.webe_con_a .h_box.hbox1 a {filter: brightness(1);}

	/*메인*/
	#footer .f_copy {flex-wrap:wrap;}
	#footer .inner .f_top .copy {padding-left:0;width:100%;text-align:left;}
	
}

@media (max-width: 360px){	 
	 #section02 .trail_cont li .text_box{position:absolute;bottom:0;left:0;width:100%;padding:10px;font-weight:500;color:#fff;height: 55px;background:rgba(0,0,0,.7);}
}


@media (max-width: 384px){

}

@media (max-width: 320px){
	#section01 .main_visual .inner .more{padding:14px 40px}
	#section01 .sec01_b_box li a:before{transform: scale(.36);right: -42%;top: 19% !important;}
	#section02 .cont_l, #section02 .cont_r,#section03 .left_box_wrap{padding:40px 10px}

	/* 0407추가 */
	/* header */
	#header .logo_area h1 img{width:152px;}
	#header .t_unit a{font-size:0.9em}


	/* 웹전시 */
	#section02 .trail_cont li .img_box img {object-fit:cover;}
	#section02 .trail_cont li .text_box {padding:7px;}

	/* 지질관광코스 */
	.geo_viewspot .item .img_ov img {object-fit:cover;}

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

}