@charset "utf-8";





/* 회사개요 */
.about { position:relative; padding:60px 0; }
.about .container { z-index:2; }
.about .overview_title { text-align:center; font-size:40px;font-weight:700; padding-bottom:60px;}
.about .overview_title  h3 { font-weight:700;}
.about .about_overview { position:relative;  }
.about .about_overview dl { padding-bottom:20px;}
.about .about_overview dl dt {position: relative;padding-left:80px;font-size:30px; font-weight:700;}
.about .about_overview dl dt::before { content: "";display:block; position: absolute; top:22px; left:0; width:60px; border-top:1px solid #000;}
.about .about_overview dl dd { line-height:1.6; font-size:20px;color:#5e5e5e}
.about .about_overview dl dd p { padding-bottom:20px;}





@-webkit-keyframes bg_move_sky {
	0% { -webkit-transform: translateX(0);}
	50% {-webkit-transform: translateX(-20%); }
	100% { -webkit-transform: translateX(0%);}
}


.shadow {
	background: #fff;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.15);
}
.business {position:relative; background-color:#000; margin-top:-50px; padding:80px 0;
	background-image:url(../images/bg_cont01.jpg);
	background-repeat:no-repeat;
	background-position:center bottom
}
.business.meta  {}
.business .listTitle b {
  color: #5c85c3;
  font-weight: 600;
   font-family: 'Montserrat', sans-serif;
  font-size:24px;
}

.business .listTitle h3,
.business .listTitle p {
 color:#fff;
}

.business .listTitle h3 {
  line-height: 1.3;
  margin: 60px 0 40px;
  font-weight:500;
  font-size:48px;
}

.business .listTitle p {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: -0.025em;
  line-height: 1.3;
}

.business.listPage .listBox {
	margin-top:50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.business.listPage .listBox .item {
  padding: 10px;
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(1, -0.18, 0.33, 1.21);
  transition: all 0.4s cubic-bezier(1, -0.18, 0.33, 1.21);
  /*width: calc(25% - 20px);*/
  flex:1;
  margin: 10px;
}

.business.listPage .listBox .item .img {
  position: relative;
  padding: 35% 0;
  overflow: hidden;
}

.business.listPage .listBox .item .img img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.business.listPage .listBox dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px 0;
  padding: 65px 20px 40px;
}

.business.listPage .listBox dl dt,
.business.listPage .listBox dl dd {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.business.listPage .listBox dl dt {
  color: #111111;
   font-weight: 700;
       font-style: italic;
   font-family: 'Montserrat', sans-serif;
  font-size:34px;
  line-height: 0.92;
}

.business.listPage .listBox dl dd {
  color: #666666;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5555;
}
.business.listPage .listBox.part .item {
	flex: auto;
	width: calc((100%/3 - 20px));
	/* background: #000; */
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	background: rgba(75, 86, 121, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.10);
}
.business.listPage .listBox.part  dl {
	padding:20px 0;
}
.business.listPage .listBox.part  dl dt {
	text-align:center;
	color:#fff;

}

ul.partners-list > li > * {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 42.98%;
	border: 1px solid #ddd;
}
.business.listPage .listBox.part .item .img {
	border-bottom: 1px dashed rgba(255, 255, 255, 0.20);
}

.business.listPage .listBox.part  .item .img img{
	position: absolute;
	max-width: 80%;
	min-width: inherit;
	min-height:inherit;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/*
.business.listPage .listBox .arrow {
  width: 95px;
  height: 95px;
  background: #111111;
  border-radius: 50%;
  position: absolute;
  right: -20px;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(1, -0.18, 0.33, 1.21);
  transition: all 0.4s cubic-bezier(1, -0.18, 0.33, 1.21);
  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;
}

.business.listPage .listBox .item:hover {
  background: #5c85c3;
  border-bottom-right-radius: 150px;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.business.listPage .listBox .item:hover dl dt,
.business.listPage .listBox .item:hover dl dd {
  color: #ffffff;
}

.business.listPage .listBox .item:hover .arrow {
  right: 0;
  opacity: 1;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.business.listPage .listBox.hoverNone .item {
  pointer-events: none;
}
*/

.about_business {  background:#000 url(../images/bg_about_business.jpg) no-repeat center center / cover;     border-bottom-right-radius: 150px;}
.about_business > ul {
	display: flex;
	text-align: center;
	flex-wrap: wrap;}
.about_business > ul > li { padding:120px 15px; font-size:16px; border-left:1px solid rgba(255, 255, 255, 0.2); }
.about_business > ul > li:first-child { border-left:0;}
.about_business div  { color: rgba(255, 255, 255, 0.7)}
.about_business div i { display:inline-block; height:80px; line-height:80px;vertical-align: middle;}
.about_business div  h3 { font-size:36px; text-align:center; margin-top:40px; margin-bottom:20px; color:#fff; font-weight:700;}
.about_business div  span { font-size:18px;  font-family: 'Montserrat', sans-serif;}
.about_business div ul { margin-top:30px;}
.about_business div ul li { margin:10px 0; font-size:20px; }
@media (min-width:1201px) {
	.about_business > ul > li { flex:1;}
	.about .overview_title { font-size:30px;}
}
@media (max-width:1200px) {
	.about_business > ul > li { width:calc(100% / 3)}

}
@media (max-width:640px) {
	.about_business > ul > li { width:100%; padding:30px 15px; border-right:0;border-top:1px solid rgba(255, 255, 255, 0.2);}
	.about_business > ul > li:first-child { border-top:0;}
	.about_business div  h3 { margin-top:20px;}
	.about .overview_title {
		font-size:24px;
	}
	.about .about_overview dl dt {
		font-size:20px;
	}
	.about .about_overview dl dd {
		font-size:16px;
	}




}




/* 연혁 */
.history_list .list{position: relative;width: 100%;padding-top: 50px;display: flex;flex-wrap: wrap;padding-bottom:80px;}
.history_list .list + .list{padding-top: 160px;}
.history_list .title_g{position: relative;width: 50%;padding-right: 250px;}
.history_list .title_g:before{display:block;content:"";position: absolute;top: 32px;left: calc(100% - 250px);width: 200px;height: 1px;background: #7b7b7b;}
.history_list .title_g .year{font-size: 80px;color: #000;line-height: 1;font-weight: 500;letter-spacing: -0.5px;}
.history_list .title_g .year > *{overflow:hidden;}
.history_list .title_g .title{font-size: 26px;color: #000;font-weight: 500;margin-top: 35px;}
.history_list .con_g{width: 50%;font-size: 18px;padding-top: 10px;}
.history_list .con_g ul li{position: relative;padding-left: 14px;}
.history_list .con_g ul li + li{margin-top: 9px;}
.history_list .con_g ul li:before{display: block;content: "·";color: #188dc9;position: absolute;top: 0;left: -3px;font-weight: 800;font-family: 'Noto Sans KR';}
.history_list .img{width: 100%;height: 400px;overflow: hidden;margin-top: 75px;}
.history_list .img span{display: block;width: 100%;height: 100%;}



/* 조직도 */
.chart{display:flex; align-items:center; text-align:center; flex-direction:column;}
.chart__ceo{display:flex; justify-content:center; align-items:center; position:relative; width:245px; height:245px; line-height:1.2; margin-bottom:190px; background:#1c449a; font-weight:700; font-size:40px; color:#fff; border-radius:100%; align-content:center; flex-direction:column;}
.chart__ceo *{display:block;}
.chart__ceo i{font-weight:600; font-size:20px}
.chart-list{display:grid; grid-template-columns:repeat(5, 1fr); gap:27px;}
.chart-wrap{position:relative; z-index:-1; width:100%; padding-top:60px;}
.chart-list strong{padding:17px 0px; border:1px solid #1c449a; font-size:17px; color:#1c449a;}
.chart-list li *{display:block;}
.chart__child li{margin-top:5px; padding:13px 0px; background:#fafafa !important; border:1px solid #e5e5e5; font-weight:300;}
.chart-line{content:""; position:absolute; top:0; left:50%; width:-webkit-calc(100% - var(--chart-width)); width:calc(100% - var(--chart-width)); height:1px; margin-left:var(--line-width); background:#ddd;}
.chart-list strong::before{content:""; position:absolute; top:-60px; left:50%; z-index:-1; width:1px; height:60px; background:#ddd;}
.chart-list li{position:relative; background:#fff;}
.chart__ceo::after{content:""; position:absolute; bottom:-100%; width:1px; height:100%; background:#ddd;}
.chart__ceo::before{content:""; position:absolute; bottom:-196px; left:50%; z-index:3; width:9px; height:9px; margin-left:-4px; background:#1c449a; border-radius:100%;}
.chart-page img{position:absolute; opacity:0.4; top:-180px; left:50%; z-index:-1; width:100%; height:165px; transform:translate(-50%, -50%);}
.chart-page{position:relative; margin-bottom:70px}



@media (max-width:1023px){
    .chart-list{grid-template-columns:repeat(4, 1fr); gap:12px;}
    .chart-list > li{min-height:269px;}
    .chart__ceo{width:215px; height:215px; margin-bottom:216px; font-size:31px;}
    .chart-page img{top:-100px; height:75px;}
    .chart__ceo::before{bottom:-220px;}
    .chart-list strong::before{top:-41px; height:41px;}
    .chart-wrap{padding-top:40px;}
    .chart-list > li:nth-child(4) ~ li strong::before{opacity:0;}
}

@media (max-width: 540px){
    .page-top-margin{margin-top:70px;}
    .chart__ceo{width:205px; height:205px; margin-bottom:50%; font-size:25px;}
    .chart__ceo i{margin-bottom:3px; font-weight:600; font-size:16px;}
    .chart-list{grid-template-columns:repeat(2, 1fr); gap:12px;}
    .chart-list strong{padding:12px 0px; font-size:15px;}
    .chart__child li{margin-top:5px; padding:10px 0px; font-weight:300; font-size:13px;}
    .chart-list > li{min-height:auto;}
    .chart-list > li:nth-child(2) ~ li strong::before{opacity:0;}
    .chart__ceo::after{content:""; position:absolute; bottom:-163px; z-index:-3; width:1px; height:163px; background:#ddd;}
    .chart__ceo::before{bottom:-168px; margin-left:-5px;}
    .chart-page img{top:-70px; height:75px;}

}




/* 오시는길 */
.contact .title_wrap {padding:50px 0; font-size: 36px; color: #000000;  font-weight: 500;}
.contact .title_wrap p { font-size:16px;}
#map { width:100%; height:450px}
.contact .table{position: relative;width: 100%;border-top: 2px solid #000000;display: flex;flex-wrap: wrap;font-size: 20px;color: #767676;font-weight: 300;}
.contact .table .tr{position: relative;width: 50%;border-bottom: 1px solid #000000;display: flex;flex-wrap: wrap;padding: 30px 0px;}
.contact .table .tr:nth-child(2n):before{display:block;content:"";position: absolute;top: 20px;left: 0;width: 1px;height: calc(100% - 40px);background: #cbcbcb;}
.contact .table .th{width: 40%;padding-left: 60px;color: #000;font-weight: 500;}
.contact .table .td{width: 60%;}
.contact .table a{display: inline-block;}


/* 준비중 */
.hg_comming_soon { padding:150px 0; background-color:#f4f7f9; text-align:center; }
.hg_comming_soon h3 { font-size:40px; font-weight:bold; margin:20px 0 10px 0; }
.hg_comming_soon p { font-size:18px; color:#777}





/**** pc ***/
@media screen and (max-width: 1600px) {

}



/**** 태블릿 ***/
@media screen and (max-width: 1200px) {



}


/**** 모바일 ***/
@media screen and (max-width: 1000px) {


}





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



}

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

}

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

}








.bbsSearch[data-type="A"] .button{position:absolute; top:0; right:0; width:44px; height:44px; margin-left:0; background-color:transparent; background-size:19px; background-position:center; font-size:0; min-width:auto; background-image:url(../images/board/icon_search.svg); background-repeat:no-repeat;}
.bbsSearch[data-type="A"] form{margin-bottom:0;padding:20px 0;background:none;display: flex;justify-content: flex-end;}
.bbsSearch[data-type="A"] select{width:106px; padding:0 5px; background:#fff url(../images/board/arr_search_select.svg) no-repeat 96% 50% /10px; border:0; border-radius:0; outline:none;}
.bbsSearch[data-type="A"] input[type=text]{width:300px; margin:0; margin-left:15px; padding:0;}
.bbsSearch[data-type="A"] select,
.bbsSearch[data-type="A"] input[type=text]{height:48px; border-bottom:1px solid #ccc;}
.bbsSearch[data-type="A"] input[type=text]::placeholder{font-weight:400; color:#cfcfcf;}
.bbsSearch[data-type="A"] .search_input{position:relative;}

.ko_board_list[data-type] .file{display:inline-block; position:relative; top:clamp(2px, 2.96296296vw, 0px); width:clamp(12px, 2.96296296vw, 16px); height:19px; margin:0 clamp(1px, 2.96296296vw, 5px) clamp(-6px, 2.96296296vw, -2px) clamp(0px, 2.96296296vw, 2px); background:url(../images/board/icon_file.svg) no-repeat 50% 50%; text-indent:-9999px;}
.ko_board_list[data-type]{display:grid;flex-wrap:wrap;}
.ko_board_list[data-type] > li{border:1px solid #e5e5e5; box-shadow:0 0 50px 0 rgb(0 0 0 / 0%); transition:all 0.3s ease;}

.ko_board_list[data-type="A"]{grid-template-columns:1fr 1fr 1fr; gap:clamp(20px, 2.0833vw, 40px);}
.ko_board_list[data-type="A"] > li a{display:block; position:relative; box-sizing:border-box; padding:clamp(25px, 4.1667vw, 50px) clamp(20px, 2.7778vw, 50px) clamp(25px, 4.1667vw, 65px);}
.ko_board_list[data-type="A"] [data-board="tit"]{display:-webkit-box;overflow:hidden;height:clamp(46px, 4.1667vw, 60px);line-height:1.4;font-size:clamp(18px, 1.5278vw, 22px);color:#111;letter-spacing:-0.5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break: break-all;}
.ko_board_list[data-type="A"] [data-board="con"]{display:-webkit-box;overflow:hidden;height: 5em;line-height: 1.6;margin-top:clamp(15px, 1.3889vw, 23px);font-weight:300;font-size:clamp(15px, 1.0417vw, 16px);-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break: break-all;}
.ko_board_list[data-type="A"] [data-board="con"] br{display:none;}
.ko_board_list[data-type="A"] .board_info_con{display: inline-flex;align-items:center;margin-top: clamp(48px, 7.6389vw, 110px);position: relative;}
.ko_board_list[data-type="A"] .board_info_con *{font-size:clamp(12px, 0.9722vw, 13px);color:#a7a7a7;line-height: 1;}
.ko_board_list[data-type="A"] .board_info_con [data-board="writer"]{display:flex; align-items:center; position:relative; margin-right:clamp(5px, 0.6944vw, 9px); padding-right:clamp(5px, 0.6944vw, 9px);}
.ko_board_list[data-type="A"] .board_info_con [data-board="writer"]::after{content:"";position:absolute;right:0;width:1px;height: clamp(12px, 0.8333vw, 12px);background:#cdcdcd;}
.ko_board_list[data-type="A"] [data-board="notice"]{margin-left:10px;padding: 5px 10px;background:#111;color:#fff;border-radius:20px;}
.ko_board_list[data-type="A"] [data-board="new"]{margin-left:10px;font-weight:700;font-size:clamp(11px, 0.9722vw, 13px);color:#d52d2d;position: absolute;right: -40px;}
.ko_board_list[data-type="A"] [data-board="arr"]{display:flex; justify-content:center; align-items:center; position:absolute; right:clamp(20px, 2.7778vw, 50px); bottom:clamp(20px, 2.7778vw, 50px); width:clamp(40px, 4.1667vw, 60px); height:clamp(40px, 4.1667vw, 60px); background:#f7f7f7; transition:all 0.3s ease; border-radius:100%;}
.ko_board_list[data-type="A"] [data-board="arr"]::before{content:""; position:absolute; opacity:0.9; width:clamp(15px, 1.1806vw, 17px); height:clamp(15px, 1.1806vw, 17px); background:url(../images/arr_board_list.svg) no-repeat 50% 50%;}
.ko_board_list[data-type="A"] > li:hover{box-shadow:0 0 50px 0 rgb(0 0 0 / 10%); border-color:#111;}
.ko_board_list[data-type="A"] > li:hover [data-board="arr"]{background:#111;}
.ko_board_list[data-type="A"] > li:hover [data-board="arr"]::before{background-image:url(../images/arr_board_list_w.svg);}

.ko_board_noData{padding:80px 0px; border:2px solid #f1f1f1; text-align:center;}

.ko_board_list[data-type="B"]{grid-template-columns: 1fr 1fr 1fr;gap:clamp(20px, 2.0833vw, 35px);}
.ko_board_list[data-type="B"] [data-board="img"] img{position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%, -50%);}
.ko_board_list[data-type="B"] > li a{display:block; height:100%; box-sizing:border-box; padding:clamp(30px, 2.0833vw, 50px) clamp(25px, 2.0833vw, 30px);}
.ko_board_list[data-type="B"] [data-board="tit"]{display:block; display:-webkit-box; overflow:hidden; height:clamp(46px, 4.1667vw, 60px); height:clamp(53px, 4.1667vw, 60px); line-height:1.5; margin-top:clamp(27px, 1.5278vw, 30px); font-size:clamp(19px, 1.5278vw, 19px); color:#111; letter-spacing:-0.5px; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:60px;}
.ko_board_list[data-type="B"] [data-board="date"] i{display:block; line-height:1; margin-top:2px; font-weight:700; font-size:clamp(35px, 2.7778vw, 40px); color:#111;}
.ko_board_list[data-type="B"] [data-board="date"]{display:inline-block; line-height:1; font-weight:800; font-size:clamp(12px, 0.9722vw, 12px); color:#111; text-align:center;}
.ko_board_list[data-type="B"] [data-board="con"]{display:-webkit-box;overflow:hidden;line-height:1.6;margin-top:clamp(10px, 1.0417vw, 15px);font-weight:300;font-size:clamp(16px, 1.0417vw, 15px);-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;max-height:106px;}
.ko_board_list[data-type="B"] > li{position:relative; height:clamp(340px, 29.1667vw, 411px);}
.ko_board_list[data-type="B"] [data-board="img"]{position:absolute; overflow:hidden; bottom:0; left:0; width:100%; height:clamp(150px,14.5833vw, 210px);}
.ko_board_list[data-type="B"] [data-board="img"] i{display:block; width:100%; height:100%; background-size:cover; background-position:50%50%;}
.ko_board_list[data-type="B"] [data-board="new"],
.ko_board_list[data-type="B"] [data-board="notice"]{position:absolute; right:clamp(20px, 2.0833vw, 30px); font-size:13px;}
.ko_board_list[data-type="B"] [data-board="notice"]{padding:2px 10px; background:#000; color:#fff; border-radius:30px;}
.ko_board_list[data-type="B"] [data-board="notice"] + [data-board="new"]{margin-right:57px; padding-top:2px;}
.ko_board_list[data-type="B"] [data-board="new"]{font-weight:700; color:#dd1d1d;}
.ko_board_list[data-type="B"] > li:hover{background:#202020;}
.ko_board_list[data-type="B"] > li:hover *{color:#fff;}
.ko_board_list[data-type="B"] > li:hover .file{background-image: url(../images/board/icon_file_w.svg);}

.ko_board_count{margin-bottom:clamp(13px, 1.0417vw, 15px); font-weight:300; font-size:clamp(13px, 1.0417vw, 15px);}


@media screen and (max-width:860px){
	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="A"]{gap:25px; grid-template-columns:1fr 1fr;}
	.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:53px; -webkit-line-clamp:2;}
}


@media screen and (max-width:640px){
	.bbsList thead{display:none;}
	.bbsList tr{display:block; position:relative; margin-top:10px; border-radius:3px; border:1px solid #eaecf1;}
	.bbsList tr:first-child{margin-top:0px;}
	.bbsList tr:nth-child(2n){background:#f9fafb;}
	.bbsList tbody td{display:block; border-bottom:0px;}
	.bbsList td[data-table="number"]{display:none;}
	.bbsList td[data-table="subject"]{padding:0px; border-bottom:1px dashed #e4e4e4;}
	.bbsList td[data-table="subject"] > a{display:block; padding:10px;}
	.bbsList td[data-table="date"]{position:absolute; right:0px; bottom:0px; width:80px; letter-spacing:-1px;}
	.bbsList td[data-table="write"]{padding-right:110px; text-align:left;}
	.bbsList td[data-table="category"]{border-bottom:1px dashed #e4e4e4; text-align:left; color:#148f77;}
	.bbsList .reply + a{padding-top:5px !important;}
	
	ul.bbsList li .subject{font-size:16px;word-break: keep-all;padding: 29px 20px 29px 91px;}
	ul.bbsList li .date{font-size: 0.8rem;left: 0;width: 60px;}
	ul.bbsList li .date i{font-size: 28px;margin-bottom: 1px;}
	
	.photoList > li{width:49%;}
	.photoList > li:nth-child(2n){float:right;}
	.photoList > li:nth-child(3n+2){margin-left:0px; margin-right:0px;}		
	.photoList > li a > em{padding-top:10px;padding-bottom:0;font-weight:600;font-size: 16px;}
	.photoList > li .write{padding-bottom:0;}
	.photoList > li .write em{font-size:14px;}

	.blogList li{padding:15px 0;}
	.blogList li > a{position:relative; min-height:67px;}
	.blogList li .img{float:none; width:120px; height:100px; position:absolute; left:0px; top:3px;}
	.blogList li .img ~ em,
	.blogList li .img ~ p,
	.blogList li .img ~ i{margin-left:140px;}
	
	.pdfList li{float:none !important; width:100%;}
	
	.search_bbs .search,
	.search_bbs .btn{float:none; text-align:center;}
	.search_bbs .btn{margin-top:10px;}
	
	.bbsView col[data-view="th"]{width:80px !important;}
	.bbsView col[data-view="td"]{width:auto !important;}
	.bbsView th[data-view="count"] + td{width:70px !important;}
	.bbsView col[data-write="th"]{width:120px !important;}
	.bbsView col[data-write="td"]{width:auto !important;}
	.bbsView input[type="text"],
	.bbsView input[type="file"],
	.bbsView input[type="password"]{width:100% !important;}
	.bbsView input[data-form-type="datepicker"],
	input.datepicker,
	.bbsView input[type="text"].datepicker{width:105px !important;}
	.bbsView td.tel > input[type="text"],
	.bbsView td.tel > select,
	.bbsView *[data-member-form="phone"] > input[type="text"],
	.bbsView *[data-member-form="phone"] > select{display:inline-block; width:30% !important;}
	.bbsView td.tel > span{display:inline-block;}
	.bbsView td.mail > input[type="text"]{margin:2px 0px;}
	.bbsView td.mail > select{width:100% !important;}
	.bbsView .designFile input[type="file"]{padding-right:110px;}
	.bbsView .designFile .button{position:absolute; top:0px; right:0px;}
	.designFile.mob input[type="file"]{padding-right:0px;}
	
	.comment_area .write textarea{padding:10px 15px;}
	.comment_area .write .input{padding:7px 15px;}
	.comment_area .write .input >  span{float:none !important; display:block; margin:2px 0px;}
	.comment_area .write label{min-width:80px; margin-right:0px;}
	.comment_area .write input[type="text"],
	.comment_area .write input[type="password"]{width:calc(100% - 90px);}
	.comment_area .list .btn{position:static; margin-top:10px;}
	
	.secret_area input[type="password"]{display:block; margin:0 auto 10px;}

	ul.bbsList li .more{right:0;}
	ul.bbsList li .notice{padding:2px 10px;font-size:12px;}
	ul.bbsList li .more{display:none;}	

	table.bbsList colgroup{display:none;}

	.bbsTitle{padding: 0 10px 9px !important;font-weight: 500 !important;font-size: 20px !important;}
	.bbsTitle_cont{margin-bottom:30px;}
	.bbsTitle_cont > i{margin-bottom:10px; font-size:13px;}
	.bbsTitle .reply{margin-right:8px; padding:3px 7px; font-weight:300; font-size:12px;}
	.bbsDate{margin-top:0;}
	.bbsDate > ul > li{padding:0px 11px; font-size:12px;}	

	.bbsView td.conts{padding: 0 0;}

	.bbsContent{padding:30px 0;}
	.bbsContent .conts{min-height:270px;}

	.bbsFile .file{padding:16px 20px;}
	.bbsFile .file li > *:not(em){margin-left:8px; font-size:13px;}
	.bbsFile .file em{font-size:13px;}	
	
	.bbsSearch input[type=text]{width:43%;}

	/* NEW ver.1.0.2 */
	.bbsNew_container.v2 .bbsTitle{font-size:28px !important;}
	.bbsNew_container.v2 .bbsTitle_cont{margin-bottom:0;}
	.bbsControls ul li a em{padding:0 30px;}
	.bbsControls{margin-top:20px;}		

	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr;}

	/* NEW ver.1.0.4 */
	.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr;}	
}

@media screen and (max-width:480px){
	.bbsView dl{position:relative;}
	.bbsView dl:after{content:''; display:block; clear:both;}
	.bbsView dl:before{content:''; display:block; position:absolute; top:0px; left:0px; width:130px; height:100%; background:#f9fafb;}
	.bbsView dl dt,
	.bbsView dl dd{word-break:break-all;}
	.bbsView dl dt{clear:left; float:left; position:relative; z-index:2; width:130px !important; border:0px !important; box-shadow:none;}
	.bbsView dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
	.bbsView dl dd{position:relative; width:100% !important; padding:15px 0 5px 145px;}
	.bbsView dl dd:after{content:''; display:table; clear:both;}
	.bbsView dl.col02 dt:nth-of-type(2){border-left-width:0px;}
	.bbsView dl.colspan dd{position:static;}
	.bbsView dl:last-child dt,
	.bbsView dl:last-child dd{border-bottom:1px solid #eaecf1;}
	.bbsView dl:not(.col02){position:relative;}
	.bbsView dl:not(.col02) dt{position:absolute; left:0px; top:0px; height:100%;}

	.bbsView col{display:none;}
	.bbsView > tbody > tr > th,
	.bbsView > tbody > tr > td{width:100%; box-sizing:border-box; padding:10px 0;}
	.bbsView th[data-view="count"] + td{width:100% !important;}
	.bbsView th[data-view="file"] + td{border-top-width:0px; padding-left:20px;}
	.bbsView.page th,
	.bbsView.page td{padding:10px;}
	.bbsView div.conts{min-height:230px;}
	.bbsView > tbody > tr{display:flex; flex-direction:column;}

	ul.bbsList li .date:before{right: -7px;height: 30px;}
	ul.bbsList li .subject{font-size: 15px;padding: 28px 20px 28px 78px;flex-direction: column;align-items: flex-start;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
	ul.bbsList li .notice{position:relative;top:1px;margin: 0 6px 4px 0;}
	
	.comment_area .comment_password input[type="password"]{display:block; width:200px; margin:0 auto 5px;}
	
	.blogList li p{overflow:hidden; height:65px; font-size:14px;}
	
	.columnList{margin-top:-2em;}
	.columnList li > a{margin:2em 0;}
	
	.bbsSearch input[type=text],
	.bbsSearch .button,
	.bbsSearch .designSelect .selectbox,
	.bbsSearch .designSelect .select{height:40px;}
	.bbsSearch .designSelect{margin-right:7px;}
	.bbsSearch input[type="submit"].button{width:40px;height:40px;margin-left: 0;background-color:transparent;background-size:15px;background-position:center;font-size:0;min-width:auto;background-image:url(../images/board/icon_search.svg);background-repeat:no-repeat;position: absolute;right: 13px;}
	.bbsSearch input[type=text]{width:65%;}
	.bbsSearch form{margin-bottom:16px; padding: 16px 10px;}
	
	.designSelect .selectbox{line-height:40px; padding:0 14px;}
	.designSelect .select{width:85px;}
	.designSelect .selectbox:after{top:16px; right:12px; width:15px; height:9px;}
	.designSelect .selectoption li{padding:5px 14px;}	
	.designSelect .selectoption{padding:0 0 7px;left: 0;}
	.designSelect .selectoption li{padding:4px 14px;}
	
	ul.bbsList{border-top:0;}
	
	/* NEW ver.1.0.2 */
	.pagination{margin: 30px 0 30px;}
	.pagination a{width:29px; height:29px; font-size:14px;}
	.pagination .btn_pager::after{background-size:5px; background-position:52% 51%;}
	.pagination .btn_end::after{background-size:8px; background-position:50% 11px;}

	.bbsNew_container.v2 .bbsContent{padding: 25px 0 0px;}
	.bbsNew_container.v2 .bbsTitle{font-size: 25px !important;}
	.bbsNew_container.v2 .bbsDate{margin-top:16px; padding:12px 0;}
	.bbsNew_container.v2 .bbsDate > ul > li{padding: 0 11px;font-weight:300;font-size:13px;color:#888;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:152px; padding:15px 0;}
	.bbsNew_container.v2 .bbsDate > ul > li > i{margin-right:5px;}
	.bbsNew_container.v2 .admPager_btn li a{color:#999; border-color:#d5d5d5;}	

	.bbsControls ul li a{padding: 15px 0;}
	.bbsControls ul li a em{padding: 0 13px 0 0;margin-right: 14px;}
	.bbsControls{margin-top: 26px;}

	.admPager_btn li a{width: auto;padding: 7px 13px;font-size: 13px !important;border-width:1px !important;}
	.admPager_btn li:first-child{margin-right:4px;}
	.admPager_btn{top:-10px; padding-bottom:14px; align-self:end;}

	.bbsNew_container.v2 .bbsPager{padding:25px 0 25px;}
	.bbsPager .inr_pager{flex-direction:column-reverse;}
	
	.bbsFile .file{padding:12px 13px 6px;}	
	
	.bbsSearch .designSelect .selectbox,
	.bbsSearch .designSelect{display:none;}
	.bbsSearch input[type=text]{height:50px; margin:0; padding-left:17px; border:2px solid #202020; border-radius:70px; flex:1;}
	.bbsSearch form{margin-bottom:16px;padding:0;background:none;position: relative;}
	
	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="A"]{gap:18px; grid-template-columns:1fr;}
	
	.bbsSearch[data-type="A"] form{margin-bottom:0; padding:0px 0px 30px; background:none;}
	.bbsSearch[data-type="A"] select{display:none;}
	.bbsSearch[data-type="A"] .search_input{width:100%;}
	.bbsSearch[data-type="A"] input[type=text]{width:100%; margin-left:0; padding-left:1px; border:0; border-bottom:1px solid #b5b5b5; border-radius:0;}
	.bbsSearch[data-type="A"] input[type="submit"].button{top:auto; right:-1px; bottom:2px; margin-left:0; background-size:20px;}
	
	.ko_board_list[data-type="A"] [data-board="arr"]{display:none;}
	.ko_board_list[data-type="A"] [data-board="tit"]{height:auto; max-height:clamp(46px, 4.1667vw, 60px);}
	.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:68px;}
	.ko_board_list[data-type="B"]{grid-template-columns:1fr;}
	.ko_board_list[data-type="B"] > li{overflow:hidden; height:auto;}
	.ko_board_list[data-type="B"] [data-board="img"]{display:block; position:relative; overflow:hidden; width:100%; height:clamp(150px,14.5833vw, 210px); margin-top:20px;}
	.ko_board_list[data-type="B"] [data-board="tit"]{height:auto; max-height:none;}
	.ko_board_list[data-type="B"] [data-board="con"]{-webkit-line-clamp:3;}

	.ko_board_list[data-type="B"] > li:hover{background:#fff;}
	.ko_board_list[data-type="B"] > li:hover *{color:#111;}
	.ko_board_list[data-type="B"] [data-board="notice"]{color:#fff !important;}

	/* NEW ver.1.0.4 */
	.ko_board_list[data-type][data-gallery="A"]{gap:35px}
	.ko_board_list[data-type="A"] [data-board="notice"]{margin-left:6px;}
	.bbsForm_data label{margin-bottom:9px; font-size:15px;}
	.bbsForm input[type="text"],
	.bbsForm input[type=email],
	.bbsForm input[type=tel],
	.bbsForm input[type=number],
	.bbsForm .designSelect .select,
	.designSelect .selectbox{height:44px; box-sizing:border-box; padding:0 8px;}
	.bbsForm .wdt30{width:100%;}

	.data_call > i::after{width:5px;}
	.data_call > i{margin:0 4px;}
	.data_call > *:not(i){width:-webkit-calc((100%/3) - 7px); width:calc((100%/3) - 7px);}
	
	.bbsForm_data:not(:first-child){margin-top:24px;}
	.bbsForm textarea{padding:8px; min-height:130px;}

	.button_new{height:42px; line-height:42px;}
	input.button_new{height:44px; line-height:44px;}

	.data_address ul li:not(:last-child){margin-bottom:5px;}
	.data_address ul li > a{margin-left:4px;}	
	
	.designRadio.agree{margin-top:11px;}
	
	.box_privacy{margin-bottom:30px;}

	.check_con > em{margin-left:7px; font-weight:300; font-size:14px;}
	.check_con .checkmark{width:19px; height:19px;}
	.check_con .checkmark:after{top:3px; left:7px;}
	
	.data_email> div{flex-wrap:wrap;}	
	.data_email .designSelect{margin-top:3px;}
	.data_email .designSelect,
	.bbsForm .designSelect .select{width:100%; margin-right:0; margin-left:0;}
	.bbsForm .designSelect .select{height:auto; padding:0; border:0;}
	
	.data_email> div > input{width:-webkit-calc((100%/2) - 12px); width:calc((100%/2) - 12px);}
	.data_email> div > i{margin:0px 5px; font-size:13px;}
	.data_email .designSelect{width: 100%;width: 100%;}
	.data_email #mail_chk{position:absolute; right:0; bottom:0;}

	.bbsForm_data .designSelect .select select{display:block;}
	.bbsForm_data .designSelect .selectbox{display:none;}
	.bbsForm_data .designSelect .select select{display:block; width:100%; height:44px; margin-bottom:0; padding:0 0 0 10px;}
	
	.bbsNew_container .scroll-textarea{min-height:140px;}
	.bbsNew_container .box_privacy textarea{padding:15px !important; font-size:13px;}
	.bbsNew_container .btn_area{display:flex; padding-top:35px; gap:5px;}
	.bbsNew_container .btn_area > *{flex:1;}	

	.data-spam span{padding:0px 11px;font-size:13px;font-weight: 800;}
	.data-spam .inr{line-height:39px;}	
	.data-spam span::before{display: none;}
}

@media screen and (max-width:460px){
	.bbsView td.tel > span{display:none;}
	.bbsView .address .button,
	.bbsView .id .button{top:10px;}	
	.designRadio.agree input[type="radio"] + label{margin:2px 10px;}

	.bbsControls ul li a p,
	.bbsControls ul li a em{font-size:13px;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:auto; width:100%; padding:14px 0; font-weight:700; font-size:14px;}

	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="B"] .file{margin-bottom:0px;}
}

@media screen and (max-width:410px){
	.pagination ol li{margin:0 0px;}
	.pagination ol li a{width: 34px;}
	.pagination a{width: 30px;height: 30px;}
	.pagination div[class^="page_control"]{margin:0 7px;}
	.pagination div[class^="page_control"] a{margin:0 2px;}
	.pagination .btn_end::after{background-position: 50% 11px;}	
}

@media screen and (max-width:380px){
	.search_bbs .search{position:relative;}
	.search_bbs .search select{position:absolute; left:0px; top:0px; width:70px;}
	.search_bbs .search .button{position:absolute; right:0px; top:0px;}
	.search_bbs .search input[type="text"]{width:100%; padding-left:80px; padding-right:70px;}
}

@media screen and (max-width:360px){	
	.bbsView th[data-view="date"] + td,
	.bbsView th[data-view="count"] + td{font-size:14px;}

	.bbsPager .inr_pager .pager_list{width:120px;}
}

@media screen and (max-width:340px){
	ul.bbsList li .date{left:0px;}
	ul.bbsList li .subject{padding-left:90px; padding-right:0px;}
	ul.bbsList li .more{display:none;}
	
	.photoList > li{float:none !important; width:100%;}	
	.photoList > li .img{padding-top:60%;}
}


/* pagination */
.pagination{display:flex; justify-content:center; align-items:center;margin-top: 60px;}
.pagination a{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:35px; height:35px;position: relative;color: #939393;font-size: 16px;transition: all 0.3s ease 0s;opacity: 1;}
.pagination ol{display:flex; align-items:center;}
.pagination ol li {margin: 0 3px;}
.pagination ol li.on a {font-weight: 600;color: #222;}
.pagination ol li:not(.on) a:hover {opacity: 0.7;}
.pagination div[class^="page_control"] a{margin:0 3px; border:1px solid #ddd; font-size:0;}
.pagination div[class^="page_control"] a:hover {border-color:#b7b7b7;}
.pagination div[class^="page_control"]{display:flex; flex-flow:row wrap; align-items:center;margin: 0 9px;justify-content: center;align-content: center;flex-wrap: nowrap;}
.pagination .btn_pager::after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/btn_pager.svg) no-repeat 52% 50% / 6px;opacity: 0.4;}
.pagination .btn_pager.prev::after {background-position: 50% 50%; }
.pagination .btn_pager.prev::after, .pagination .btn_end.first::after {transform: rotate(180deg);   -webkit-transform: rotate(180deg);}
.pagination .btn_end::after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/btn_pager_end.svg) no-repeat 50% 13px / 9.1px;opacity: 0.4;}



/********** 게시판 ****************/
/* 검색 */
.hg_bbs_search {padding: 55px 20px;margin-bottom: 44px;font-size: 0;text-align: center;background: #f4f7f9;}
.hg_bbs_search .category { display: inline-block;position: relative;width: 123px;  vertical-align: top; }
.hg_bbs_search .search { display: inline-block; position: relative;  vertical-align: top;}
.hg_bbs_search input  {width: 353px;height: 45px;margin: 0 10px;vertical-align: top;background: #fff;border:1px solid #ddd;text-overflow: ellipsis;}
.hg_bbs_search input:focus {border-color: #00b7de;}
.hg_bbs_search .btn_search{display: inline-block;  vertical-align: top;width: 108px;height: 45px;padding: 0;font-size: 16px;font-weight: 400;color: #fff;border: 1px solid #00b7de;background: #00b7de;outline: none;cursor: pointer;-webkit-transition: background 300ms, border-color 300ms;transition: background 300ms, border-color 300ms;}
.hg_bbs_search .btn_search:hover {background: #0c1c40;border-color: #0c1c40;}

/* 리스트 */
.hg_bbs_list {}
.hg_bbs_list > ul {display: table;width: 100%;table-layout: fixed;}
.hg_bbs_list > ul > li  {display: table-row;cursor: pointer;}
.hg_bbs_list > ul > li > div {display: table-cell;vertical-align: middle;border-bottom: 1px solid #ddd;-webkit-transition: border 300ms;transition: border 300ms;}
.hg_bbs_list > ul > li .list_date {width: 130px;text-align: center;vertical-align: middle;}
.hg_bbs_list > ul > li .list_date strong {display: block;padding-right: 2px;font-size: 48px;letter-spacing: -0.01em;font-weight: 400;line-height: 1;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}
.hg_bbs_list > ul > li .list_date span {display: block;padding-top: 4px;font-size: 18px;letter-spacing: 0.1em;font-weight: 400;line-height: 1;color: #ddd;-webkit-transition: color 300ms;transition: color 300ms;}
.hg_bbs_list > ul > li .list_title {padding: 34px 24px 36px;}
.hg_bbs_list > ul > li .list_title .list_subject {margin-bottom: 9px;overflow: hidden;white-space: nowrap;}
.hg_bbs_list > ul > li .list_title .list_subject strong {max-width: -webkit-calc(100% - 85px);max-width: calc(100% - 85px);display: inline-block;vertical-align: middle;font-size: 20px;font-weight: 600;line-height: 1.5;color: #333;}
.hg_bbs_list > ul > li .list_title .list_subject strong span {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.hg_bbs_list > ul > li .list_title .list_subject span.cate {display: inline-block;vertical-align: middle;width: auto; padding: 2px 15px;margin-right: 16px;font-size: 15px;text-align: center; color: #00b7de;border: 1px solid #00b7de;}
.hg_bbs_list > ul > li .list_more {width: 60px;text-align: right;}
.hg_bbs_list > ul > li .list_more a {display: inline-block;vertical-align: middle;width: 47px;height: 47px; border:1px solid #ddd; border-radius:100%; position: relative;font-size: 0;}
.hg_bbs_list > ul > li .list_more a:after {display: block;width: 100%;height: 100%;position: absolute;top: 10px;left:0; padding-left:2px; text-align:center; font-family : xeicon;content: '\e940';font-size: 27px;font-weight: normal;line-height: 1;color: #aaaaaa;color: rgba(170, 170, 170, 0.66667);}
.hg_bbs_list > ul > li .list_more a, .hg_bbs_list > ul > li .list_more a:after  {-webkit-transition: color 300ms, -webkit-transform 300ms;transition: color 300ms, -webkit-transform 300ms;transition: color 300ms, transform 300ms;transition: color 300ms, transform 300ms, -webkit-transform 300ms;}
.hg_bbs_list > ul > li:hover > div {border-bottom-color: #00b7de;}
.hg_bbs_list > ul > li:hover .list_subject strong span {color: #00b7de; }
.hg_bbs_list > ul > li:hover .list_date strong {color: #00b7de;}
.hg_bbs_list > ul > li:hover .list_date span {color: #00b7de;}
.hg_bbs_list > ul > li:hover .list_more a { border:1px solid #00b7de}
.hg_bbs_list > ul > li:hover .list_more a:after {color: #00b7de;  }

.hg_bbs_list > ul > li.nodata {;text-align:center;display: block;cursor: inherit;}
.hg_bbs_list > ul > li.nodata > div { display:block; padding:80px 0}
.hg_bbs_list > ul > li.nodata p { margin-bottom:30px; }
.hg_bbs_list > ul > li.nodata p img { width:200px;}
.hg_bbs_list > ul > li.nodata strong {   font-weight:normal}
/* 실적(갤러리 타입) */




/* 뷰 */
.bbs_view { padding-bottom:70px; }
.bbs_view .btn_area { margin-top:30px; }
.bbs_view .view_title { padding:25px 15px; border-bottom:1px solid #000;  }
.bbs_view .view_title h3 { font-size:35px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;text-align:center;}
.bbs_view .view_info { padding: 20px 15px; border-bottom:1px solid #ddd;}
.bbs_view .view_info ul { display:flex;justify-content: center;}
.bbs_view .view_info ul li { position:relative;  margin:0 12px; color:#9c9c9c }
.bbs_view .view_info ul li:first-child   { margin-left:0; }
.bbs_view .view_info ul li:first-child:after { display:none; }
.bbs_view .view_info ul li strong { font-weight:500; }
.bbs_view .view_info ul li span { margin-right:7px; }
.bbs_view .view_info ul li:after { content:""; display:block; position:absolute; top:8px; left:-12px; width:1px; height:10px;  border-right:1px solid #ddd }
.bbs_view .view_content { min-height:300px; padding: 20px; border-bottom:1px solid #ddd; }

/* 글쓰기 */
.hg_bbs_write { padding:20px 0;   }
.hg_bbs_write > ul > li { margin-bottom:30px; }
.hg_bbs_write li.col2  {float:left; width:50%; }
.hg_bbs_write li.col2 + .col2 dl {margin-left: 60px; }
.hg_bbs_write dl { }
.hg_bbs_write dl:after { clear:both; content:""; display:block; }
.hg_bbs_write dl dt { float: left;  width: 120px; line-height: 47px;  font-size: 16px; color: #999;}
.hg_bbs_write dl dt .required_mark:after{ content: '*'; display: inline-block; color: #f97384; font-weight: bold; margin-left:3px; vertical-align:middle; }
.hg_bbs_write dl dd  { float:left; width: calc(100% - 120px);  }
.hg_bbs_write input[type=text] {    width: 100%; height: 47px; line-height: 47px;padding: 0 5px; border:0;  color: #222;   border-bottom:1px solid #ddd;}
.hg_bbs_write .nice-select { border:0; border-bottom:1px solid #ddd; }
.hg_bbs_write textarea  { width:100%; height:300px; border:0; border-bottom:1px solid #ddd;}
.input_wrap_file input[type="file"] { position: absolute;width: 0; height: 0; padding: 0; overflow: hidden;  border: 0;}
.input_wrap_file label {display: inline-block; width:100px;padding: 10px 20px;color: #fff; vertical-align: middle; background-color: #999999; cursor: pointer; height: 47px; margin-left: 10px;}
.input_wrap_file .upload_name { display: inline-block; height: 47px; padding: 0 10px; vertical-align: middle; border-bottom: 1px solid #ddd;  width: calc(100% - 120px); color: #999999;}

/* 페이징 */
.paging{margin-top:50px;  padding-bottom:70px; text-align:center}
.paging ul{display:flex;align-items:center;justify-content:center;-ms-align-items:center;-ms-justify-content:center}
.paging li{margin:0 3px}
.paging .prev,.paging .next{margin:0 20px;width:22px;height:22px;}
.paging .prev i,.paging .next i{  display:inline-block; width: 22px;  height: 10px; margin-top:-2px; background: url(../images/btn_main_more.png) no-repeat; }
.paging .next{background-position: 100% 100%}
.paging a{display:flex;align-items:center;justify-content:center;-ms-align-items:center;-ms-justify-content:center;width:30px;height:30px;border-radius:100%;text-align:center;background:transparent}
.paging a.active{background:#00b7de;color:#fff !important}
.paging .prev i{ transform: rotateY(-180deg);}




/**** pc ***/
@media screen and (max-width: 1600px) {
	.hg_bbs_exp .exp_grid {
		--gap: 4px;
	}
}



/**** 태블릿 ***/
@media screen and (max-width: 1200px) {

	.hg_bbs_exp .exp_grid {
		grid-template-columns: repeat(2, 1fr);
	}

}


/**** 모바일 ***/

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

	.hg_bbs_search { text-align:left; }
	.hg_bbs_search .search { display:block; }
	.hg_bbs_search .category { margin-bottom:10px; }
	.hg_bbs_search input { width: calc(100% - 128px); margin-left:0;}
	.hg_bbs_exp .exp_grid { display: block; }

	.exp_item {  margin-bottom: var(--gap);}

	.hg_bbs_write li.col2 { width:100%; }
	.hg_bbs_write li.col2 + .col2 dl { margin-left:0; }


}

@media screen and (max-width: 600px) {
	.bbs_view .view_info .left { width:100%; }
	.bbs_view .view_info .right{ width:100%;  }


}

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

}