:root{
	--pColor: #22ac38;
	--arrowColor: #929398;
	--txtColor: #222222;
	--pageBtnColor: #666666;
	--onTxtColor: #ffffff;
	--fontStyle: "Pretendard Variable", Pretendard, -apple-system, 'Outfit', BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;;
	--progressChkTxt: #ffffff;
	--progressEndBg: #e7e7e7;
	--progressEndTxt: #aaaaaa;
}

.paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

.paging .arr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.paging .arr a:not(:last-child) {
  margin-right: 5px;
}

.paging .arr a.last,
.paging .arr a.first {
  letter-spacing: -10px;
}

.paging .arr a.last i,
.paging .arr a.first i {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}

.paging a {
  width: 30px;
  height: 30px;
  border: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
   font-size:16px;
   line-height: 1;
   font-weight:300;
}

.paging a i{line-height: unset;}

.paging ul {
  margin: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.paging ul li:not(:last-child) {
  margin-right: 5px;
}

.paging ul li.on a {
  color: #fff;
  background: #afafaf;
  border-color: #afafaf;
}

.paging a{border-radius:50%; border:none; color: #222;}

.paging ul li.on a {
  color: #fff;
  background:var(--pColor);
  border-color: var(--pColor);
}

.board_style .itemBox {
  border-top: 1px solid var(--mainColor);
}

.board_style .item {
  border-bottom: 1px solid #e5e5e5;
  padding: 36px 60px;
}

.board_style .item a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.board_style .category,
.board_style .state {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.board_style .category {
  width: 8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	font-size:16px;
}

.board_style .text {
  width: 100%;
  padding: 0 10px;
}

.board_style .text h6 {
  color: #444444;
  font-weight: 500;
  font-size:16px;
}

.board_style .text p {
  color: #333333;
  font-size: 26px;
  font-weight: 700;
  margin: 15px 0;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.board_style .text p b {
  font-weight: 400;
}

.board_style .text span {
  gap: 0 10px;
  color: #999999;
  font-size: 13px;
  font-weight: 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.board_style .text span b {
  font-weight: 500;
  font-size:13px;
}

.board_style .state {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 15px;
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.board_style .state.on {
  background: var(--mainColor);
  color: #ffffff;
}

.board_style .state.off {
  background: #e5e5e5;
  color: #333333;
}

@media (max-width: 1400px) {
	.board_style .item {
		padding: 30px 40px;
	}
}
@media (max-width: 1200px) {
	 .board_style .item {
		padding: 20px;
	  }
	  .board_style .text p {
		font-size: 22px;
	  }

	 
}
@media (max-width: 960px) {
	.board_style .tabTitle {
		margin: 60px 0;
	}
	.board_style .category {
		width: 72px;
	}
	.board_style .text {
		padding: 0 10px 0 20px;
	}
	.board_style .state {
		width: 64px;
		height: 64px;
	}
}

@media (max-width: 640px) {
	.board_style .tabTitle {
		margin: 40px 0 40px;
	}
	.board_style .item {
		padding: 20px 10px;
	}
	.board_style .item a {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		gap: 20px 0;
	}
	.board_style .text {
		-webkit-box-ordinal-group: 4;
			-ms-flex-order: 3;
				order: 3;
		padding: 0;
	}
	.board_style .text p {
		font-size: 20px;
		margin: 10px 0;
	}
	.board_style .state {
		width: 60px;
		height: 26px;
		border-radius: 5px;
	}
}

/* 게시판 상세 기본 - 한화컨버전스 기준 */
.borad_view{border-top: 2px solid var(--pColor);}
.borad_view .tit{padding: 30px 0; text-align: center; border-bottom: 1px solid #e1e1e1;}
.borad_view .tit .tag{display:inline-block; vertical-align: top; width: 60px; height: 30px; line-height: 30px; border-radius:15px; background: var(--pColor); color: #fff; font-size:14px;}
.borad_view .tit h3{font-weight:bold; font-size:28px; color: #222; margin: 20px 0;}
.borad_view .tit ul{display:flex; justify-content:center;}
.borad_view .tit ul li{position:relative; font-weight:300; font-size:77px; font-size:16px; margin-right: 20px;}
.borad_view .tit ul li::after{content:''; position:absolute; top: 5px; right: -10px; width: 1px; height: 12px; background: #777;}
.borad_view .tit ul li:last-of-type{margin-right: 0;}
.borad_view .tit ul li:last-of-type::after{display:none; }
.borad_view .info{padding: 50px 30px; font-size:16px; box-sizing:border-box;}
.borad_view dl{display:flex; border-top: 1px solid #e1e1e1;}
.borad_view dl dt{width: 150px; text-align: center; background: #f5f5f5; font-size:16px; color: #999; box-sizing:border-box; border-bottom: 1px solid #e1e1e1; line-height: 52px;}
.borad_view dl dd{width: calc(100% - 150px); font-size:15px; color: #999; box-sizing:border-box; border-bottom: 1px solid #e1e1e1;}
.borad_view dl dd a{display:inline-block; vertical-align: top; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 52px; padding: 0 20px; box-sizing:border-box;}
.borad_view .list{text-align: center; margin: 30px 0 80px;}
.borad_view .list a{display:inline-block; vertical-align: top; width: 130px; height: 50px; border-radius:24px; font-size:15px; color: #fff; background: var(--pColor); line-height: 50px;}
.borad_view .list a i{margin-right: 10px;}
.borad_view .view_page dl:last-of-type{border-top: none;}
.borad_view .list3{width: 100%;	display:flex; justify-content:space-between;}
.borad_view .list3 .box a:first-of-type{color: var(--pColor); background: #fff; border:1px solid var(--pColor)}


@media (max-width: 1000px){
	.borad_view .tit h3{margin: 10px 0; font-size:24px;}
	.borad_view .info{padding: 50px 10px;}
}


.board_ctn{}
.board_ctn .search_box{background: #f7f7f7; padding: 40px; box-sizing:border-box; font-size:0;}
.board_ctn .search_box select{width: 315px; border-radius:5px; height: 60px; vertical-align: middle; box-sizing:border-box; padding: 0 22px; border:none; background-color: #fff; color: #666; font-size:16px;}
.board_ctn .search_box input{width: calc(100% - 395px); height: 60px; vertical-align: middle; margin: 0 10px;box-sizing:border-box; padding: 0 22px; border:none; background: #fff; border-radius:5px; font-size:16px; color: #222;}
.board_ctn .search_box button{background: #fff; border-radius:5px; border:none; width: 60px; height: 60px; vertical-align: middle; cursor: pointer;}
.board_ctn .search_box button i{font-size:20px; color: var(--mainColor);}
.board_ctn .mod_box{display:flex;}
.board_ctn .mod_box .search_box{width: calc(100% - 160px); margin-right: 10px;}
.board_ctn .mod_box .inquiry_link{width: 150px; border-radius:10px; background: var(--mainColor);}
.board_ctn .mod_box .inquiry_link a{display:inline-block; vertical-align: top; width: 100%; height: 100%; font-weight:600; font-size:18px; color: #fff; text-align: center; line-height: 136px;}
.board_ctn .mod_box .inquiry_link a i{margin-left: 5px;}
.board_ctn .board_box{border-top: 1px solid #000; margin-top: 60px;}
.board_ctn .board_box table{}
.board_ctn .board_box table th{position:relative; font-weight:500; font-size:17px; color: #222; text-align: center; padding: 15px 0;}
.board_ctn .board_box table th::after{content:""; position:absolute; top: 18px; right: 0; width: 1px; height: 15px; background: #e0e0e0;}
.board_ctn .board_box table th:last-of-type::after{display:none;}
.board_ctn .board_box table td{font-size:16px; letter-spacing:-0.025em; color: #666; text-align: center; padding: 36px 0; border-bottom: 1px solid #e0e0e0;}
.board_ctn .board_box table td a{color: #666; display:inline-block; vertical-align: top; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.3;}
.board_ctn .board_box table td a.secret i{position:relative; top: 1px;}
.board_ctn .board_box table td a img{position:relative; top: 4px; margin-right: 8px;}
.board_ctn .board_box table .tal{text-align: left; padding-left: 20px;}
.board_ctn .board_box table .bg{background: #fff8f8; font-weight:500; color: #666;}
.board_ctn .board_box table .cr{color: var(--mainColor);}

@media (max-width: 1000px){
	.board_ctn .search_box select{width: 220px;}
	.board_ctn .search_box input{width: calc(100% - 300px);}
}
@media (max-width: 800px){
	.board_ctn .search_box{padding: 20px; margin-top: 30px;}
	.board_ctn .search_box select{width: 170px;}
	.board_ctn .search_box input{width: calc(100% - 250px);}
	.board_ctn .board_box table td{padding: 16px 0;	}
}
@media (max-width: 500px){
	.board_ctn .search_box select{width: 100%; margin-bottom:10px; height: 50px;}
	.board_ctn .search_box input{width: calc(100% - 60px); margin-left: 0; height: 50px;}
	.board_ctn .search_box button{width: 50px; height: 50px;}
}

.board_view{}
.board_view .view_box .tit{border-top: 1px solid #111111; border-bottom: 1px solid #e5e5e5; text-align: center; padding: 40px 0 ;}
.board_view .view_box .tit .tag{display:inline-block; vertical-align: top; font-weight:500; font-size:14px; color: #fff; background: var(--mainColor); padding: 5px 10px; border-radius:15px; margin-bottom:15px;}
.board_view .view_box .tit h4{font-weight:600; font-size:28px; letter-spacing:-0.015em; color: #222;}
.board_view .view_box .tit ul{display:flex; justify-content:center; margin-top: 24px;}
.board_view .view_box .tit ul li{font-size:14px; color: #777; margin-right: 36px;}
.board_view .view_box .tit ul li:last-of-type{margin-right: 0;}
.board_view .view_box .tit ul li span{position:relative; font-weight:300; font-size:77px; font-size:16px; margin-right: 20px;}
.board_view .view_box .cont{padding: 90px 0;}
.board_view .view_box .file{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.board_view .view_box .file dl{display:flex;}
.board_view .view_box dl dt{position:relative; width: 128px; font-size:14px; color: #666; padding: 22px 0; text-align: center;}
.board_view .view_box dl dt::after{content:""; position:absolute; top: 22px; right: 0; width: 1px; height: 20px; background: #e5e5e5;}
.board_view .view_box .file dl dd{width: calc(100% - 128px); padding: 22px 25px; box-sizing:border-box;}
.board_view .view_box .file dl dd a{display:flex; justify-content:space-between; font-size:14px; color: #666;}
.board_view .view_box .file dl dd a span:last-of-type{color: #999;}
.board_view .view_box .file dl dd a span i{margin-right: 5px;}
.board_view .view_box .page_btn{margin-top: 60px;}
.board_view .view_box .page_btn dl{display:flex; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom:10px;}
.board_view .view_box .page_btn dl:last-of-type{margin-bottom:0;}
.board_view .view_box .page_btn dl dt{background: #f9f9f9;}
.board_view .view_box .page_btn dl dt i{color: #999; margin-right: 16px;}
.board_view .view_box .page_btn dl dd{width: calc(100% - 128px); background: #f9f9f9; padding: 22px 25px; font-size:16px; box-sizing:border-box;}
.board_view .view_box .page_btn dl dd a{color: #666;}
.board_view .view_box .re{display:flex; background: #f9f9f9; box-sizing:border-box; padding: 60px; margin-top: 80px;}
.board_view .view_box .re .re_tit{width: 270px;}
.board_view .view_box .re .re_tit h4{font-weight:bold; font-size:25px; color: #111;}
.board_view .view_box .re .re_tit ul{display:flex; align-items:center; margin-top: 12px;}
.board_view .view_box .re .re_tit ul li{ font-size:14px; color: #777; margin-right: 20px;}
.board_view .view_box .re .re_tit ul li i{color: var(--mainColor);}
.board_view .view_box .re .txt{width: calc(100% - 270px);}
.board_view .view_box .re .txt p{font-weight:300; font-size:16px; color: #333; line-height: 1.8;}
.board_view .view_box .btn{text-align: center; margin-top: 80px;}
.board_view .view_box .btn a{display:inline-block; vertical-align: top; width: 130px; height: 50px; border-radius:24px; font-size:15px; color: #fff; background: var(--pColor); line-height: 50px;}
.board_view .view_box .btn a i{margin-right: 6px; position:relative; top:1px;}
.board_view .view_box .btn a:hover{background: var(--mainColor);}

.img_list{display:flex; justify-content:center; margin-top: 96px;}
.img_list .item{position:relative; width: 320px;}
.img_list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
.img_list .item > h4{font-weight:500; font-size:18px; color: #222222; margin-top: 20px; text-align: center;}
.img_list .item .img{width: 100%; box-shadow: -1px 3px 8px 0px rgba(0, 0, 0, 0.16); border-radius:20px 0 0 0; overflow: hidden; position: relative;}
.img_list .item .img figure{position:relative; overflow: hidden; padding-bottom:452px;}
.img_list .item .img figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.img_list .item .img .hover{position:absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; opacity: 0; transition:0.4s}
.img_list .item .img .hover::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition:0.4s}
.img_list .item .img .hover .icon i{color: var(--red); font-size:20px;}
.img_list .item .img .hover h4{font-weight:500; font-size:20px; color: #fff;}
.img_list .item:hover .img .hover{opacity: 1;}
.img_list .item:hover .img .hover::before{opacity: 0.8;}
.img_list.i4{flex-wrap:wrap; justify-content:flex-start}
.img_list.i4 .item{width: calc((100% - 120px) / 4); margin-right: 40px; margin-bottom:40px;}
.img_list.i4 .item figure{ padding-bottom:142%;}
.img_list.i4 .item:nth-of-type(4n){margin-right: 0;}

@media (max-width: 1000px){
	.img_list{margin-top: 40px;}
	.img_list.i4 .item{width: calc((100% - 40px) / 3); margin-right: 20px; margin-bottom:30px;}
	.img_list.i4 .item:nth-of-type(4n){margin-right: 20px;}
	.img_list.i4 .item:nth-of-type(3n){margin-right: 0;}
}

@media (max-width: 800px){
	.img_list .item > h4{margin-top: 12px;}
	.img_list.i4 .item{width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom:30px;}
	.img_list.i4 .item:nth-of-type(3n),
	.img_list.i4 .item:nth-of-type(4n){margin-right: 20px;}
	.img_list.i4 .item:nth-of-type(2n){margin-right: 0;}
}