@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css'); /* 노토산스(네비게이션 메뉴 폰트) */

@font-face {
  font-family: 'NanumSquareNeo';
  font-style: normal;
  font-weight: 100;
  src: url('https://fonts.gstatic.com/s/notosanskr/v25/Pby6FmXiEBPT4ITbgNA5CgmOelzI.woff2') format('woff2');
  unicode-range: U+AC00-D7A3, U+1100-11FF, U+3130-318F, U+A960-A97F, U+D7B0-D7FF; /* 한글 */
  font-display: swap;
}

@font-face {
  font-family: 'NanumSquareNeo';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/notosanskr/v25/Pby6FmXiEBPT4ITbgNA5CgmOelzI.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'NanumSquareNeo';
  font-style: normal;
  font-weight: 700;
  src: url('https://fonts.gstatic.com/s/notosanskr/v25/Pby6FmXiEBPT4ITbgNA5CgmOelzI.woff2') format('woff2');
  font-display: swap;
}
.nmsw_no1_org:hover {background-color: #eeeeee;}
.nmsw_no2_org:hover {background-color: #786649;} 
.nmsw_no3_org:hover {background-color: #e3dfd1;}
.nmsw_no4_org:hover {background-color: #cdcfe5;}
/* 기본스타일 리셋 */
h1, h2, h3, h4, h5, h6, p{margin-bottom: 0 !important;}
* {font-family: 'NanumSquareNeo' !important;}

/* 공통 */
/* #tnb_index ul li.top-count{opacity:0!important; border:none!important;} 방문자수 안보이게, 방문자수 왼쪽에 흰 선 안보이게 */
/* #tnb_index ul li>a.visit{display:none!important;} */
#tnb_index ul li>a:hover{font-size:14px;}
.m_logo{display:none;}

.custom-dropbtn>a{font-family:'Noto Sans KR'!important; font-weight:400;} /*네비게이션 메뉴 폰트*/

.footer h2{margin:0 0 20px 0;}
.list-group-item:first-child {border-top-left-radius: 0px; border-top-right-radius: 0px;}
.list-group-first{padding: 50px 0px 50px 20px; background: #4c4f6f; font-size: 20px; color:#fff; font-weight: bold; border-top: 3px solid #313450; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.carousel-item a{color:#fff;}
.carousel-fade .carousel-item {transition-duration: 5s; height: 100%;}
.carousel-inner {height: 570px;}
.inner{max-width: 1400px; width: 95%; margin: 0 auto;}
.section{margin-top: 25px;}
h3{font-size: 24px; font-weight: 500; word-break: keep-all;margin-bottom: 15px !important;}
h4{font-size: 22px !important; font-weight: 700;}
.section1 h3, .section1 p, .section3 h3, .section6 h3, .section6 p, h4{color:#333;}
.fa, .far, .fas {font-family: "Font Awesome 5 Free" !important; color: #8c7853;}

/*메인화면 버튼 생성 시 공통 사항*/
.go-btn{width: fit-content;padding: 12px 25px;border: 1px solid #fff; transition: 0.4s;}
.go-btn:hover{background-color: #fff;}
.go-btn:hover p{color: #222;}
a.btn_b01, .btn_b01{color:#fff !important;}

/* 로그인 페이지 */
#mb_login legend{display: none !important;}
/* .mb_log_cate h2{font-size: 1.6em !important;} */

/* content css */
.about-bg{display: none;}
.sub_inner{display: flex; margin-bottom: 50px;}
.ctt_admin{max-width: 1400px; margin: 0 auto; width: 90%; }
.sub_inner .col-md-3{max-width:fit-content !important; padding: 0 !important;}
.sub_inner .col-md-9{border-right: 1px solid #ddd; flex: auto !important; max-width: 100% !important; width: 100% !important;}
.sub_inner .col-md-9 .sub-title{border-bottom: 2px solid #392e26; margin-top: 23px;}
.sub_inner .sub-title h1{text-align: center; font-size: 30px !important; font-weight: 600;}
.sub_inner .sub-title p{text-align: right; margin-bottom: 20px !important;}

/* view.skin write.skin css */
.board-container{display: flex; margin-bottom: 50px;}
.inner .row{width: 100% !important; margin: 0 !important;}
.inner .col-md-10{padding: 0 15px !important; border-right: 1px solid #ddd; flex: none !important; max-width: calc(100% - 235px) !important;}
.inner .col-md-10 .sub-title{margin: 23px 20px;     border-bottom: 2px solid #392e26 !important;}
.inner .col-md-10 #bo_w .sub-title{margin: 23px 0 !important;}
.inner .sub-title h1{text-align: center; font-size: 30px !important; font-weight: 600; margin-bottom: 0 !important;}
.inner .sub-title p{text-align: right; margin-bottom: 14px !important;}
#bo_v_title .bo_v_tit{font-size: 24px !important; margin: 20px 0 0 !important;}
#bo_v{width: auto !important; margin: 0 20px;} /* 게시판 */
#bo_w{width: auto !important; margin: 0 20px;} /* 갤러리 */

/* 회원가입, 아이디 비밀번호 찾기 페이지 css */
#login_fs legend{display: none !important;} /* 아이디 입력 안 되는거 해제 */
.mb_log_cate h2{font-size: 16px ;}
.register{margin-top: 135px !important; margin-bottom: 20px; max-width: 1400px; width: 90%;}
.register .btn_confirm .btn_close{display: flex; justify-content: center; align-items: center;}
.new_win {margin-top: 150px; margin-bottom: 50px;}
.new_win .new_win_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
}
.half_input{width: 100% !important;}
.register .btn_confirm .btn_close{border: 1px solid #ddd;}


/* 헤더 */
.navbar .inner{display: flex; align-items: center; justify-content: flex-start; gap:50px;}
.top-line{position: fixed; z-index: 999;}
.top-line .col-md-12{padding-left: 0 !important; padding-right: 0 !important;}

/* 푸터 */
footer{background: #424242 !important;}
footer .en1{width: 280px; margin-right: 60px;}
footer .en1 img{width: 100%; margin-top:-13px;} /*푸터 로고랑 내용 윗줄맞춤*/
footer .foot-box{display: flex; justify-content: left;}
footer .foot-info p{margin-bottom: 0; margin-top: 9px; color: #fff !important;}
.ft-row{display: flex; gap: 30px; line-height: 15px;}
footer .qr{    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
}
footer .qr img{width: 100%; height: 100%;}

/* 메인 슬라이드 */
.carousel{margin-top: 114px;}
.carousel-indicators li{background-color: none; width: 10px;height: 10px;border: 1px solid #fff;}


/* section1 */

/* 3컬럼 레이아웃 */
.section1 .inner {
  display: flex;
  gap: 20px;
  align-items: stretch;
}
.item{}
/* 왼쪽 큰 박스 */
.section1 .inner .cont1 {
  flex: 1;
  display: flex;
}
.section1 .inner .cont1 > a {
  flex: 1;
  display: flex;
}
.section1 .inner .cont1 .item {
  flex: 1;
  height: 100%;
}

/* 가운데 2×2 그리드 */
.section1 .inner .cont2 {
  flex: 1.2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.section1 .inner .cont2 .item {
  min-height: 200px;
}

/* 오른쪽 큰 박스 */
.section1 .inner .cont3 {
  flex: 1;
  display: flex;
}
.section1 .inner .cont3 > a {
  flex: 1;
  display: flex;
}
.section1 .inner .cont3 .item {
  flex: 1;
  height: 100%;
}

.section1 > .inner .item{  background-color: #f9f7f2; border: 1px solid #b3967b; } 
.section1 > .inner .item1,
.section1 > .inner .item2 {
  position: relative;
  width: 23%;
  height: 500px;
  background-color: #f9f7f2;
  border: 1px solid #b3967b;
}

.section1 .inner .item1,
.section1 .inner .item2,
.section1 .inner .item3,
.section1 .inner .item4,
.section1 .inner .item5,
.section1 .inner .item6 {
  background: url('/theme/theme_wide_17/img/menu_bg1.png') no-repeat center top;
  background-size: cover;     /* 이미지 비율 유지 */
  background-color: #f9f7f2;    /* 나머지 영역 채우기 */
  border: 1px solid #b3967b;
	position: relative;
  padding-top: 40px; 
}
.section1 .inner .item1,
.section1 .inner .item2{ /*padding-top:80px;*/}

.section1 .inner .item {
  position: relative;
  background-color: #f9f7f2;
  border: 1px solid #b3967b;
  text-align: center;
  padding-top: 40px;
}

/* 공통 마름모 */
.section1 .inner .item::after {
  content: "";
  position: absolute;
  top: 93px; /* 기본 위치 */
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 16px;
  height: 16px;
  background-color: #f9f7f2; /* 원하는 색상 */
}

/* item1, item2 전용: 더 긴 박스라 위치 따로 */
.section1 .inner .item1::after,
.section1 .inner .item2::after {
  top: 93px; /* 필요시 조정 */
}



/* item1 전용 */
.section1 .inner .item1  {
  background: url('/theme/theme_wide_17/img/menu_bg1.png') no-repeat center top;
  background-size: contain;
  background-color: #f9f7f2;
  border: 1px solid #b3967b;
  /*padding-top: 90px;*/   /* 상단 장식과 제목 사이 여백 */
  text-align: center;
}
.section1 .inner .item2  {
  background: url('/theme/theme_wide_17/img/menu_bg1.png') no-repeat center top;
  background-size: contain;
  background-color: #f9f7f2;
  border: 1px solid #b3967b;
  /*padding-top: 90px;*/   /* 상단 장식과 제목 사이 여백 */
  text-align: center;
}

/* 이미지 영역 */
.section1 .inner .item1 .thumb img, .section1 .inner .item2 .thumb img {
  display: block;
  width: 100%;
  height: auto;
	padding:15px;
}
.section1 .inner .item3 .thumb img, .section1 .inner .item4 .thumb img,
.section1 .inner .item5 .thumb img, .section1 .inner .item6 .thumb img  {
  display: block;
  width: 100%;
  height: auto;
	padding:15px;
}

.section1 h3{text-align: center; font-weight: 700; font-size: 22px;     margin: 10px 0 !important;}

/* section2 */
.section2 .inner{width:100%; max-width: 100%;}
.greet-banner {
  position: relative;
  width: 100%;
  height: auto;
}

.greet-banner img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.greet_title{
	  position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

.greet-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
	width: 100%;
  max-width: 1400px;
  height: 80%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8); /* 흰색 반투명 */
  padding: 30px 50px;
  text-align: center;
}

.greet-overlay h2 {
  margin: 0;
  font-size: 35px;
  font-weight: 700;
  color: #2d5c2d; /* 초록색 */
}

.greet-overlay p {
  margin-top: 10px;
  font-size: 20px;
  color: #333;
}


.section2 .inner > .row{display: grid !important; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-left: 0 !important; margin-right: 0 !important;}
.section2 .col-lg-6{background: url() no-repeat 50% 50%; background-size: cover; max-width: 100% !important; height: 300px; padding-left: 0 !important; padding-right: 0 !important; box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);border-top: 2px solid #ddd; border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.section2 .col-lg-6:nth-child(1) {border-top: 5px solid #003f4d;}
.section2 .col-lg-6:nth-child(2) {border-top: 5px solid #206576;}
.section2 .col-lg-6:nth-child(3) {border-top: 5px solid #4d889a;}
.section2 .col-lg-6:nth-child(4) {border-top: 5px solid #8ebbc9;}
.section2 .one_more img{transition: 0.4s; margin-right: 7px;}
.section2 .one_more:hover img{opacity: 0.7;}
.section2 .main_one_title {padding: 15px 0 0 0 !important;} 
.main_one_title {font-size:18px!important;} /*게시판 제목 폰트 키우기*/

.section2 .lat_list_one {margin-bottom: 0 !important; margin-top: 15px; border-top: 3px solid #8c7853 !important;}
.section2 .lat_list_one ul {padding: 0 !important;}
.section2 .lat_list_one li {line-height: 1.5em !important; border-bottom: 1px solid #ddd; display: flex; align-items: center; gap: 10px;}
.lat_list_one li{padding:1px 0!important;display: flex; align-items: center;}
.lat_list_one a{display: -webkit-box; -webkit-line-clamp: 1;   /* 1줄: 1, 2줄: 2 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.section2 .lat_list_one li::before {content: ''; width: 5px; height: 5px; background: #aaa; display: inline-block; border-radius: 50%;}
.section2 .lat_list_one a {font-size: 16px !important; font-weight: 500 !important;}

/* section3 */
.section3 h3{text-align: center; color:#000000; margin-bottom: 1em !important; font-size: 27px; font-weight:600}
.section3 .f14{color:#000; text-align: center; font-size: 18px !important;}
.section3 .owl-dots{display: none;}
.section3 .owl-carousel .owl-item img {border-bottom: 3px solid #003f4d; border-left: 1px solid #99a0a1; border-right:1px solid #99a0a1; border-top:1px solid #99a0a1}
.section3 .col-lg-6{max-width:32%; border:3px solid #8c7853; height: 300px; overflow: hidden;}
.section3>.inner{display: flex; justify-content: space-between;}

/* section4 */
.section4 {background: url('/theme/theme_wide_17/img/sec4_bg_1.png') no-repeat; background-size: cover; text-align: center;}
.section4 .inner{padding: 30px 0; }
.section4 .inner h4, .section4 .owl-dots{display: none;}
.section4 .inner h3 {margin-bottom: 20px; font-weight: 700;}
.section4 .inner .col .item img { transition: transform .5s;}
.section4 .inner .col .item:hover img { transform: scale(1.1);}


.section4 .owl-carousel .item {
  width: auto !important;          /* 25% 고정 해제 */
  flex: 0 0 auto !important;
}
.section4 .owl-carousel .owl-item {
  box-sizing: border-box;
}


/* section5 */
.section5{background-size: cover;}
.section5 img{width: 100%;}
.section5>.inner{display: flex; gap: 25px;} 
.section5>.inner>div{width:24%; height:auto; border: 2px solid #8c7853;}
.section5>.inner>div>a>img{width:100%; object-fit: contain;}
.section5>.inner>div>a>span{display: none; justify-content: center; padding: 10px 0 20px; border-top: 2px solid #8c7853; margin-top: 20px; font-weight: 800;font-size: 20px;}

/* section6 */
.section6{background-color: #f5f3e7; padding-top: 20px;}
.section6>.inner, .section6 .inner .col2, .section6 .inner .row {display: flex; gap: 15px;}
.section6 .inner>div {flex: 1; padding: 0 !important;}
.section6 .inner .col .item {overflow: hidden;}
.section6 .inner .col1 {display: flex; flex-direction: column; gap: 15px;}
.section6 .inner .col1 .row .item {flex: 1;}
.section6 .inner .col .item img {width: 100%; height: 100%;} 

/*hover*/
.section6 .inner .col .item img { transition: transform .5s;}
.section6 .inner .col .item:hover img { transform: scale(1.1);}

/*section7*/
.section7 {margin-bottom: 20px;}
.section7 .inner .owl-carousel .owl-dots {display: none;}



/* 서브페이지 */

/* content css */

.ctt_admin{max-width: 1400px; margin: 0 auto; width: 90%; margin-top: 20px; margin-bottom: 50px;}
.sub_inner{display: flex; margin-bottom: 50px;}
.sub_inner #ctt{margin: 0 !important; font-weight:Medium ;}
.sub_inner .col-md-3{max-width:fit-content !important; padding-left: 0 !important; padding-right: 0 !important; }
.sub_inner .col-md-9{border-right: 1px solid #ddd; flex: auto !important; max-width: 100% !important; width: 100% !important;}
.sub_inner .col-md-9 .sub-title{border-bottom: 2px solid #392e26; margin-top: 18px;}
.sub_inner .sub-title h1{text-align: center; font-size: 30px !important; font-weight: 600;}
.sub_inner .sub-title p{text-align: right; margin-bottom: 20px !important;}

/* view.skin write.skin css */
.board-container{display: flex; margin-bottom: 50px;}
.inner .row{width: 100% !important; margin: 0 !important;}
.inner .col-md-10{padding: 30px 15px !important; border-right: 1px solid #ddd; flex: none !important; max-width: calc(100% - 235px) !important;}
.inner .col-md-10 .sub-title{margin: 19px 20px 40px;     border-bottom: 2px solid #392e26 !important;}
.inner .col-md-10 #bo_w .sub-title{margin: 19px 0px 40px;}
.inner .sub-title h1{text-align: center; font-size: 30px !important; font-weight: 600;}
.inner .sub-title p{text-align: right; margin-bottom: 14px !important; font-weight: 500; font-size: 16px;}
#bo_v_title .bo_v_tit{font-size: 24px !important; margin: 20px 0 0 !important;}
.col-sm-2{padding-left: 0 !important; padding-right: 0 !important; flex: none !important; margin-bottom:20px;}
#bo_v{width: auto !important; margin: 0 20px;} /* 게시판 */
#bo_w{width: auto !important; margin: 0 20px;} /* 갤러리 */

/* mobile */
@media (min-width: 1px) and (max-width: 1089px) {
  .section1 .inner{height: 270px;}
  .section1 h4{font-size: 14px !important;}
  .section1 h3 {font-size: 18px !important;     margin: 10px 0 5px !important;}
  .pb-5{padding: 1rem !important;}
  .py-5{padding: 14.5px !important;} /*푸터랑 상단 메뉴 로고랑 세로 여백 맞춤*/
  .py-5 .inner{width: 100%;}
  footer .foot-info p{ margin-top: 2px;}
  .fa{font-size: 20px !important;}
  .gall_row .col-gn-4 {width:50%}
  #bo_gall .bo_tit{font-size: 18px;}
  .fa-clock-o:before {font-size: 14px;}
  .fa-eye:before {font-size: 14px;}
  .section1 .inner {
    display: flex;
    gap: 20px;
    align-items: stretch;
    flex-direction: column;
}

.section1 .inner .item {
    position: relative;
    background-color: #f9f7f2;
    border: 1px solid #b3967b;
    text-align: center;
    padding: 30px 0px 0px 0px;
}
.section1 .inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    align-items: stretch;
  }

  /* 순서: cont2(작은 4개) -> cont1(인터넷족보열람) -> cont3(협찬하신 분) */
  .section1 .inner .cont1 { order: -2; } /* 자식들을 부모 그리드에 직접 배치 */
  .section1 .inner .cont3 { order: -1; }
  .section1 .inner .cont2 { display: contents; }

  /* 큰 카드 래퍼 a도 블록으로 */
  .section1 .inner .cont1 > a,
  .section1 .inner .cont3 > a { display: block; }

  /* PC 전용 치수 덮어쓰기: 큰 카드도 모바일에선 일반 타일 크기 */
  .section1 > .inner .item1,
  .section1 > .inner .item2 {
    width: auto;
    height: auto;            /* 500px 제거 */
    padding-top: 30px;       /* 작은 카드와 동일한 상단 여백 */
  }

  /* 마름모 위치 통일 */
  .section1 .inner .item1::after,
  .section1 .inner .item2::after {
    top: 108px;
  }

  /* 작은 카드 min-height 제거 */
  .section1 .inner .cont2 .item { min-height: auto; }

  .section1 .inner .thumb {
    position: relative;
    width: 100%;
    /* aspect-ratio: 4 / 3; */
    overflow: hidden;
  }
  .section1 .inner .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0; /* PC에서 준 padding 제거 */
    display: block;
  }

  .section1 .inner .item::after {
  content: "";
  position: absolute;
  top: 73px; /* 기본 위치 */
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 16px;
  height: 16px;
  background-color: #f9f7f2; /* 원하는 색상 */
}

/* item1, item2 전용: 더 긴 박스라 위치 따로 */
.section1 .inner .item1::after,
.section1 .inner .item2::after {
  top: 74px; /* 필요시 조정 */
}

	.fixed-header {position: fixed;top: 0;right: 0;left: 0;z-index: 1030; padding: 0 !important;}
	.fixed-header .inner{width: 100%;}
	.fixed-top {margin-top: 35px;}
	.login{display:block}
	.mpage{display:block;}
	.spage{overflow-x:auto;white-space: nowrap;}
    .section3>.inner {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap:20px;
}

	.section3{width:100%;}
  .section3 .col-lg-6{max-width:100%; height:250px; border:1px solid #8c7853;}

  .section4 .inner   { padding: 30px 0 15px;}

  .section5>.inner {
    display: flex;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content:flex-start; /*뷰포트 457이하 한 줄로 내려오는 현상때문에 추가*/
    }

  .section5>.inner>div {
    flex:0 0 calc(50% - 10px) !important;  /* = flex-basis 고정 */
    max-width:calc(50% - 10px) !important; /* 그리드 붕괴 방지 */
    box-sizing:border-box;
    /* width: 47.7%;
    height: auto; */
    border: 1px solid #8c7853;}
  .section5>.inner>div>a>img{width:100%;}

.greet-overlay h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #2d5c2d;
}
.greet-banner img{height: 350px;}
	
}

/* desktop */
@media (min-width: 1090px) {

  .pb-5, .py-5{padding: 2rem !important;}

	.fixed-header {display:block;}
	.login{display:none}
	.mpage{display:none;}


	/* header */
	.fixed-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.top-line { background:#d9d9d9; }
	.fixed-top {
		position: fixed;
		top: 40px;
		right: 0;
		left: 0;
		z-index: 1030;
		height: 75px;
	}

}

.footer h2{margin:0 0 20px; }


.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-first{
	padding: 50px 0px 50px 20px;
    background: #4c4f6f;
    font-size: 20px;
	color:#fff;
    font-weight: bold;
    border-top: 3px solid #313450;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.carousel-item a{color:#fff;}

/* 네비게이션 수정 */
.dropdown-menu {
    border-radius: 0px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3.5px 15px;
    clear: both;
    font-weight: 600;
    color: #888;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}
.dropdown-item:hover {
	background:#f5f5f5;
}

.custom-dropdown-content{margin-top:-3px;} /*네비게이션 메뉴랑 호버 시 뜨는 메뉴 사이 여백 없애기*/

.custom-column a{letter-spacing:-1px;}

.color-gray{color:#666}
.color-red{color:#ff0000}


.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px; color: #fff;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}



/* pages */
.info-2 i{font-size:20px;}
table th, table td{ font-family: 'Noto Sans KR';font-size: 14px;}



#bo_v_sns li span{display:none;}
#bo_v_sns {display:none;position:absolute;top:-50px;right:0px;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}






/* 반응형 */
@media (max-width:991px){
	/* 서브페이지 */
	.sub-title{margin: 17px 0 10px !important;}
	.sub_inner{flex-direction: column;}
	.sub_inner .col-md-3, .sub_inner .col-sm-2, .inner .col-md-10{max-width: 100% !important;}
	.sub_inner .col-md-9, .inner .col-md-10{border-right: none; padding-left: 0 !important; padding-right: 0 !important;}
	.sub_inner #ctt{padding: 20px 0 !important;}
	#bo_list, #bo_gall, #bo_v, #bo_w{margin: 0 !important;}
	.carousel-inner {height: 250px;}
  .main_one_title {margin-left:5px;}
  .lat_list_one .lt_date {margin-right:5px;}
  .pc_logo{display: none;}
  .m_logo{display: block;}

}
@media(max-width:723px){
	#mysubmenu > ul >ul a{width: calc(98% / 3) !important;}
  .main_one_title {margin-left:5px;}
  .lat_list_one .lt_date {margin-right:5px;}
}

@media (max-width:1440px){

}
@media (max-width:1024px){
	footer .qr{display: none;}
    footer .copy{font-size: 13px;}
}
@media (max-width:991px){
	.navbar{padding: 14.5px 14.5px !important;}
	.carousel{margin-top: 107px;}
    .h-cont{width: 90%; display: flex;justify-content: space-between; align-items: center;}
    .navbar-expand-lg .navbar-nav{display: block; padding-bottom: 5px;}
    .fixed-header .col-md-12{padding-right: 0 !important; padding-left: 0 !important;}
    #custom-menu{display: none;}
    #tnb_index ul{width: auto !important; display: flex;justify-content: right !important; flex-direction: row-reverse;}
    #tnb_index li{border:none!important;} /*방문자수 가려놨는데 옆에 보더가 안사라져서 전체 보더 안보이게*/

    .dropdown-toggle::after {display:block !important;}
    footer .foot-box{flex-direction: column; gap: 20px;}
    footer .en1 img{margin-top:13px;} /*로고랑 푸터 내용 윗줄맞춤 해제*/
    .col-md-12{padding-right:0px!important; padding-left:0px!important;} /*푸터 양쪽 여백 없앰*/
    .section5 .row{grid-template-columns: repeat(2, 1fr);}

    .sub_inner{flex-direction: column; width: 95% !important;}
    .sub_inner .col-md-3, .sub_inner .col-sm-2{width: 100%;flex: none !important;max-width: none !important;}
    .sub_inner .col-md-9, .sub_inner .col-md-10{border-right: none; padding: 0 !important;}
    #ctt{padding: 20px 0 !important;}
    .sub-title, #bo_list, #bo_gall, #fwrite, #bo_v{margin: 20px 0 0 !important;}


	.go-btn{padding: 10px 25px; margin-top: 25px;}

	footer .foot-box{flex-direction: column; gap: 20px;}

	.section1 .inner {height: auto;}
	.section1 .inner .box {flex-direction: column;}
	.section1 .inner .box .item {width: 100%;}
	.section1 .inner .box2 .item {width: 100%; height: 60px !important; background-position: 100% 50%;}
	.section1 .inner .box1 .item {height: 100px; flex-direction: row;}
	.section1 .inner .box2 .item {height: 95px;}
	.section1 .inner .box2 .item h3 {font-size: 14px !important;}
	.section1 h4{font-size: 15px !important;}

	.section4 .inner {min-height: 200px !important; gap: 0px;}

	.section6 .inner{flex-direction: column;}

	/* 글쓰기 등 */
	.inner .sub-title p{margin-top: 14px;}
	.inner .col-md-10{max-width: 100% !important;}
	#bo_w{margin: 0 !important;}
	.half_input{width: 100% !important;}
}
@media (max-width:768px){
  .section{margin-top:10px!important;} /*모바일 섹션 간격 줄임*/

	.carousel-inner {height: 250px;} /*모바일 메인슬라이드 높이 늘림*/
	.section .inner {width: 95%;}

	.section1 .inner .box {display: grid; grid-template-columns: repeat(2, 1fr);}
	.section1 .inner .box1 .item {height: 80px; flex-direction: column;	padding: 15px;}
	.section1 .inner .box .item .go-btn {margin-top:5px;}
	.ft-row{flex-direction: column; gap: 0px;}
  .ft-row span{}
	#mysubmenu > ul >ul a{width: calc(98%/3) !important;}

  .lat_list_one a {-webkit-line-clamp: 2;} /* 공지사항 리스트 2줄 허용 */
}
@media (max-width:500px){
	.carousel-inner {height: 250px;} /*모바일 메인슬라이드 높이 늘림*/
	h3{font-size: 20px;}
	p{font-size: 14px;}
	.go-btn{padding: 7px 20px;}
	.boardDate{width: 13% !important;}
	.inner .sub-title h1 {font-size: 29px !important;}
	.sub-title{margin: 0 0 10px !important;}
	.section1 .right .row1{flex-direction: column;}
	.section1 .right .row1 .item{width: 100%;}
	.section1 .right .row2{grid-template-columns: repeat(2, 1fr); height: fit-content;}
	.section1 .item .go-btn p {font-size: 12px !important;}
	.section2 .inner > .row{grid-template-columns: repeat(1, 1fr);}
	.section2 .lat_list_one li {line-height: 1.4em !important;}
	.section2 .col-lg-6 {height: 290px;}
	.section2 .lat_list_one ul {margin-top: 10px;}
	.section2 .lat_list_one li {line-height: 1.2em !important;}
	.section2 .lat_list_one a {display: inline-block; width: 60%; font-size: 14px !important;}
	.section2 .col-lg-6 {background-position: -15% 50%;}

  .section3 .col-lg-6{height:320px;} /*모바일에서 게시판 목록 7개씩 보이게*/

	.section4 .owl-carousel .owl-item img{height: 200px !important; object-fit: contain;}
	#tnb_index ul li a {font-size: 11px !important;}
	
}
@media (max-width:425px){
	
}
@media (max-width:375px){
	
}