@charset "utf-8";

#bo_cate_ul{display:block}
#bo_cate_mobile, .bo_info{display:none}
#tnb{display:block}
#gnb h2, #gnb_all{display:none;} /*전체메뉴*/
#res_hd_inside{display:none}


/* 반응형  1920px 사이즈 이하*/
@media all and (max-width:1920px){

	.main-visual .main-banner {max-width:2000px;width:100% }
	.main-visual .main-banner img{}
	.bn-bimg {background-position: center;}

}


/* 반응형  1300px 사이즈 이하*/
@media all and (max-width:1300px){

}


@media all and (min-width:1200px){
	.lg-hidden{display:none}
	.group_head_wr{display:none}
}

/* 반응형  1200px 사이즈 이하*/
@media all and (max-width:1199px){


	#bo_cate{display:none}
	#bo_cate_mobile{display:block;margin: 0 0 40px;}
	#bo_cate_link{width:100%}


	#container{padding-left:15px;padding-right:15px;width:100%;max-width:1200px}

	.group_head_wr,
	.submenuwrap,
	#hd_wrap, #wrapper,
	#ft,
	#ft_wr,
	#hd_wrapper,
	#container_wr,
	#container,
	#res_hd_inside {min-width:auto !important; width:100% !important;} /* 전체 레이아웃 사이즈 */
	#ft #ft_link{padding:0 15px !important;}
	#ft #ft_catch{padding:0 15px !important;}

	#res_hd_inside, .group_head_wr {display:block;}

	#aside, #hd_inside{display:none}





	/* 상단 레이아웃 */
	#hd {position:relative;background:#fff; border-bottom:1px solid #1D532D;}
	#hd:after {display:block;visibility:hidden;clear:both;content:""}
	#hd_h1 {position:absolute;font-size:0;text-indent:-9999px;line-height:0;overflow:hidden}

	#logo {padding:20px 100px; text-align:center}
	#logo img {max-height:60px}
	.logo {background-size:100% !important; width:100px !important; height:70px !important; background-image:url('/data/logo/bottomlogo.png') !important;}

	#tnb{display:none}

	#gnb_open {position:absolute;top:calc(50% - 31px);left:10px;padding:0px;height:62px;width:40px;border:0;color:#1D532D;background:none; font-size: 30px;}
	#gnb {display:none; background:#fff;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:300px;border-right: 1px solid #000;box-shadow: 18px 8px 100px #868686; height:100% !important}
	/* 상단 레이아웃 끝 */

	#gnb a {display:block;}
	.gnb_1dli{position:relative;line-height:50px;}
	.gnb_1dli .bg { position:absolute;top:0;right:0;border:0;width:50px;height:50px;overflow:hidden;background:url("../img/mobile/gnb_bg.png") no-repeat 50% 50%;text-indent:-9999px }
	.gnb_1dli .bg.btn_gnb_cl{background:url("../img/mobile/gnb_bg2.png") no-repeat 50% 50%}

	.gnb_1da, .gnb_1da, .gnb_1da_on {padding:0px 20px;border-bottom:1px solid #cacaca;font-size:16px; color:#333 !important;}
	.gnb_2dul {display:none;}
	.gnb_2dli{background:#fafafa}
	.gnb_2da {border-bottom:1px dotted #cacaca;background:url("../img/btn_next.gif") no-repeat 21px 22px;padding-left:30px;color:#444;font-size:14px;}
	#gnb_close {display:block;margin:0;height:50px;width:100%;border:0;background:url("../img/mobile/btn_close.png") no-repeat right 50% #222222;
	background-size:25px;text-indent:-999999999px;overflow:hidden}

	#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:1.5}
	#gnb_empty a {display:inline;text-decoration:underline}

	#hd_sch {text-align:center;padding:20px}
	#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999px;line-height:0;overflow:hidden}
	#hd_sch form {position:relative;padding-right:40px;}
	#hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff}
	#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;border:0;border-radius:0 3px 3px 0;cursor:pointer;color:#fff;background:#464646;font-size:13px;}

	#user_btn {position:absolute;top:calc(50% - 31px);right:10px;padding:0 10px;height:62px;width:30px;border:0;color:#6d9313;font-size:24px;background:none;}
	#user_menu{display:none;position:fixed;top:0;right:0;height:100%;overflow-y:auto;width:320px;z-index:9999;background:#fff;text-align:center;
	-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4));
	-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4));
	box-shadow: 0 0 5px  rgba(55,55,5,0.4);}
	#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url("../img/mobile/btn_close.png") no-repeat right 50% #222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}
	#snb_cnt span{display:inline-block;padding: 0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff}

	#hd_nb{margin:20px;}
	#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
	#hd_nb li{width:50%;float:left;text-align:center;font-size:13px;font-weight:bold}
	#hd_nb li a{display:block;color:#717171;padding:20px 0}
	#hd_nb li i{font-size:20px;}
	#hd_nb .hd_nb1{border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7}
	#hd_nb .hd_nb2{border-bottom:1px solid #e2e5e7}
	#hd_nb .hd_nb3{border-right:1px solid #e2e5e7}
}


/* 반응형  1160px 사이즈 이하*/
@media all and (max-width:1160px){
	 #bo_list .td_email, #bo_list .td_tel{display:none}
}



/* 반응형  992px 사이즈 이하*/
@media all and (max-width:992px){

	#wrapper #group_head{text-align:center;font-size:30px;line-height:120px;font-weight:bold;height:120px;color:#4d3455;width:100%}

	#bo_v_title .bo_v_tit{font-size: 1.2rem !important;}
	.sub-menu_tit {width:100%; overflow-y:hidden; overflow-x:auto; }
	.sub-menu_list {display: inline; white-space: nowrap; text-align:left}

	.view_bo_con .h1{font-size:18px !important;}

	#bo_list {font-size:0.98em}
	#bo_list .bo_info{display:block;margin-top:5px;color:#888}
	#bo_list .td_num, #bo_list .td_name, #bo_list .td_datetime, #bo_list .td_hit,  #bo_list .td_email, #bo_list .td_tel, #bo_list .td_sdate, #bo_list .td_state{display:none}
	#bo_list thead{display:none}
	#bo_list .bo_tit{white-space: normal;}

}

/* 메인배너 */
@media all and (min-width:840px){
	.main-visual .bn-bimg {display:block}
	.main-visual .bn-simg {display:none}
	.main-visual2{padding-bottom:37%}

}

@media all and (max-width:840px){

	.main-top{margin-top:0px !important;}
	/*.main-top .main-visual2 {height:430px !important}*/
	.main-visual .bn-bimg {display:none}
	.main-visual .bn-simg {display:block}
	.main-top  .main-visual .bns-txt {padding:190px 0px 190px; text-align:center !important}
	.main-visual .bns-title, .main-visual  .bns-con {width:auto; text-shadow:0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white, 0 0 10px white}
	.main-visual .bns-title {font-size:17pt; margin-bottom:10px; font-weight:bold}
	.main-visual .bns-con {font-size:14pt; font-weight:normal;}

	.view-pc{display:none}
	.view-mobile{display:block !important;}

	.main-top{margin-top:0px}
	.main-visual2 .main-banner{min-width:370px}
	.main-visual2{padding-bottom:59%}



/* 반응형  768사이즈 이하 */
@media screen and (max-width:768px){ /* 태블릿용 미디어쿼리 */


	#group_head {background-position:bottom right 41% !important; background-size:390% !important}
	#container{font-size: 0.95rem;}
	#container .h2{font-size:1.4em}


	#bo_w .con-tbl, #bo_w .con-tbl tbody, #bo_w .con-tbl tbody tr {display:block}
	#bo_w .con-tbl tbody th, #bo_w .con-tbl tbody td{display: flex;width: 100%;align-items: center;text-align:left;}
	#bo_w .con-tbl tbody th, #bo_w .con-tbl tbody td input[type='text'] {width:100%}
	#bo_w .con-tbl tbody th{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:0px;border-right:0px;width:100%;}
	#bo_w .con-tbl tbody td{border:0px;padding:5px 0px;width:100%}


	#ft_link_bd ul {width:100%}
	#ft_link_bd ul li {float:left; border-left:0;display:inline-block;}
	#bo_w select{width:100%}


}



@media screen and (max-width: 640px) {
	#container{font-size: 0.9rem;transition: all .5s ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;}
	.submenulocation .submenu .locationhome{display:none}
	.locationdepth1, .locationdepth2{width:50%;padding:0 0 0 20px !important;max-width:auto}
	.locationdepth2 > a{display:inline-block !important;;width:100%;max-width:100% !important;}
	#con_wrap .location{display:none}

}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {

	.con-img{max-width:100%;}
	#ft_link_bd ul li {font-size:13px}

	.svt_box > div{float:none;width:100%;display:inline-block;margin-bottom:10px}
	.svt_box > div .btn{width:100%;text-align:center;}
	.sv-arbox{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);margin:0px; margin-bottom:0px}




}

/*탐사 갤러리 view 스타일*/
@media all and (max-width:480px){
	#bo_v_atc .flex{display:flow-root !important;}
	.img-container{width:100% !important;margin-bottom:20px}
	.content-container{width:100% !important;margin-bottom:20px}
}




/* 반응형 작은기기 370사이즈 이하 */
@media screen and (max-width: 370px) {

}