@charset "utf-8";

:root {
	/* 색상 팔레트 */
	--color-primary-dark: #005A9C;     /* 메인 다크 블루 (신뢰) */
	--color-primary-light: #00A9E0;    /* 메인 라이트 블루 (희망) */
	--color-accent: #FDB813;          /* 강조 노란색 (따뜻함, 활력) */
	--color-text-dark: #333333;       /* 어두운 텍스트 */
	--color-text-medium: #666666;     /* 중간 텍스트 */
	--color-text-light: #888888;      /* 밝은 텍스트 */
	--color-bg-light: #F9F9F9;        /* 밝은 배경색 */
	--color-bg-body: #f4f7f6;         /* 바디 배경색 */
	--color-border-light: #EAEAEA;    /* 연한 테두리 */

	/* 그림자 효과 */
	--shadow-sm: rgba(0, 0, 0, 0.05); /* 작은 그림자 */
	--shadow-md: rgba(0, 0, 0, 0.08); /* 중간 그림자 */
	--shadow-lg: rgba(0, 0, 0, 0.12); /* 큰 그림자 */

	/* 폰트 설정 */
	--font-family-base: 'Noto Sans KR', sans-serif;
	--font-size-base: 1rem; /* 16px */
	--line-height-base: 1.7;

	/* 간격 */
	--spacing-xs: 5px;
	--spacing-sm: 10px;
	--spacing-md: 20px;
	--spacing-lg: 30px;
	--spacing-xl: 40px;
}

#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%;}
#tnb ul{max-width:var(--site_width); 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; }
#bo_cate_link{border:4px solid var(--theme-color) !important; height:50px; line-height:50px; font-weight:bold}


.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;
}


.B05 .con-tbl{min-width:800px;}

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



/* 반응형  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 (max-width:1599px){
	#tnb, #container_wr, #hd_inside .logo, #gnb, #ft_link, #ft_wr{padding:0 20px}
	.main_cbt .section_body, .main-gallery .main-center {padding: 0 0px}
}


@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{width:100%;}
	#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 0px !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;  max-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:3rem;  line-height:120px;  font-weight:bold;  height:120px;  color:#4d3455;  width:100%}

	#bo_v_title .bo_v_tit{font-size: 1.2rem}
	.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:1.3rem !important; }

	#bo_list {font-size:0.98rem}
	#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}

	#ft{padding: 0px 0; }
	#ft_wr{flex-direction: column; }

}

/* 메인배너 */
@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.95rem; }
	#container .h2{font-size:clamp(1.1rem, 2vw, 1.4rem)}

	#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}


	.tbl-wrap{width:100%; overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar}
	.con-tbl {border-spacing: 0px; border-collapse: collapse; width:calc( 100% - 1px );max-width:800px; margin-bottom:10px}
	.tbl-wrap::-webkit-scrollbar {width: 8px;height:8px}
	.tbl-wrap::-webkit-scrollbar-track {box-shadow: 2;border-radius: 0;}
	.tbl-wrap::-webkit-scrollbar-thumb {background: #3a8afd;background-color:var(--theme-color);border-radius: 15px;}
	.date {text-align:center;}
	.con-tbl th{line-height:130%}

}



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

	html {font-size:14px}
	.md-flex{flex-direction: column; }
	.pc_view{display:none}
	.bo_info, .bo_mobile, .mobile_view{display:block;}
	.mo-flex-row{flex-direction: column !important;}


	.submenulocation .submenu .locationhome{display:none}
	.locationdepth1, .locationdepth2{width:50%; padding:0 0 0 20px !important; max-width:auto}
	.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.0rem}
	#fregister .fregister_agree{position:relative}

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

/*	인사말*/
	.B01 .section01{flex-direction: column;}
	.B01 .section01 .con-right-box{width:100%; padding-left:0px; border-left:0px;max-width:100%}

}


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

	.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}
}


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

}