@charset "utf-8";

#bo_cate_ul{display:block}
#bo_cate_mobile, .bo_info{display:none}
/*#tnb{display:inline-block;position:absolute;right:0;top:30px;z-index: 1;}*/
#tnb{display:flex; align-items: center; justify-content: space-between; background:var(--theme-color);width:100%; position: relative; z-index:9999999999999}
#tnb ul{text-align:right;}
#gnb h2, #gnb2 h2,  #gnb_all, #gnb_all2{display:none;} /*전체메뉴*/
#ol_after_hd a{color:#fff}

#bo_gall #gall_ul{ display: flex;     flex-wrap: wrap;}
.empty_list{display: flex;width: 100%;justify-content: center;}

.serv_btn{display: flex;justify-content: center;}

#bo_gall .gall_text{overflow: hidden;height:73px !important}
#find_info .win_btn{text-align:center ;margin-top:20px}
#find_info .new_win_con{margin:0px !important}

.group_head_wr{display:none}
#bo_cate_link{border:4px solid var(--theme-color) !important; height:50px; line-height:50px; font-weight:bold}

/*Responsive 370, 480, 768, 992, 1160*/
/* 메인 슬라이드 높이는 index.php 인라인 스타일(배너 이미지 비율)로 지정 - 2000px 고정 분기 제거 */



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

	.main-visual .main-banner {max-width:100%; left:0;}
	.bn-bimg {background-position: center;}

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

}


/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:1599px){
	#tnb, #container_wr, #hd_inside .logo, #gnb, #ft_link, #ft_wr{padding:0 20px}
}


@media all and (min-width:840px){
	.main-visual .bn-bimg {display:block}
	.main-visual .bn-simg {display:none}
	.view_mobile{display:none}
	.view_pc{display:revert;}
}

@media all and (max-width:840px){
	.view_mobile{display:block !important;height:auto}
	.view_pc{display:none}
	.view_pc{padding-bottom:0px;margin:0px auto 0;}
	.bx-wrapper .bx-pager{bottom:20px !important;}
	/*.main-top .main-visual {height:400px !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;}

}

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




}


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

}


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

}



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

	.main_bottom{display:none}
	#container{padding-left:15px;padding-right:15px;width:100%;max-width:var(--site_width)}
	#group_head{display:none}

	.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-left:20px;padding-right:20px}
	/*#ft #ft_catch{padding:0 15px !important;}*/

	#hd_inside, #aside{display:none}
	#bo_cate{display:none}
	#bo_cate_mobile, .group_head_wr{display:block; margin-bottom:20px}


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

	#hd_wrapper .logo {padding:15px 20px;margin: 0 auto;text-align: center;}
	#hd_wrapper .logo img {max-width:100%;max-height:40px;}
	#ft_logo .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);right:10px;padding:0px;height:62px;width:40px;border:0;color:var(--text-theme);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:100%;border-right: 1px solid #000;box-shadow: 18px 8px 100px #868686; height:100% !important}
	.group_head_wr{display:block}
	/* 상단 레이아웃 끝 */

	#gnb a {display:block;}
	#gnb2 a {display:block;}

	#gnb2 {display:none; background:#fff;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:100%;border-right: 1px solid #000;box-shadow: 18px 8px 100px #868686; height:100% !important}
	#gnb2 .gnb_1dli{position:relative;line-height:50px;}
	#gnb2 .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 }
	#gnb2 .gnb_1dli .bg.btn_gnb_cl{background:url("../img/mobile/gnb_bg2.png") no-repeat 50% 50%}

	#gnb2 .gnb_1da, .gnb_1da, .gnb_1da_on {padding:0px 20px;border-bottom:1px solid #cacaca;font-size:16px; color:#333 !important;}
	#gnb2 .gnb_2dul {display:none;}
	#gnb2 .gnb_2dli{background:#fafafa}
	#gnb2 .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);left:10px;padding:0 10px;height:62px;width:30px;border:0;color:var(--text-theme);font-size:24px;background:none;}
	#user_menu{display:none;position:fixed;top:0;left:0;height:100%;overflow-y:auto; 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.2em}
	.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 !important}

}

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

@media all and (max-width:840px){
	/*.main-top .main-visual {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;}


}


/* 반응형  768사이즈 이하 */
@media screen and (max-width:768px){ /* 태블릿용 미디어쿼리 */
	#group_head {background-position:bottom right 41% !important; background-size:390% !important}

	.main-banner img {width: 100%; object-fit: cover}

	#container{font-size: 0.95em;}
	#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%;         flex-direction: column; align-items: flex-start;}
	#bo_w .con-tbl tbody th, #bo_w .con-tbl tbody td input[type='text'] {width:100%}
	#bo_w .con-tbl tbody th{border:0px !important;width:100%;background:#fff !important;padding:10px 0 0}
	#bo_w .con-tbl tbody td{border:0px !important;padding:5px 0px;width:100%}


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

	#ft_catch{flex-direction: column;}
	#ft_logo{margin-bottom:20px}
	#ft_copy{margin-bottom:20px}

	#bo_cate{display:none}
	#bo_cate_mobile{display:block}
	#bo_cate2{display:none}
	#bo_cate2_mobile{display:block}


	.location_content .lc-box {flex-direction: column; margin-bottom:30px; border-bottom:1px dashed #ddd;padding-bottom:30px}
	.location_content .lc-box > .box{width:100% !important;; text-align:center;}
	.location_content .lc-box .fa{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
	.btn-download{font-size:1rem !important;padding:10px !important;}


}



@media screen and (max-width: 640px) {

	.md-flex{flex-direction: column;}

	.submenulocation .submenu .locationhome{display:none}
	.locationdepth1, .locationdepth2{width:50%;padding:0 0 0 15px !important; }
	.locationdepth2 > a{display:inline-block !important;;width:100%;max-width:100% !important;}
	#con_wrap .location{display:none}

	#gall_ul .gall_li .gall_info{height: auto !important;}
	#gall_ul .gall_li .gall_info .gall_date{float:none; margin-top:10px;width:100% !important;}

	#bo_v_title .bo_v_tit{font-size:1.0em}
	#fregister .fregister_agree{position:relative}



}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	html{ font-size:15px}
	.con-img{max-width:100%;}
	#ft_link_bd ul li {font-size:13px}

	.serv_btn .svt_box{flex-direction: column;width:100%}
	.svt_box > div{float:none;width:100%;display:inline-block;margin-bottom:0px}
	.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}

	#bo_v .con-tbl tbody th{width:100px !important}


	#ft_catch span{display:block;}
	#progress_bar_wrap{display:none}

	.btn-wr {display:flex;flex-direction: column;gap:10px}
	.btn-download{font-size:1rem !important;padding:10px !important;}
	.B04 .ul1 a.btn-sm{    font-weight: 300; font-size: 11px;}

	.aw-box4{flex-direction: column;     align-items: center; gap:10px}
	.aw-box4 .arbox img{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
}


/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:684px){
	#bo_gall .gall_li{width:50%}
	#bo_gall .gall_row .gall_li:nth-child(2n+1){clear:both}
}


/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:420px){
		#bo_gall .gall_li{width:100% !important}
}



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

}