@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR&display=swap');
/* 기본스타일 : 모바일에서 글자크기 조정 비활성화, 요소크기 지정할때, 요소의 테두리와 여백(padding)까지 포함하여 크기 측정 */
*, *:after, *:before {-webkit-text-size-adjust:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
/* html 가로 세로크기를 모두 100%로 지정하고 가로 스크롤 비활성화 */
html {width:100%; height:100%; overflow-x:hidden}
/* 아래 테그의 margin 과 padding를 0으로 설정 */
body, div, dl, dt, dd, ul, ol, li, section, form, fieldset, legend, input, textarea, p, th, td {margin:0; padding:0;}
body {
	font-family: 'IBM Plex Sans KR', Dotum, Arial; font-size:14pt;
      /* 글자가 영역을 넘어가면 자동줄바꿈하고, 글자가 잘리는 경우 끝 부분을 잘라낸다. */
	word-wrap:break-word; word-break:break-all
}
table {border-collapse:collapse; border-spacing:0; width:100%; margin: 0 auto;}
table tr {text-align: center; height: 45px;}

ul, dl {list-style:none; vertical-align:top;}
h1,h2,h3,h4,h5 {margin:0; padding:0; font-size:100%; font-weight:normal}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, {display: block;}
input,textarea,select {font-family:inherit; font-size:inherit; font-weight:inherit; *font-size:100%}
legend {text-indent:-100%; *text-indent:0; white-space:nowrap; overflow:hidden; font-size:0; line-height:0; text-shadow:none; color:transparent}
a {outline:none; text-decoration:none; display: inline}
img {border:0; vertical-align:middle; line-height:0; font-size:0}

/* 게시판 카테고리 */
.bulca {text-decoration: none;
      font-size:14px;
      color:black;
      padding:5px 10px 7px 10px;
      margin:2px;
      display:inline-block;
      border-radius: 5px;
      transition:all 0.1s;
	  background-color: #ddd;
      border-bottom:5px solid #aaa;
}
/* 게시판 카테고리중 현재 선택된 것 */
.bulcas {text-decoration: none;
      font-size:16px;
      color:white;
      padding:5px 10px 7px 10px;
      margin:2px;
      display:inline-block;
      border-radius: 5px;
      transition:all 0.1s;
	  background-color: #555;
      border-bottom:5px solid #444;
}

/* 갤러리 게시판 이미지 크롭 */
.bulPrv {
/*	padding-top: 100%; /* 1:1 ratio */
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	height: 300px;
	overflow: hidden;
	border-radius: 20px;
}

/* 정렬 */
.f_left {float:left;}
.f_right {float:right;}
.center {text-align:center}
.left {text-align:left}
.right {text-align:right}

 /* clear float */
.both {clear: both;}
.clearfix {overflow:auto; zoom:1; *zoom:1}
.clearfix:after {content:''; display:block; clear:both}

/*Common*/
.show {display:block}
.hide {display:none}
.middle {vertical-align:middle}
.pointer {cursor: pointer; _cursor: hand}

.uppper {text-transform: uppercase;}
.lower {text-transform: lowercase;}
.capital {text-transform: capitalize;}
.bgN {background: none !important;}

.hidden {position:absolute; top: -3000px; width: 0; height:0; visibility: hidden; font-size: 0;}
.fixed {position: fixed;}
.relative {position: relative;}

/*	셀렉트박스 표식을 없앰
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
*/

/* 마진 */
.m5 {margin:5px;}
.m10 {margin:10px;}
.m15 {margin:15px;}
.m20 {margin:20px;}
.m25 {margin:25px;}
.mt10 {margin-top:10px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

 /* 패딩 */
.p5 {padding:5px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.p25 {padding:25px;}
.pt10 {padding-top:10px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pr20 {padding-left:20px;}

/* 광고 배너 위치 조정 및 고정 스타일 */
.ad-left {
      position: fixed;
      left: 0;
      top: 100px;
      width: 160px;
      z-index: 900;
  }
  
  .ad-right {
      position: fixed;
      right: 0;
      top: 100px;
      width: 160px;
      z-index: 900;
  }
  
  /* 반응형 대응: 화면 너비 768px 이하일 때 광고 숨김 */
  @media (max-width: 768px) {
      .ad-left, .ad-right {
          display: none !important;
      }
  }