@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:inline-block;background:var(--theme-color);width:100%;  padding-left:20px; padding-right:20px}
#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}


#ft_add{ display: flex; flex-wrap: wrap; gap:5px 10px; }
.ft_addr{display:inline-block;width:100%}

.B02 .ontext-body{gap:20px; align-items: flex-start;}
.B02  .ontext-left-box{width:70%}
.B02 .ontext-right-box{width:30%}


/*Responsive 370, 480, 768, 992, 1160*/
@media all and (min-width:2000px){
	.main-visual{padding-bottom:33.25%}
}


.aw-box3{gap:20px}
.aw-box3 .aw-abox{width:calc(33.3333% - 15px);border:2px solid #000;border-radius:10px; 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;}
.aw-title{text-align:center;font-size:20px; font-weight:bold; padding:20px 0; border-bottom:2px dashed #ddd; background:#fafafa;border-radius:10px 10px 0 0 }

.aw-box3 .aw-abox:hover {
    border: 2px solid var(--theme-color3);
    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;
}


/* 반응형  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;}

}


@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;padding-bottom:73%;height:auto}
	.view_pc{display:none}
	.view_pc{padding-bottom:0px;margin:0px auto 0;}
	.bx-wrapper .bx-pager{bottom:10px !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:1200px){
	.lg-hidden{display:none}
	.group_head_wr{display:none}

}



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

	.main_bottom{display:none}
	#container{padding-left:20px;padding-right:20px;width:100%;max-width:1400px}
	#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 20px !important;}

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


	/* 상단 레이아웃 */
	#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 20vw;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;width:420px;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;}

	#ft_wr{flex-direction: column;}
	#ft_catch{width:100%}
	.ft_banner-box2{margin-bottom:15px}

	.aw-box3 {flex-direction: column;}

	.aw-box3 .aw-abox{width:100%}


}


/* 반응형  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%;}
	#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_catch{flex-direction: column;width:100%}
	#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}

	.B10 .sb-cnt-box{flex-direction: column; 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;}
	.B10 .sb-cnt-box .sb-cnt-box-body{width:100%; 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;}

}



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

	html {font-size:13px}
	.md-flex{flex-direction: column;}

	.submenulocation .submenu .locationhome{display:none}
	.locationdepth1, .locationdepth2{width:50%;padding:0 0 0 20px !important;}
	.locationdepth2 > a{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}

	#ft_link_bd{    flex-direction: column; gap:10px}
	.ft_link_gokr{justify-content: flex-start;}

}


/* 반응형 작은기기 480사이즈 이하 */
@media screen and (max-width: 480px) {
	.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}

	.B02 .ontext-body{gap:20px; align-items: center; flex-direction: column-reverse;}
	.B02  .ontext-left-box{width:100%}
	.B02 .ontext-right-box{width:100%}
}


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

}