@charset "utf-8";

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.btn_admin { display: none; }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;max-width:none;background:none;text-align:left;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #ccc;vertical-align:top;padding:0;margin:0;border-radius:3px}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:80%;color:#ff0000;letter-spacing:-0.1em}

/* 게시판 */
#bo_v_img { width:100%; overflow:hidden; zoom:1 }
#bo_v_img img { margin-bottom:20px; max-width:100%; height:auto }

/* 커스텀 */
select { font-size: 14px; }

#footer .logo img {	filter: grayscale(1); top: 0px; }

#latest h4 a { color: #000; }
#latest h4 a:hover { text-decoration: none; }
#latest li a { color: #777; }



/* 팝업레이어 */
#hd_pop {position:relative;width:100%;height:0;margin:0 auto;z-index:9991000}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%;height:auto}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff;font-size:12px;}




.logo_m1{font-size:2em}
.logo_m2{font-size:2em}
/* cut_str */
.ellipsis{
flex: 1;
	text-overflow: ellipsis;

  /* Required for text-overflow to do anything */
  white-space: nowrap;
  overflow: hidden;
}


.dropdown-item { font-size: 14px; }

.ck.ck-editor__editable { min-height: 200px !important; }

/*
.title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
*/

.container-fluid{
	overflow: hidden;
	padding: 0px;
}

/* 메인 슬라이더 */
.carousel-item {
	height: 100vh;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
    background-repeat: no-repeat;
	
	cursor:pointer;
	transition: transform 1s ease, opacity .1s ease-out;

}
.carousel-caption{
	top:38%;
	font-weight:700;
}
.carousel-indicators > li {
	border-radius: 50%;
	border-radius: 0px;
	width: 12px;
	height: 12px;
	background-color: #fff;
}
.carousel-indicators .active {
	width:30px!important;
	transition: transform 3s ease;
}


/* footer */
.theme_light{
	border-top:1px solid #e1e1e1;
	background-color: #fff;
	color:#282828;
	font-weight:none;
}
.theme_light a{ 
	color:#282828;
}

.theme_dark{
	background-color: #282828;
	color:#fff;
	font-weight:none;
}
.theme_dark a{
	color:#e1e1e1;
}

.footer-basic-centered{
	
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font: normal 18px sans-serif;
	padding: 45px;
	/*margin-top: 80px;*/
}


.footer-basic-centered .footer-company-motto a{

	font-size: 1.5em;
	margin: 0;
	text-decoration:none;
}

.footer-basic-centered .footer-company-name{

	font-size: .9em;
	margin: 0;
}

.footer-basic-centered .footer-links{
	list-style: none;
	font-weight: none;

	padding: 35px 0 23px;
	margin: 0;
}

.footer-basic-centered .footer-links span{
	display:inline-block;
	text-decoration: none;
	color: inherit;
	font-size:.9em;
	line-height:1.4em;
}
span.oitem:not(:last-child)::after{
	content:' | ';
}


.snslink{margin-bottom:20px}
.snslink img{}

.font_1size{font-size:1.2em}
.font_2size{font-size:1.4em}
.font_3size{font-size:1.6em}
.font_4size{font-size:1.8em}
.font_5size{font-size:2em}
.font_6size{font-size:2.2em}
.font_7size{font-size:2.4em}
.font_8size{font-size:2.6em}
.font_9size{font-size:2.8em}
.font_10size{font-size:3em}



/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 600px) {

	.footer-basic-centered{
		padding: 35px;
	}

	.footer-basic-centered .footer-company-motto{
		font-size: 18px;
	}

	.footer-basic-centered .footer-company-name{
		font-size: 12px;
	}

	.footer-basic-centered .footer-links{
		font-size: 14px;
		padding: 25px 0 20px;
	}

	.footer-basic-centered .footer-links a{
		line-height: 1.8;
	}

	.carousel-caption{
		top:35%;
		font-weight:700;
	}
}


/* 
	게시물 youtube responsive 
	https://www.ostraining.com/blog/coding/responsive-videos/
*/
.video {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  min-height:415px;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*
블로그 검색
*/
.blogreview .blogger{
	width: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	line-height:1.5em;
	min-height:1.5em;
	font-size:1em;
	color:#a7a7a7 !important;
	font-weight:300;
	text-align:left;
}
.blogreview .card-title a{color:#282828 !important;}
.blogreview .blog_title{
	width: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	line-height:1.4em;
	min-height:4.2em;
	font-size:1.4em;
	padding-right:10%;
	text-overflow:ellipsis;
    font-weight:500;
	text-align:left;
	
}
.blogreview .blog_description{
	width: inherit;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	line-height:1.5em;
	min-height:7.5em;
	font-size:1.1em;
	color:#282828 !important;
	font-weight:400;
	text-align:left;
}

.blogreview .card-subtitle{
	overflow:hidden;
	white-space: nowrap;
}