@charset "utf-8";

/* 모바일 목록 */
@media all and (max-width:767px) {
	.responsive #bo_list .float-left.float-md-none {
		margin-right:1.0rem;
	}
	.responsive #bo_list .na-title {
		margin-bottom:0.14rem;
	}
}

/* 게시판 읽기 */
#bo_v_title {
	font-size:23px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:-1px;
}
#bo_v_con {
	min-height:200px; 
	word-break:break-all;
	overflow:hidden
}
@media all and (max-width:575px) {
	.responsive #bo_v_title {
		font-size:20px;
		line-height:1.5;
	}
	.responsive #bo_v_con { 
		min-height:140px; 
	}
}

#bo_v_con img {
	max-width:100%;
	height:auto
}
#bo_v_img {
	width:100%;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
#bo_v_img:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#bo_v_img a.view_image {
	display:block;
}
#bo_v_img img {
	margin-bottom:1.0rem;
}

/* 게시판 읽기 : SNS 공유 */
#bo_v_sns_icon { 
	margin:-5px auto; 
}
#bo_v_sns_icon img { 
	width:40px; 
	border-radius:50%; 
	margin:5px;
}

/* 게시판 댓글 : 내용 */
.cmt-reply {
	top:0;
	left:-16px;
}
.by-writer { 
	background:#fbefef !important;
	border-top:1px solid #f6cece !important;
}
.cmt-content {
	word-break:break-all;
	overflow:hidden
}
.cmt-content img {
	max-width:100%;
	height:auto
}

/* 게시판 댓글 : 대댓글, 수정, 삭제 */
.cmt-btn ul { 
	list-style: none; 
	margin: 0; 
}
.cmt-btn ul > li { 
	float: left; 
	font-size:12px;
	padding: 0 10px; 
}
.cmt-btn ul > li::before { 
	float: left; 
	color:#ccc; 
	content: "|"; 
	margin-left:-12px;
}
.cmt-btn ul > li:last-child { 
	padding-right:0;
}
.cmt-btn ul > li:first-child::before, 
.cmt-btn ul > li.no-bar::before { 
	content: ""; 
	margin-left:0; 
}
.cmt-btn ul > li > a { 
	float:left;
	color:#888;
	white-space:nowrap;	
}

/* 게시판 댓글 : 쓰기폼 */
#fviewcomment #wr_content { 
	resize:none; 
}
@media all and (max-width:575px) {
	.responsive .cmt-box {
		border-right:0 !important;
	}
	.responsive #bo_vc_w .cmt-box {
		border-left:0 !important;
		border-radius:0 !important;
	}
	.responsive #bo_vc_login {
		border-left:0 !important;
		border-right:0 !important;
		border-radius:0 !important;
	}
}

/* 게시판 댓글 : SNS 등록 */
#bo_vc_opt ol {	
	margin:0;
	padding:0;
	list-style:none;
	zoom:1; 
	background:#ccc;
	border-radius:3px;
}
#bo_vc_opt ol:after { 
	display:block;
	visibility:hidden;
	clear:both;
	content:""; 
}
#bo_vc_opt ol li { 
	float:left;
	margin:0; 
}
#bo_vc_send_sns ul { 
	margin:0;
	padding:0;
	list-style:none;
	zoom:1; 
}
#bo_vc_send_sns ul:after { 
	display:block;
	visibility:hidden;
	clear:both;
	content:""; 
}
#bo_vc_send_sns ul li {	
	float:left;
	margin:0 1.0rem 0 0;
}
#bo_vc_send_sns input {	
	margin:0 0 0 0.5rem;
}

/* 게시판 쓰기 */
#bo_w .list-group-item {
	padding-left:0;
	padding-right:0;
	border-left:0;
	border-right:0;
}
#bo_w #wr_content { 
	margin-bottom:1.0rem !important;
}
@media all and (max-width:575px) {
	#bo_w .list-group-item {
		padding-left:1.0rem;
		padding-right:1.0rem;
	}
	.responsive #bo_w #wr_content {
		max-height:160px !important;
	}
}


/* 추가 20221212 */
.properties th { width: 100px;vertical-align: top; color:#999; padding-top:10px;}

.table .div-title-underbar .lbar {
    padding: 3px 5px;
    border-left: 6px solid #2196f3;
    margin: 10px 0 0;
    line-height: 1.2em;
}


/* Common styles for all types */
.bs-callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 7px;
  border-radius: 3px;
}
.bs-callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code {
  border-radius: 3px;
}

/* Tighten up space between multiple callouts */
.bs-callout + .bs-callout {
  margin-top: -5px;
}

/* Variations */
.bs-callout-danger {
  border-left-color: #ce4844;
}
.bs-callout-danger h4 {
  color: #ce4844;
}
.bs-callout-warning {
  border-left-color: #aa6708;
}
.bs-callout-warning h4 {
  color: #aa6708;
}
.bs-callout-info {
  border-left-color: #1b809e;
}
.bs-callout-info h4 {
  color: #1b809e;
}
.bs-callout-lbar {
  border-left-color: #ff0000;
}
.bs-callout-lbar h4 {
  color: #1b809e;
}


/* Dividers ------------------------------------------------------ */
.div-title-block-thin, .div-title-block-bold {
    position: relative;
    margin-bottom:20px;
}
.div-title-block-thin::before, .div-title-block-bold::before { 
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
}
.div-title-block-thin::before {
    height: 1px;
	margin-top:-1px;
	background:#e7e6e6;
}
.div-title-block-bold::before {
    height: 6px;
    background: rgb(240, 240, 240);
	margin-top:-4px;
}
.div-title-block-thin span, .div-title-block-bold span {
    background: #fff;
    padding: 0 12px;
    margin: 0 15px;
    position: relative;
    z-index: 2;
}
.div-title-line-thin, .div-title-line-bold {
	width:100%;
	padding:12px 0px 6px; 
    margin: 0 0 20px;
}
.div-title-line-thin {
	border-bottom:1px solid #e7e6e6;
}
.div-title-line-bold {
	border-bottom:6px solid rgb(240, 240, 240);
}
.div-title-underline-thin, .div-title-underline-bold { 
	margin: 0px 0px 15px; 
	padding: 0px 0px 5px; 
	text-transform: capitalize; 
	overflow: hidden; 
	display: inline-block; 
	position: relative;
}
.div-title-underline-thin { 
	border-bottom:1px solid rgb(51, 51, 51); 
}
.div-title-underline-bold { 
	border-bottom:3px solid rgb(51, 51, 51); 
}
.div-title-underbar {
	padding:0;
	margin:0;
    border-bottom: 1px solid #cccccc;
}
.div-title-underbar span {
    display: inline-block;
    padding-bottom: 8px;
	margin-bottom:-1px;
}
.div-title-underbar-thin {
    border-bottom: 1px solid #333333;
}
.div-title-underbar-bold {
    border-bottom: 2px solid #333333;
}
.div-title-wrap {
    display: table;
    margin: 0 0 20px;
    overflow: hidden;
}
.div-title {
    float: left;
    display: table-cell;
    margin: 0;
    padding: 0 12px 0 0;
    line-height: normal;
    white-space: nowrap;
}
.div-sep-wrap {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 6px;
    width: 100%;
}
.div-sep {
    position: relative;
    display: block;
    width: 100%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
}
.sep-thin.div-sep {
    height: 1px;
	margin-top:-1px;
	background: #e7e6e6;
}
.sep-bold.div-sep {
    height: 6px;
	margin-top:-3px;
	background: rgb(240, 240, 240);
}
.div-separator {
    margin: 30px auto 0;
    border: 0 solid #e7e6e6;
    clear: both;
    position: relative;
    z-index: 1;
}
.div-sep-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -13px 0 0 -13px;
    height: 26px;
    width: 26px;
	font-size:14px;
	color : rgb(205, 205, 205);
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid rgb(205, 205, 205);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
	line-height:26px !important;
}
.div-sep-icon i {
	margin:0 auto;
}
.div-sep-line {
	clear:both; height:40px; border-top:1px solid #e7e6e6;
	
}
.sep-shadow.div-separator::after {
    display: block;
    margin-top: 10px;
    height: 6px;
    width: 100%;
    content: "";
    background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
    background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
    background: -o-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0px, rgba(255, 255, 255, 0) 65%);
}

.sep-shadow.div-separator {
	margin:20px 0px;
    height: 1px;
    overflow: visible;
    border: none;
    background: none;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));
    background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -ms-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -o-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=1);
}

.div-sep-arrow-top, .div-sep-arrow-bottom {
    position: relative;
}
.sep-arrow {
    z-index: 2;
    position: absolute;
    left: 50%;
    margin-left: -29px;
    height: 0px;
    width: 0px;
    border-style: solid;
}
.div-sep-arrow-bottom .sep-arrow {
    border-width: 29px 29px 0 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}
.div-sep-arrow-top .sep-arrow {
    top: -29px;
    border-width: 0 29px 29px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}
.div-sep-bar, .div-sep-bar-thin, .div-sep-bar-bold {
    position: relative;
	margin:0px auto;
	width:100px;
	background: rgb(240, 240, 240);
}
.div-sep-bar {
	height:6px;
}
.div-sep-bar-thin {
	height:1px;
}
.div-sep-bar-bold {
	height:2px;
}
ul.div-ring { 
	text-align:center; 
	padding:10px 8px; 
	margin:0px;
	overflow:hidden;
}
ul.div-ring li { 
	width: 186px; 
	height: 186px; 
	background: rgba(210,210,210,0.3); 
	border-radius: 50%; 
	padding: 20px; 
	margin:-10px -8px; 
	overflow:hidden; 
}
ul.div-ring .ring-item { 
	display:inline-block; 
	border-radius: 50%; 
	width: 100%; 
	height: 100%; 
	padding:32px 10px 0px;
	line-height:1px !important;
}
ul.div-ring h4 {
	line-height:26px;
	margin:0px;
}
ul.div-ring p {
	margin:10px 0px 0px;
	padding:0px; 
	letter-spacing:-1px;
	line-height:20px;
}

/* Font ------------------------------------------------------ */
.font-normal { 
	font-weight: normal;
}
.font-8, i.font-8 { 
	font-size: 8px; 
}
.font-9, i.font-9 { 
	font-size: 9px; 
}
.font-10, i.font-10 { 
	font-size: 10px; 
}
.font-11, i.font-11 { 
	font-size: 11px; 
}
.font-12, i.font-12 { 
	font-size: 12px; 
}
.font-13, i.font-13 { 
	font-size: 13px; 
}
.font-14, i.font-14 { 
	font-size: 14px; 
}
.font-16, i.font-16 { 
	font-size: 16px; 
}
.font-18, i.font-18 { 
	font-size: 18px; 
}
.font-20, i.font-20 { 
	font-size: 20px; 
}
.font-22, i.font-22 { 
	font-size: 22px; 
}
.font-24, i.font-24 { 
	font-size: 24px; 
}

/* View */
.view-wrap h2 { letter-spacing:-1px; padding:0px; margin:10px 0px 30px; }
.view-wrap table { width:100%; border:0px; }
.view-wrap table td { border:0px; border-bottom:1px solid #eee; padding:8px 15px !important; line-height:20px; vertical-align:middle; }
.view-wrap .form-line { border-bottom:2px solid orangered; height:1px; }
.view-wrap .form-title { border-bottom:2px solid orangered; line-height:24px; }
.view-wrap .form-title-thin { border-bottom:1px solid orangered; line-height:24px; }
.view-wrap .sub-title { background: #f1f1f1; padding-right:0px !important; width:100px; }
.view-wrap .sub-title span { font-weight:bold !important; display:block; border-right:1px solid #ddd; padding-right:10px; }
.view-wrap .sub-title span b { font-weight:normal; }
.view-wrap .form-group { margin-bottom:8px; }
.view-wrap .form-text { margin:10px 0px 20px; padding:15px; background:#fafafa; border:1px solid #ddd; }
.view-wrap .form-sign { margin:20px 0px; }

.view-wrap .img-resize img { max-width:100%; height:auto; }
.view-wrap .no-attach { border-bottom:0px; }
.view-wrap .view-cnt { letter-spacing:0; }

.view-icon { margin-bottom:10px; }
.view-icon img { width:34px; border-radius:50%; margin-bottom:5px; }
.view-tag { margin:10px 0px; padding:0px; color:#888; }
.view-tag a { color:#888; }
.view-tag a:hover { color:crimson; }

.view-comment { margin: 0px; padding: 0px 0px 5px; text-transform: capitalize; overflow: hidden; border-bottom: 1px solid rgb(51, 51, 51); display: inline-block; position: relative; }

.vo_v table td { border:0px; border-bottom:1px solid #eee; padding:8px 15px !important; line-height:20px; vertical-align:middle; }

.shsqchild { border: 1px solid #00aaeb; margin-top: 1px; margin-bottom: 0px; line-height: 1; padding: 3px 7px; border-radius: 2px; font-size: 14px; background-color: #FFF; display: inline-block; color:#0c65e7 !important;}



.cta-mo { border: 2px solid #00aaeb; margin-top: 5px; margin-bottom: 0px; line-height: 1; padding: 13px 7px; border-radius: 2px; font-size: 14px; background-color: #FFF; display: inline-block; color:#0c65e7 !important;min-width:230px; text-align:center;animation: blink 1s;animation-iteration-count: infinite;}

.cta-mo-done { border: 1px solid #ddd; margin-top: 5px; margin-bottom: 0px; line-height: 1; padding: 13px 7px; border-radius: 2px; font-size: 14px; background-color: #FFF; display: inline-block; color:#999 !important;min-width:230px; text-align:center;}

.cta-pc { border: 1px solid #ccc; margin-top: 5px; margin-bottom: 0px; line-height: 1; padding: 13px 7px; border-radius: 2px; font-size: 14px; background-color: #FFF; display: inline-block; color:#000 !important;min-width:230px; text-align:center;}

.cta-pc-done { border: 1px solid #ddd; margin-top: 5px; margin-bottom: 0px; line-height: 1; padding: 13px 7px; border-radius: 2px; font-size: 14px; background-color: #FFF; display: inline-block; color:#999 !important;min-width:230px; text-align:center;}


.cta-mo-list { border: 2px solid #00aaeb; margin-top: 5px; margin-bottom: 0px; line-height: 1; padding: 13px 7px; border-radius: 2px; font-size: 14px; background-color: #FFF; display: inline-block; color:#0c65e7 !important;min-width:120px; text-align:center;animation: blink 1s;animation-iteration-count: infinite;}

.cta-mo-list-done { border: 1px solid #999; margin-top: 5px; margin-bottom: 0px; line-height: 1; padding: 13px 7px; border-radius: 2px; font-size: 14px; background-color: #FFF; display: inline-block; color:#777 !important;min-width:120px; text-align:center;}


.cta-pc-list { border: 2px solid #00aaeb; margin-top: 5px; margin-bottom: 0px; line-height: 1; padding: 13px 7px; border-radius: 2px; font-size: 14px; background-color: #FFF; display: inline-block; color:#2346e4 !important;min-width:100px; text-align:center;animation: blink 1s;animation-iteration-count: infinite;}

.cta-pc-list-done { border: 1px solid #ddd; margin-top: 5px; margin-bottom: 0px; line-height: 1; padding: 13px 7px; border-radius: 2px; font-size: 14px; background-color: #FFF; display: inline-block; color:#999 !important;min-width:100px; text-align:center;}


@keyframes blink { 50% { border-color:#fff ; }  }

/* 추가 20230720: 본문 내용 미리 볼 수 있는 게시판 리스트 */
.fast_content{position:absolute;
	width:auto;
	height:auto;
	display: none;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #000;
	background-color: #fff;
	border-color: #ff0000;
	z-index: 99999;
}

/* 20231031 */
/* CSS */
.button-5 {
  align-items: center;
  background-clip: padding-box;
  background-color: #fa6400;
  border: 1px solid transparent;
  border-radius: .25rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  /* font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif; */
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25;
  margin: 0;
  min-height: 3rem;
  padding: calc(.875rem - 1px) calc(1.5rem - 1px);
  position: relative;
  text-decoration: none;
  transition: all 250ms;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  width: auto;
}

.button-5:hover,
.button-5:focus {
  background-color: #fb8332;
  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
}

.button-5:hover {
  transform: translateY(-1px);
}

.button-5:active {
  background-color: #c85000;
  box-shadow: rgba(0, 0, 0, .06) 0 2px 4px;
  transform: translateY(0);
}