@charset "UTF-8";

body {
	font-size:14pt;
}
/*서브공통*/
.flex_box {
	display:flex;
	align-items:center;
}
.flex_between {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.flex_start {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.btnSet {
	display:flex;
	justify-content:flex-end;
	gap:0 10px;
	max-width:1290px;
	/*width:100%;*/
	margin:10px auto;
	/*padding: 0 1.8rem;*/
}
.btnSet .b-list,
.btnSet .b-edit  {
	width:185px;
	height:60px;
	font-weight:bold;
	text-align:center;
	line-height:60px;
	cursor:pointer;
	background:#fff;
	border:1px solid #212121;
	color:#262626;
	padding:0 !important;
	margin:0 !important;
}

.cmtFoot.cmmntViewDiv {
	text-align: center;
	/*margin-bottom: 20px;*/
}

.cmtFoot.cmmntViewDiv .updtBtn {
	background: #333 !important;
	border: 0px !important;
}

.cmtFoot.cmmntViewDiv .cmmntDelBtn {
	background: #e74c4c !important;
	border: 0px !important;
}

.dn { display: none !important; }

.clear {
	clear: both;
	overflow: hidden;
	float: none;
}

.row {
	width: 100% !important;
}
.all-view__box-info .info dt {
	font-size:14px;
}
.updtBtn.b-edit {
	display:inline-block;
	width:60px;
	height:30px;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-size:14px;
}
.cmmntDelBtn.b-del {
	display:inline-block;
	width:60px;
	height:30px;
	color:#fff;
	text-align:center;
	line-height:30px;
	font-size:14px;
}
.all-view__box-info {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
div[class*=cmmntUpdtDiv] textarea {
	width:100%;
	min-height:100px !important;
	padding:10px;
} 
div[class*=cmmntUpdtDiv] .col-sm-2 {
	display:flex;
	justify-content:flex-end;
	font-size:14px;
	gap:0 10px;
}
div[class*=cmmntUpdtDiv] .col-sm-2 a:hover {
	text-decoration:underline;
}
.post__title-area div.flex_between .flex_box {
	gap:0 10px;
}
.post__title-area div.flex_between .flex_box dd img {
	vertical-align:text-top;
	width: 20px !important;
}
.pagination {
	align-items:flex-end;
}
.pagination :is(.first, .prev, .next, .end) a span {
	font-size:0;
	color:transparent;
	text-indent:-9999px;
}
.guide {
	margin-bottom:10px;
}
.guide dl {
	display:flex;
	gap:0 20px;
	margin-top: 1rem;
}
.guide dl dt.logo {
	/*width:100px;*/
	height:auto;
	background:none;
	cursor:unset;
}
.guide dl dd {
	width:calc(100% - 100px);
}
.webtoon_etc .post__desc .desc {
	/*padding-bottom:40px !important;*/
}

/* 최정우 230206 수정 */
.post__desc .desc img {
	width: unset;
	max-width: 100%;
	margin-bottom:0;
}


/*혁신어벤져스 상세*/
.sliderMc .thumbs > div {height:433px !important;}
.sliderMc .thumbs > div img {width:100%; height:100% !important; object-fit: contain}
.photoView {position: relative;}
.sliderMc {
  position: relative;
  z-index: 10;
	width:595px;
  overflow: hidden;
  margin:0 auto;
}

.sliderMc .thumbs {
  position: relative;
  z-index: 10;
  width: 590px;
  height: 540px;
  float: left;
  overflow: hidden;
}

.sliderMc .thumbs > div:nth-child(1) {
  
}
.sliderMc .thumbs > div {
  position: relative;
  z-index: 10;
  width: 596px;
  overflow: hidden;
  float: left;
  height: 540px;
}

.sliderMc .thumbs > div a {
  display: block;
  padding: 5px;
  border: 2px solid #cacaca;
  text-align: center;
}

.sliderMc .thumbs > div a img {
  width: auto;
  max-height: 518px;
  max-width: 100%;
}

.sliderMc .descSet {
  position: absolute;
  left: 0;
  top: 0;
  width: 210px;
  height: 304px;
  padding: 38px 20px;
  background: url(../images/mains/opacity60.png);
}

.sliderMc .descSet a, .sliderMc .descSet h2, .sliderMc .descSet p, .sliderMc .descSet span {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}
.sliderMc .descSet .stitle {
  font-size: 15px;
  line-height: 20px;
  margin-top: 8px;
  margin-bottom: 20px;
}

.sliderMc .descSet h2 {
  display: inline-block;
  line-height: 20px;
  background: #ed1c24;
  padding: 0 5px;
}
.thumbsList .caroufredsel_wrapper{height: 96px !important; width: 100% !important;}
.thumbsList .caroufredsel_wrapper ul{height: 11rem !important; width: 100% !important;}

/*.caroufredsel_wrapper {*/
/*	width: 100% !important;*/
/*	left: 0px !important;*/
/*}*/
/*.caroufredsel_wrapper ul{*/
/*	width: 86% !important;*/
/*	left: 40px !important;*/
/*	overflow: hidden;*/
/*}*/
.thumbsList {
  width: 595px;
  /*height: 110px;*/
  /* margin-top: 11px;*/
  /*margin-left:80px;*/
  float: left;
	/*position: absolute;*/
  /*top:0px; */
	right:25px;
	/*position: relative;*/
	/*margin-top: -29px;*/
	/*margin-left: 30px;*/
}

.thumbsList li {
  /*display: inline-block;*/
  float: left;
  overflow: hidden;
	width: 24.5% !important;
  height: 100% !important;
  margin-bottom: 10px;
}

.thumbsList li img {
  vertical-align: top;
  height:100%;
}

.thumbsList li a {
	height: 79%;
  border: 3px solid #fff;
  display: block;
  overflow: hidden;
  text-align: center;
}

/*.thumbsList li a:hover,*/
/*.thumbsList li a:focus,*/
/*.thumbsList li a:active,*/
.thumbsList li.on a {
  /*border-color: #febe10;*/
	border-color: #00ADFF;
}

.photoListTop {margin-bottom:20px; overflow:hidden;}
/*.sliderMcCtrl.horizon{width: 100%;*/
/*	height: 22rem;*/
/*	margin: 0 auto;*/
/*	position: relative;*/
/*	max-width: 600px;*/
/*	margin-top: 3rem;*/
/*}*/
.sliderMcCtrl .prevVs {
  position: absolute;
  z-index: 50;
  right: 30px;
  background: url(/static/ucms/img/photoCtrlUp.png) no-repeat;
  width: 111px;
  height: 23px;
	display: block !important;
	top: 35px;
	left: -45px;
	transform: rotate(-90deg);
}
.sliderMcCtrl .nextVs {
  position: absolute;
  z-index: 50;
  right: 30px;
  background: url(/static/ucms/img/photoCtrlDown.png) no-repeat;
  width: 111px;
  height: 23px;
	display: block !important;
	right: -45px;
	top: 35px;
	transform: rotate(-90deg);
}

/*토론게시판 상세 날짜추가*/
.board_detail_date {
	margin:-40px 0 20px;
}
/*게시판 폰트 적용*/
.post__desc .desc :is(h1, h2, h3, h4, h5, h6, a, p, span, b, i, u, th, td, caption, dl, dt, dd, li, div, blockquote, *) {
	font-family:'Pretendard GOV' !important;
	/*font-size: 14pt !important;*/
}

.post__desc .desc :is(h1, h2, h3, h4, h5, h6, a, p, span, b, i, u, th, td, caption, dl, dt, dd, li, div, blockquote, *)  {
	font-size: 14pt;
}

@media (min-width: 14pt) {
	/*.post__desc .desc :is(h1, h2, h3, h4, h5, h6, a, p, span, b, i, u, th, td, caption, dl, dt, dd, li, div, blockquote, *) {*/
	/*	font-size: initial;*/
	/*}*/
}

@media all and (max-wdith:1024px) {
	#smart_editor2 {
		max-width:1094px !important;
		width:100% !important;
	}
}
@media all and (max-width:768px) {
	.post__desc .desc img{
		object-fit: contain;
		height: 100% !important;
	}
	.post__title-area div.flex_between .flex_box {
		margin-bottom:0;
	}
	.post__writer {
		bottom:0px;
	}
	.post__title {
		position:static !important;
		/*padding-bottom:65px !important;*/
	}
	.post__title dd {
		/*position:absolute;*/
		bottom:20px;
		left:0;
		margin: 10px auto;
	}
	.post__title-area div.flex_between .flex_box {
		bottom:2px;
		right:0;
	}
	.btnSet .b-list,
	.btnSet .b-edit {
		width:90px;
		height:35px;
		line-height:35px;
		font-size:18px;
	}

	/* 최정우 230206 추가 */
	/* 최정우 230206 제거 (제거 나중에 모바일 또는 태블릿 환경에서 무조건 너비 100%가 필요하면 주석 해제) */
	/*.post__desc .desc img {
		width: 100%;
	}*/
}
@media all and (max-width:500px) {
	.all-view__box-info {
		flex-direction:column;
		gap:10px 0;
	}
	.post__desc .desc {
		word-break:unset !important;
	}
	.guide dl {
		display:block;
	}
	.guide dl dt {
		width:150px;
		margin-bottom:10px;
	}
	.guide dl dd {
		width:100%;
	}
}