@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../common/font/MaterialIconsOutlined-Regular.eot'); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIconsOutlined-Regular'),
    url('../common/font/MaterialIconsOutlined-Regular.woff2') format('woff2'),
    url('../common/font/MaterialIconsOutlined-Regular.woff') format('woff'),
    url('../common/font/MaterialIconsOutlined-Regular.ttf') format('truetype');
}


.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 30px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap');
/* Noto Sans Korean */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


@font-face {
  font-family: '2010-oumi030';
  src: url('../common/font/2010-oumi030.eot');
  src: url('../common/font/2010-oumi030.eot?#iefix') format('embedded-opentype'),
       url('../common/font/2010-oumi030.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TTOmniGothicM';
  src: url('../common/font/TTOmniGothicM.svg#TTOmniGothicM') format('svg'),
       url('../common/font/TTOmniGothicM.ttf') format('truetype'),
       url('../common/font/TTOmniGothicM.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.news-desc h4 {
	font-family: NanumBarunGothic, "나눔바른고딕", NanumBarunGothicBold, NanumBarunGothicUltraLight, Dotum,"돋움"; font-size: 18px;
	color: rgb(101, 101, 101);
	line-height: 25px;
}


.kn{	
	font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.08em;
}

.kn15{	
	font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.08em;
    font-size: 15px;
}

@font-face {
    font-family: 'FuturaStd';
    font-style: normal;
    font-weight: 300;
    src: url('../common/font/FuturaStdLight.woff') format('woff');
}

@font-face {
    font-family: 'FuturaStd';
    font-style: normal;
    font-weight: 400;
    src: url('../common/font/FuturaStdBook.woff') format('woff');
}

@font-face {
    font-family: 'FuturaStd';
    font-style: normal;
    font-weight: 500;
    src: url('../common/font/FuturaStdMedium.woff') format('woff');
}

@font-face {
    font-family: 'FuturaStd';
    font-style: normal;
    font-weight: 700;
    src: url('../common/font/FuturaStdBold.woff') format('woff');
}

@font-face {
    font-family: 'pretendard';
    font-display: swap;
    font-weight: 300;
    src: url('../common/font/Pretendard-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: url('../common/font/Pretendard-Regular.woff2') format('woff2'),url('../common/font/Pretendard-Regular.woff') format('woff'),url('../common/font/Pretendard-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: url('../common/font/Pretendard-Medium.woff2') format('woff2'),url('../common/font/Pretendard-Medium.woff') format('woff'),url('../common/font/Pretendard-Medium.ttf') format('ttf');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: url('../common/font/Pretendard-SemiBold.woff2') format('woff2'),url('../common/font/Pretendard-SemiBold.woff') format('woff'),url('../common/font/Pretendard-SemiBold.ttf') format('ttf');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: url('../common/font/Pretendard-Bold.woff2') format('woff2'),url('../common/font/Pretendard-Bold.woff') format('woff'),url('../common/font/Pretendard-Bold.ttf') format('ttf');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: url('../common/font/Pretendard-ExtraBold.woff2') format('woff2'),url('../common/font/Pretendard-ExtraBold.woff') format('woff'),url('../common/font/Pretendard-ExtraBold.ttf') format('ttf');
}


.kos1{font-family: 'pretendard';font-weight:100;}
.kos2{font-family: 'pretendard';font-weight:200;}
.kos3{font-family: 'pretendard';font-weight:300;}
.kos4{font-family: 'pretendard';font-weight:400;}
.kos5{font-family: 'pretendard';font-weight:500;}
.kos6{font-family: 'pretendard';font-weight:600;}
.kos7{font-family: 'pretendard';font-weight:700;}
.kos8{font-family: 'pretendard';font-weight:800;}
.kos9{font-family: 'pretendard';font-weight:900;}

.ko{ font-family: 'pretendard', 'Malgun Gothic', "맑은 고딕", sans-serif; }
.ko1{ font-family: "Noto Sans Light"; font-style: normal; }
.ko2{
    font-family: '2010-oumi030';
    font-style: normal;
}
.ko3{
    font-family: 'TTOmniGothicM';
    font-style: normal;
}
.ko_gul {
	font-size:12px;
	font-family: "Gulim",sans-serif;
}

.en1{
	font-family: 'Raleway', sans-serif;
}
.en2{
	font-family: "Open Sans", sans-serif;
}

.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f27{font-size:27px;}
.f28{font-size:28px;}
.f29{font-size:29px;}
.f30{font-size:30px;}
.f31{font-size:31px;}
.f32{font-size:32px;}
.f33{font-size:33px;}
.f34{font-size:34px;}
.f35{font-size:35px;}
.f36{font-size:36px;}
.f37{font-size:37px;}
.f38{font-size:38px;}
.f39{font-size:39px;}
.f40{font-size:40px;}
.f50{font-size:50px;}
.f60{font-size:60px;}
.f70{font-size:70px;}
.f80{font-size:80px;}
.f90{font-size:90px;}
.f100{font-size:100px;}

.lh1{line-height:1;}
.lh1-1{line-height:1.1;}
.lh1-2{line-height:1.2;}
.lh1-3{line-height:1.3;}
.lh1-4{line-height:1.4;}
.lh1-5{line-height:1.5;}
.lh1-6{line-height:1.6;}
.lh1-7{line-height:1.7;}
.lh1-8{line-height:1.8;}
.lh1-9{line-height:1.9;}
.lh2{line-height:2.0;}




.form-control {
	font-family: 'pretendard', 'Malgun Gothic', "맑은 고딕", sans-serif; font-size: 12px;
}


.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}
.mb150{margin-bottom:150px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt130{padding-top:130px;}
.pt140{padding-top:140px;}
.pt150{padding-top:150px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb110{padding-bottom:110px;}
.pb120{padding-bottom:120px;}
.pb130{padding-bottom:130px;}
.pb140{padding-bottom:140px;}
.pb150{padding-bottom:150px;}

/* 상하 좌우 조절 */
.margin-top-10 {
	margin-top:10px;
}
.margin-top-20 {
	margin-top:20px;
}
.margin-top-30 {
	margin-top:30px;
}
.margin-top-40 {
	margin-top:40px;
}
.margin-top-50 {
	margin-top:50px;
}
.margin-top-60 {
	margin-top:60px;
}
.margin-top-70 {
	margin-top:70px;
}
.margin-top-80 {
	margin-top:80px;
}
.margin-top-90 {
	margin-top:90px;
}
.margin-top-100 {
	margin-top:100px;
}
.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-30 {
	margin-bottom:30px;
}
.margin-bottom-40 {
	margin-bottom:40px;
}
.margin-bottom-50 {
	margin-bottom:50px;
}
.margin-bottom-60 {
	margin-bottom:60px;
}
.margin-bottom-70 {
	margin-bottom:70px;
}
.margin-bottom-80 {
	margin-bottom:80px;
}
.margin-bottom-90 {
	margin-bottom:90px;
}
.margin-bottom-100 {
	margin-bottom:100px;
}
.margin-left-10 {
	margin-left:10px;
}
.margin-left-20 {
	margin-left:20px;
}
.margin-left-30 {
	margin-left:30px;
}
.margin-left-40 {
	margin-left:40px;
}
.margin-left-50 {
	margin-left:50px;
}
.margin-left-60 {
	margin-left:60px;
}
.margin-left-70 {
	margin-left:70px;
}
.margin-left-80 {
	margin-left:80px;
}
.margin-left-90 {
	margin-left:90px;
}
.margin-left-100 {
	margin-left:100px;
}
.margin-right-10 {
	margin-right:10px;
}
.margin-right-20 {
	margin-right:20px;
}
.margin-right-30 {
	margin-right:30px;
}
.margin-right-40 {
	margin-right:40px;
}
.margin-right-50 {
	margin-right:50px;
}
.margin-right-60 {
	margin-right:60px;
}
.margin-right-70 {
	margin-right:70px;
}
.margin-right-80 {
	margin-right:80px;
}
.margin-right-90 {
	margin-right:90px;
}
.margin-right-100 {
	margin-right:100px;
}


.vcenter{ vertical-align: bottom; }

/* sub */

.category-menu{
	background: #f8f8f8;
    padding: 10px;
}



.cat-list a li {
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  color: #111;
  padding: 18px 20px;
  font-size: 17px;
  font-weight:500;
}

.cat-list li i {
  color: #333;
  margin-top: 4px;
  right : 10%;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 position:absolute;
}

.cat-list li:hover i {
  right : 12%;
  color: #fff;
}

.cat-list a li:hover {
  background: #0255a5;
  color: #fff;
  transition: all 0.4s;
}

.current .ko{
  background: #0255a5;
  color: #fff;
  transition: all 0.4s;
}

.current .ko i{
  color: #fff;
}


.tablecss{width:100%;border-collapse:collapse;border:1px solid #ddd}.ko-n{font-family:SCDream4,Sans-Serif;font-weight:300}table{background-color:transparent}table{border-spacing:0;border-collapse:collapse}
.tablecss tr th{height:45px;padding:15px 0;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:1em;background:#f1f1f1;font-weight:600;}
.tablecss tr td{height:45px;padding:15px 0;text-align:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:1em}
.table-2{width:100%;border-collapse:collapse;border:1px solid #ddd}
.table-2 tr th {
    font-weight:600;
    height: 45px;
    padding: 15px 7px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 3px solid #333;
    font-size: 1em;
    background: #f1f1f1;
}
.table-2 tr td {
    height: 45px;
    padding: 15px 7px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 1em;
}

.tdc {text-align: center !important;}
.table_ {width:100%;border-collapse:collapse;border:1px solid #ddd}


.table_ tr th {
    font-weight:600;
    height: 45px;
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 3px solid #333;
    font-size: 20px;
    background: #f1f1f1;

}

.table_ tr td {
    height: 45px;
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 16px;
}
.c1_title {font-size: 28px; top:12px; left:70px; position:absolute}
.c4_title {font-size: 28px; top:10px; left:56px; position:absolute}
.life_study-unit i {font-size:50px;}


 .image-box2 {
    height:220px;
    overflow:hidden;
    margin:0 auto;
}

/* 모바일기기 */
@media only screen and (max-width: 389px) {
	.mobile-none{display:none;}
	.box_1{display:none;}
	.category-menu{display:none;}
	.sidebar-box{
		padding: 20px 20px 20px 0px;
		width: 200%;
	}
.tit_controllers {display:none;}
	/* 모바일 로그 좌측간격 */
.m-logo{margin-left:10px;}
 .image-box2 {
    height:210px;
    overflow:hidden;
    margin:0 auto;
}
}

/* 모바일기기 + 태블릿 */

@media only screen and (min-width: 390px) and (max-width: 767px){



	/* 모바일 로그 좌측간격 */
	.m-logo{margin-left:10px;}

	.mobile-none{display:none;}
	.sidebar-box{
		padding: 20px 20px 20px 0px;
		width: 200%;

		
	}
	.sidebar-box ul li{
		padding: 0px;
		float: left;
		border-bottom: 1px solid #fff;
		height:30px;
	}
	.sidebar-box ul li i{display:none;}
	.category-menu{display:none;}
	.box_1{display:none;}
	.cat-list li .active {
		color: #0255a5;
		border-bottom: 2px solid #0255a5;
		padding-bottom: 10px;
	}


	/* 슬라이드 모바일시 폰트 크기 */
	div#fontsize {
	  font-size: 11px !important;
	  line-height: 20px !important;
	 
	}
	/* 버튼 위치 조정 */
	.rev-buttons{ margin-top:100px;}



}

/* 태블릿 */

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

 .-mbox {margin: 20px 0 0 -1.33%;padding: 0px; position: relative;clear:both; overflow: hidden;}
.m-icon{
float: left;
font-size:15px;
font-weight:500;
text-align: center;
width: 100%;
margin-left: 1.33%;
/* height: 60px; */
color: #333;
border: 1px solid #e1e1e1;
background: #fff;
padding: 7px;
cursor: pointer;
border-radius: 2px;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}

	.sidebar-box h4 {
		font-size: 24px;
		font-weight: 500;
		color: #333;
		text-transform: capitalize;
		width:100%;
		padding: 45px 0;
		border-top: 5px solid #0255a5;
		text-align: center;
		letter-spacing: 2px;
	}

	.cat-list .li-first {
		border-bottom:1px solid #fff;
		padding:0;
		margin:0 0 -15px;
	}
	.cat-list li .active {
		color: #0255a5;
		/*border-bottom: 2px solid #0255a5;*/
		padding-bottom: 10px;
	}

	.navbar-brand {float:none;}

}


/* 데스크탑 */
@media only screen and (min-width: 1201px) {

body{background:#f3f3f3;}

.col-sm-3 { padding:0 5px;}
.col-sm-3 .left-all {background: #fff; position: relative; padding:15px; border: 1px solid #eaeaea; clear:both; overflow: hidden;}

 #bo_v, .col-sm-9 .page-all {padding: 29px 30px 37px; margin:0; 
    border: 1px solid #eaeaea;
    background: #fff;
	min-height:646px;
}
.c4-atitle {padding:0 0 10px;}
.container-fluid, .main_all {background: #fff;}

	.sidebar-box h4 {
		font-size: 28px;
		font-weight: 500;
		color: #333;
		text-transform: capitalize;
		width:100%;
		padding: 60px 0;
		border-top: 5px solid #0255a5;
		text-align: center;
		letter-spacing: 5px;
	}

	.cat-list .li-first {
		border-bottom:1px solid #fff;
		padding:0;
		margin:0 0 -15px;
	}

	.cat-list li .active {
		color: #0255a5;
	}


}

.menus-mobile{
	width:100%;
	height:40px;
	font-weight:600;
	padding: 0 10px;
	font-size:17px;
}


#ft,#hd,#wrapper{min-width:100%}#container_wr,#ft_wr,#gnb .gnb_wrap,#hd_pop,#hd_wrapper,#tnb ul{width:100%}#hd_pop{z-index:1000;position:relative;margin:0 auto;height:0}#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden}.hd_pops{position:absolute;border:1px solid #e9e9e9;background:#fff}.hd_pops img{max-width:100%}.hd_pops_footer{padding:0;background:#000;color:#fff;text-align:left;position:relative}.hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""}.hd_pops_footer button{padding:10px;border:0;color:#fff}.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}



/******************* 슬라이드 *************************/


.slick-slide, .slick-slide::before, .caption {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slick-slide::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-slider {
  position: relative;
  width: 100%;
  /*height: 600px !important;*/
  min-height: 8vw;
  /*margin-bottom: 50px;*/
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.main-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.slick-slide {
  position: relative;
  /*height: 600px !important;*/
}
.slick-slide::before {
  background-color: #000;
  opacity: .3;
  z-index: 1;
}



.slick-slide iframe {
  position: relative;
  pointer-events: none;
}
.slick-slide figure {
  position: relative;
  height: 100%;
}
.slick-slide .slide-image {
  opacity: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
}
.slick-slide .slide-image.show {
  opacity: 1;
}
.slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.slick-slide .slide-media {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active {
  z-index: 1;
}
.slick-slide.slick-active .slide-media {
  -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active .caption {
  opacity: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



.slick-dots{
position: absolute;
bottom: 20px;
display: block;
width: 100%;
padding: 10;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li.slick-active button:before{
  font-size:15px;
  color:blue;
}



.slick-dots {
  text-align: center;
  padding-top: 15px;
}
.slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
}



.slick-dots li button {
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 0 transparent;
  vertical-align: middle;
  color: #fff;
  background-color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: .4;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover {
  opacity: 1;
}
.slick-dots li.slick-active button {
  border-color: #2d3042;
  box-shadow: 0 0 0 2px #fff;
  opacity: 1;
}




.main-slider button.slick-arrow{font-size:0; position:absolute;  margin-top:-33px; width:66px; height:66px; z-index:999; outline:0;border: 0px;} 
.main-slider button.slick-prev{position:absolute;top:50%;left:10%; background:url("../img/left_arrow.png") center no-repeat;} 
.main-slider button.slick-next{position:absolute;top:50%;right:10%; background:url("../img/right_arrow.png") center no-repeat;} 
.main-slider .slide_wrap .slide_txt{position:absolute; left:50%; top:50%; transform:translate(-50% , -50%); font-size:50px; line-height:1.8; font-weight:bold; color:red; text-align:center; z-index:900;}

/*.main-slider button.slick-prev:hover{margin-left:-700px; background:url("") center no-repeat;} */
/*.main-slider button.slick-next:hover{margin-left:643px; background:url("") center no-repeat;} */

/* 슬라이드의 스타일 시트입니다.  */


/* 모바일기기 1 */
@media only screen and (max-width: 389px) {


	.navbar-default .navbar-nav > li > .dropdown-sub{color: #aaa; position: absolute; top: 0px; right: 0px;}
	.slick-slide.slick-active .caption {	top: 5%;}

	/* 슬라이드 텍스트 크기 */
	.caption {
	  position: absolute;
	  width:100%;
	  top: 44%;
	  left: 5%;
	  text-align: center;
	  padding: 20px;
	  color: #fff;
	  margin: 0;
	  font-size: 17px;
	  font-weight: bold;
	  letter-spacing: .02em;
	  opacity: 0;
	  z-index: 1;
	}
	.small-text{font-size:12px;}

	/* 모바일기기 1 - 유튜브 크기조절 */
	.main-slider .youtube {height: 170px !important;}

	/* 모바일기기 1 - 이미지 크기조절 */
	.main-slider .image {height: 170px!important;}

	.icon_ve{vertical-align: middle;}

	.slick-slide video {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		/* min-width: 100%; */
		/* min-height: 100%; */
		width: auto;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		max-width: 100%;
		margin-top: 90px;
		height: auto;
	}
	.video-caption{margin-top: 90px;}

}
/* 모바일기기 2 */
@media only screen and (min-width: 390px) and (max-width: 767px){

.slick-slide.slick-active .caption {	top: 10%;}
	.navbar-default .navbar-nav > li > .dropdown-sub{color: #aaa; position: absolute; top: 0px; right: 0px;}
	/* 슬라이드 텍스트 크기 */
	.caption {
	  position: absolute;
	  width:100%;
	  top: 44%;
	  left: 5%;
	  text-align: center;
	  padding: 20px;
	  color: #fff;
	  margin: 0;
	  font-size: 25px;
	  font-weight: bold;
	  letter-spacing: .02em;
	  opacity: 0;
	  z-index: 1;
	}
	.caption i{font-size:19px;}
	.small-text{font-size:12px;}

	/* 모바일기기 2 - 유튜브 크기조절 */
	.main-slider .youtube {height: 200px !important;}

	/* 모바일기기 1 - 이미지 크기조절 */
	.main-slider .image {height: 200px !important;}

	.icon_ve{vertical-align: middle;}
	.slick-slide::before {
		background-color: #000;
		opacity: .3;
		z-index: 1;
	}
	.slick-slide video {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		/* min-width: 100%; */
		/* min-height: 100%; */
		width: auto;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		/* max-width: 100%; */
		margin-top: 90px;
	}
	.video-caption{margin-top: 90px;}

}
/* 태블릿 */


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

.blog-movie h2 {
font-size: 22px;
margin-bottom: 10px;
margin-top: 15px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 
line-height: 1.4em;
height: 2.8em;
}

 #bo_v .f20 {  font-size:18pt; margin: 5px 0;}
.ntab1, .ntab3 {border-right: 1px solid #fff;}
.ntab2, .ntab4 {border-left: 1px solid #fff;}
.col-sm-3 {
    padding-right: 5px !important;
    padding-left: 5px !important;
	}
.ntab1, .ntab2 {border-bottom: 2px solid #fff;}
.ntab3, .ntab4 {border-top: 1px solid #fff;}


}


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

a {
  color: #333;
  -moz-transition: all 0ms ease-in;
  -o-transition: all 0ms ease-in;
  -webkit-transition: all 0ms ease-in;
  transition: all 0ms ease-in;
}



.yt_container_3:hover .yt_text_3 img{ 
-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);    
   opacity: 0.85; width:20% !important; display: block; margin: 0px auto;
}

	.navbar-default .navbar-nav > li > .dropdown-sub {
		color: #555;
		padding: 0px;
		position: absolute;
		right: 3px;
		top: 20px;
	}

	.slick-slide {height: 380px !important;}
	.icon_ve{vertical-align: middle;}
	.slick-slide::before {
		background-color: #000;
		opacity: .3;
		z-index: 1;
	}

	.navbar-brand {float:none;}

	.slick-slide video {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);

	}
}

/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.navbar-default .navbar-nav > li > .dropdown-sub {
		color: #555;
		padding: 0px;
		position: absolute;
		right: 15px;
		top: 20px;
	}
	/* 메인 아이콘박스 */
	.SF_main_icon{
		background:#fff;margin-top:-150px;
	}
	.SF_main_icon .row{
		margin-left:0px;
		margin-right:0px;
	}
	.SF_main_icon .row > div{
		padding:0px;
	}

	/* 슬라이드 세로크기 */
	.main-slider {height: 520px !important;}
	.slick-slide {height: 520px !important;}
	.icon_ve{vertical-align: middle;}

	/* 텍스트 크기 */
	.caption {
	  position: absolute;
	  width:100%;
	  text-align: center;
	  padding: 20px;
	  color: #fff;
	  margin: 0;
	  font-size: 55px;
	  font-weight: 600;
	  letter-spacing: .02em;
	  opacity: 0;
	  z-index: 1;
	}
	.caption .small-text {margin:10px 0 0; font-size: 30px; color:#ddd;}

	.slick-slide video {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);

	}
}



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

	#bo_v_file ul li span{
		display: contents;
		word-break: break-all;
	}

}



/********************** 네비게이션 ************************/
/* 모바일기기 1 */
@media only screen and (max-width: 389px) {

.navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 24px;
}
	.p-r-5{padding-right:5px;}
	.p-l-5{padding-left:5px;}

	#slide-navbar-collapse {
		width: 100%;
		height: 100%;
		max-height: 100%;
		position: fixed;
		top: 0;
		left: 0px;
		z-index: 999;
		background: #fbfbfb;
	}
	.navi-content{
		background: #fbfbfb;
		overflow-y: auto;
		position: relative;
		width: 100%;
		height: 100%;
		max-height: 100%;
	}

	.menu-overlay {
		display: none;
		background-color: #000;
		bottom: 0;
		left: 0;
		opacity: 0.5;
		filter: alpha(opacity=50);
		/* IE7 & 8 */
		position: fixed;
		right: 0;
		top: 0;
		z-index: 49;
	}

	.navbar-nav{
		width: 100%;
		margin: 0px;
		padding-bottom: 30px;
	}
	.navbar-default .navbar-nav > li > a {
		color: #333;
		/*background-color: #3c3c3c;*/
		border-bottom: 1px solid #eee;
		font-size: 17px;
	}

	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #333;

	}
	.navbar-default .navbar-nav > li > a:hover {
		color: #0255a5;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #fff;
		background-color: #0255a5;
		border-bottom: 1px solid #0255a5;
	}

	/* mobile 2차 메뉴 */
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #555;
		background-color: #eee;
		height: 42px;
		border-bottom: 1px solid #ccc;
		padding-top: 10px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #0255a5;
		background-color: transparent;
		height: 42px;
		border-bottom: 1px solid #ccc;
		padding-top: 10px;
	}


	.mobile-nav{
		position: relative;
		background: #fbfbfb;
		padding: 3px;
	}
	.mobile-close{
		position: absolute;
		top: 7px;
		right: 15px;
		color: #333;
		font-size: 26px;
		cursor: pointer;
	}
	.mobile-login{
		margin:7px;
	}
	.mobile-login button{
		margin: 10px 0px;
		width:49%
	}
	.mobile-sbox{
		text-align: center;
		padding: 7px;
	}



	.mobile-login a{width: 49%;}
	.navbar-nav .open .new-menu-1 {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-left: 20px;
	}

	.img-m{width:100%;max-width:100%;}
}

/* 모바일기기 2 */
@media only screen and (min-width: 390px) and (max-width: 767px){

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 30px;
}

	.p-r-5{padding-right:5px;}
	.p-l-5{padding-left:5px;}

	#slide-navbar-collapse {
		width: 280px;
		height: 100%;
		max-height: 100%;
		position: fixed;
		top: -1px;
		left: 0px;
		z-index: 999;
		background: #fbfbfb;
	}
	.navi-content{
		background: #fbfbfb;
		overflow-y: auto;
		position: relative;
		width: 280px;
		height: 100%;
		max-height: 100%;
	}

	.menu-overlay {
		display: none;
		background-color: #000;
		bottom: 0;
		left: 0;
		opacity: 0.5;
		filter: alpha(opacity=50);
		/* IE7 & 8 */
		position: fixed;
		right: 0;
		top: 0;
		z-index: 49;
	}

	.navbar-nav{
		width:280px;
		margin: 0px;
		padding-bottom: 30px;
	}
	.navbar-default .navbar-nav > li > a {
		color: #333;
		/*background-color: #3c3c3c;*/
		border-bottom: 1px solid #eee;
		font-size: 18px;
	}

	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
		color: #333;

	}
	.navbar-default .navbar-nav > li > a:hover {
		color: #0255a5;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		color: #fff;
		background-color: #0255a5;
		border-bottom: 1px solid #0255a5;
	}

	/* mobile 2차 메뉴 */
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #555;
		background-color: #eee;
		height: 42px;
		border-bottom: 1px solid #ccc;
		padding-top: 10px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #0255a5;
		background-color: transparent;
		height: 42px;
		border-bottom: 1px solid #ccc;
		padding-top: 10px;
	}

	.mobile-nav{
		position: relative;
		background: #fbfbfb;
		padding: 3px;
	}
	.mobile-close{
		position: absolute;
		top: 7px;
		right: 15px;
		color: #333;
		font-size: 26px;
		cursor: pointer;
	}
	.mobile-login{
		margin:7px;
	}
	.mobile-login button{
		margin: 10px 0px;
		width:49%
	}
	.mobile-sbox{
		text-align: center;
		padding: 7px;
	}



	.mobile-login a{width: 49%;}
	.navbar-nav .open .new-menu-1 {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-left: 20px;
	}

	.img-m{width:100%;max-width:100%;}

}
/* 태블릿 */
@media only screen and (min-width: 768px) and (max-width: 1200px){
	.mobile-sbox{display: none;}
	.mobile-login{display: none;}
	.mobile-sns{display: none;}
	.dropdown > a > .fa-bars{display: none;}

	.img-m{width:100%;max-width:100%;}
}
/* 데스크탑 */
@media only screen and (min-width: 1201px) {
	.mobile-sbox{display: none;}
	.mobile-login{display: none;}
	.mobile-sns{display: none;}
	.dropdown > a > .fa-bars{display: none;}
}




/* 기존 자바스크립트 드롭 다운 메뉴에서 css 드롭 다운 메뉴로 변경하여 사용 */



.color-white{color:#fff}


#btn-top {
	width: 45px;
    height: 45px;
    /* line-height: 46px; */
    border: 2px solid #37D5D6;
    color: #37D5D6;
    text-align: center;
    font-size: 15px;
    z-index: 90;
    background: rgba(255,255,255,0.2);
    border-radius: 50px;
}
#btn-top:hover {
    border-color: #0255a5;
    background: #0255a5;
    color: #fff;
}

.agree {
	border: 1px solid #cccccc;
	overflow-y: scroll;
	height: 100px;
	overflow-x: hidden;
	font-size: 12px;
}

.img-responsive{max-width:100%;}
.imgr{width:100%;max-width:100%;}


.top-bar{border-bottom:1px solid #e1e1e1;}
.sub-menus select{background-color:#fff;color:#555;padding:12px;width:100%;height: 60px;border:none;border-right: 1px solid #e1e1e1;font-size:14px;-webkit-appearance:button;appearance:button;font-family:'pretendard'}.sub-menus::before{content:"\f13a";font-family:FontAwesome;position:absolute;top:0;right:0;width:20%;height:100%;text-align:center;font-size:28px;line-height:60px;color:rgba(255,255,255,.5);background-color:rgba(255,255,255,.1);pointer-events:none}.sub-menus:hover::before{color:rgba(255,255,255,.6);background-color:rgba(255,255,255,.2)}.sub-menus select option{padding:30px}

.home-btn{border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;height: 60px;text-align:center;cursor: pointer;}
.home-btn i {
     font-size: 28px;  
	 line-height: 60px;
	 display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
;}
.home-btn a{color:#908f8f;}.home-btn a:hover{color:#000000}
.menus-pc select{border-right:1px solid #e1e1e1;}


/* size */



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

		.m-logo {
		max-width: 190px !important;			
		  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}

		.navbar-header { }
     

}




@media only screen and (min-width: 768px) and (max-width: 889px) {
			.nav>li>a {
				position: relative;
				display: block;
				padding: 20px 20px;
				font-size: 18px;
				font-weight: 500;
			}

			.navbar .dropdown-menu li a {
				color: #111;
				font-size: 15px;
				padding: 8px 20px;
				line-height: 1.5;
			}

			.navbar .dropdown-menu {
				min-width: 130px;
			}
}

@media only screen and (min-width: 890px) and (max-width: 1200px) {

			.nav>li>a {
				position: relative;
				display: block;
				padding: 20px 26px;
				font-size: 18px;
				font-weight: 500;
			}

			.navbar .dropdown-menu li a {
				color: #111;
				font-size: 15px;
				padding: 8px 21px;
				line-height: 1.6;
			}

			.navbar .dropdown-menu {
				min-width: 140px;
			}
}


@media only screen and (min-width: 1000px) {
.container{ width: 990px; }
.col-sm-3 { width: 24%; }
.col-sm-9 { width: 76%; }
}

@media only screen and (min-width: 1100px) {
.container{ width: 1080px; }
.col-sm-3 { width: 24%; }
.col-sm-9 { width: 76%; }
}


@media only screen and (min-width: 1201px) {
			.container{ width:1170px; }
			.col-sm-3 { width: 24%; }
			.col-sm-9 { width: 76%; }
			.nav>li>a {
				position: relative;
				display: block;
				padding: 20px 40px;
				font-size: 19px;
				font-weight: 500;
			}
			.navbar .dropdown-menu li a {
				color: #111;
				font-size: 16px;
				padding: 9px 21px;
				line-height: 1.6;

			}
			.navbar .dropdown-menu {
				min-width: 140px;
			}
}

@media only screen and (min-width: 1300px) {
.container{ width: 1270px; }
.col-sm-3 { width: 23%; }
.col-sm-9 { width: 77%; }

}

@media only screen and (min-width: 1400px) {
.container{ width: 1370px; }
.col-sm-3 { width: 22%; }
.col-sm-9 { width: 78%; }
}


/* owlcarousel arrow */
 .carousel-wrap {
    width: 1000px;
    margin: auto;
    position: relative;
  }
  .owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
  }

  .owl-theme .owl-dots .owl-dot.active span, 
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #0255a5;
  }


  .owl-carousel .item {
      text-align: center;
	  padding:1px;
  }
  .owl-carousel .nav-btn{
      height: 47px;
      position: absolute;
      width: 26px;
      cursor: pointer;
      top: 125px !important;
  }

  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
  }

  .owl-carousel .prev-slide{
      background: url(../img/nav-icon.png) no-repeat scroll 0 0;
      left: -33px;
  }
  .owl-carousel .next-slide{
      background: url(../img/nav-icon.png) no-repeat scroll -24px 0px;
      right: -33px;
  }
  .owl-carousel .prev-slide:hover{
     background-position: 0px -53px;
  }
  .owl-carousel .next-slide:hover{
    background-position: -24px -53px;
  }

  span.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    cursor: pointer;
    width: 100%;
    font-size: 23px;
    display: block;
    text-transform: capitalize;
  }
  span.img-text:hover {
    color: #0255a5;
  }

legend{display:none;}

#socialfloating {display:none;}


#bo_v_con, #bo_v_atc {padding : 0 5px;}

@media only screen and (max-width: 800px) {
#bo_v_con, #bo_v_atc {padding : 0 3px;}
}


/*** bounce-up, fade-in ***/

.bounce-up {
    opacity: 0;
    -moz-transition: all 600ms ease-out;
    -webkit-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
    animation-duration: 0.6s;
    -moz-transform: translate3d(0px, 20px, 0px);
    -webkit-transform: translate3d(0px, 20px, 0px);
    -o-transform: translate(0px, 20px);
    -ms-transform: translate(0px, 20px);
    transform: translate(0px, 20px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
	
}
.image-box_c2_2 {text-align:center;}
.bounce-up.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.fade-in {
    opacity: 0;
    -moz-transition: opacity 1200ms ease-out;
    -webkit-transition: opacity 1200ms ease-out;
    -ms-transition: opacity 1200ms ease-out;
    -o-transition: opacity 1200ms ease-out;
    transition: opacity 1200ms ease-out;
    animation-duration: 1.2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.fade-in.in-view {
    opacity: 1;
}

/*** totop 버튼 ***/

#totop {
    opacity: 1;
    position: fixed;
    bottom: 20px;
    right: 7px;

    color: rgb(135, 135, 135);
    font-size: 18px;
    padding: 0 10px 5px 10px;

    border-radius: 3px;
    cursor: pointer;
    z-index: 100;
    -moz-transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

#totop.transparent {
    display:none;
    opacity: 0;
    -moz-transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

	.mobile-mbox{
		text-align: center;
		padding:0px;

	}



	.mobile-icon{
		float: left;
		text-align: center;
		width: 30%;
		margin: 4px;
		/* height: 60px; */
		color: #fff;
border: 1px solid transparent;
		background: #333;
		padding: 7px;
		cursor: pointer;
		border-radius: 2px;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
	}

.mobile-icon:hover{
background-color: #0255a5;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
	}

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

		.m-icon{
		float: left;
		font-size:15px;
		font-weight:500;
		text-align: center;
		width: 100%;
		margin: 4px 0;
		/* height: 60px; */
		color: #333;
		border: 1px solid #e1e1e1;
		background: #fff;
		padding: 7px;
		cursor: pointer;
		border-radius: 2px;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
	}

.m-icon:hover{
border: 1px solid #de5205;
    background-color: #f06c24;
    color: #fff !important;
	}
}

@media only screen and (min-width: 1201px) {
 .-mbox {margin: 20px 0 0 -1.33%;padding: 0px; position: relative;clear:both; overflow: hidden;}
.m-icon{
float: left;
font-size:15px;
font-weight:500;
text-align: center;
width: 32%;
margin-left: 1.33%;
/* height: 60px; */
color: #333;
border: 1px solid #e1e1e1;
background: #fff;
padding: 7px;
cursor: pointer;
border-radius: 2px;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;
}

.m-icon:hover{
     border: 1px solid #de5205;
    background-color: #f06c24;
    color: #fff !important;
	}
}



@media only screen and (min-width: 390px) and (max-width: 549px) {
 .image-box2 {
    height:248px;
    overflow:hidden;
    margin:0 auto;
}

}

@media only screen and (max-width: 549px) {
#latest-carousel-gallery .owl-nav {margin-top:10px;}

.tab-content .mt40 {margin-top: 20px;}
.owl-item .mb40 {margin-bottom: 20px;}
.owl-item .margin-bottom-30 {margin-bottom: 20px;}
.the-footer, .the2-footer {bottom: 10px;}

.container-fluid #item-carousel {padding:0 14px 0 12px;}
 .image-box {
    height:220px;
	}
.item-img-wrap:hover img {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
   }
}

@media only screen and (min-width: 550px) and (max-width: 767px){
 .image-box2 {
    height:220px;
    overflow:hidden;
    margin:0 auto;
 }
}


@media only screen and (min-width: 768px) and (max-width: 959px){
 .image-box2 {
    height:260px;
    overflow:hidden;
    margin:0 auto;
 }
}

@media only screen and (max-width: 500px) {
.c4 h1 { font-size: 2.8em;
    line-height: 35px;
    margin: 0 0 35px 0; }
.c4-title {margin-bottom: 25px; font-size: 19px; font-weight:500; line-height: 30px;color:#777;}
.c4-icon {font-size: 16px; line-height:26px; padding-right:5px; color:#777;}
.c4-text {font-size: 16px;line-height:26px;}

.c1-3 {margin-right: -5px; margin-left: -6px;}
.c1-3 .col-md-3, .c1-3 .col-sm-4, .c1-3 .col-xs-4 {
    padding-right: 5px;
    padding-left: 5px;
	}
}

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

.map .col-md-6 {width:50%; float: left;}
#daumRoughmapContainer1658804968314 {display:none;}
}

@media only screen and (min-width: 500px) and  (max-width: 900px){

.c1-3 {margin-right: -6px; margin-left: -8px;}
.c1-3 .col-md-3, .c1-3 .col-sm-4, .c1-3 .col-xs-4 {
    padding-right: 10px;
    padding-left: 8px;
	}
}

@media only screen and (min-width: 901px) {
.c1-3 {margin-right: -14px; margin-left: -15px;}
}



.services-box-mapinfo {
  padding-left: 35px;
}

.services-box-mapinfo .material-icons {
 position: absolute; top:-2px;
  /*background-color: #0255a5;*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.posi {top:-6px !important;}

.services-box-mapinfo h4 {
  font-weight: 600;
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.main_map1_title {line-height:30px; font-size: 25px; padding-left:40px}
.main_map2_title {font-size: 25px; padding-left:40px;}

.main_map_sub {font-size: 17px; padding-top:5px; color:#555; }

.map_info {padding: 0px; position: relative;clear:both; overflow: hidden;}
.map_info .col-md-6 {padding:0px !important;}
.map_left {padding:0px;}

.map_tit_subject {
    padding: 10px 0 10px;
    letter-spacing: -2px;
    line-height: 24px;
}

.c1_tit_subject {
    padding: 10px 0 10px;
    letter-spacing: 0px;
    line-height: 24px;
}

@media only screen and (min-width: 992px) {
.m_more_g, .m_more_y, .m_more_n  {display:none;}
.map_left {padding-left:20px;}
.ntab2, .ntab3, .ntab4 {border-left: 2px solid #fff;}
}



@media (max-width: 1200px) { 
.main_map1_title {line-height:27px; font-size: 20px; padding-left:35px; margin-top:-20px;}
.main_map2_title {font-size: 20px; padding-left:35px;}

.main_map_sub {font-size: 16px; padding-top:5px; color:#555;line-height:21px;}
.services-box-mapinfo .f35 {font-size: 30px;}
.services-box-mapinfo {
  padding-left: 15px;

}

.services-box-mapinfo .material-icons {
 position: absolute; top:0;
  /*background-color: #0255a5;*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.posi {top:-3px !important;}

.services-box-mapinfo h4 {
  font-weight: 600;
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
}
}




@media (max-width: 1400px) { 
.main_map1_title {margin-top:-10px;}
	.services-box-mapinfo {
		padding-left: 5px;
	}
}


#latest-carousel-yt .owl-dots {margin-top:0px; padding-bottom:20px;}




/* 모든게시판 첨부파일 수정 */

#bo_v_file h2{
	font-size:14px;
	font-weight:bold;
}


#bo_v_con p {  margin:0 !important;}
#bo_v_img img, #bo_v_con img {display: block; margin: 0 auto;max-width:100%;height:auto; padding:25px 0;}


.bo_v_nb li a {padding-right:15px}
.bo_v_nb li .nb_date {display: contents; word-break: break-all; color:#aaa;}



 #bo_v_file ul li span{display: contents; word-break: break-all;}
 #bo_v_img img, #bo_v_con img {display: block; margin:0 auto;max-width:100%;height:auto;padding:15px 0;}
 #bo_v_con {font-size: 15px !important;font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 25px; letter-spacing:-0.2px !important;}
 #bo_v_con div {font-size: 15px !important;font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 25px; letter-spacing:-0.2px !important;}
 #bo_v_con p {font-size: 15px !important; font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 25px;letter-spacing:-0.2px !important;}
 #bo_v_con span {font-size: 15px !important; font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 25px; letter-spacing:-0.2px !important;}
 #bo_v_con span b, #bo_v_con b span, #bo_v_con b {font-size:18px !important; font-weight: 600; font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 30px;letter-spacing:-0.3px !important;}
 #bo_v_con a {font-size: 15px !important; font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 25px;}
 #bo_v .f20 {  font-size:19pt; margin: 5px 0; letter-spacing:-0.3px !important;}
#bo_v_info .sv_member {color:#777 !important; font-weight: 400; padding-right:8px;}
.sv_member {color:#777 !important; font-weight: 400; }


.the-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.5em;
    height: 6.0em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
	
  }
.the2-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.5em;
    height: 6.0em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
	
  }
  .the-title, .the2-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 24px;
    height: 24px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
	margin-bottom: 20px;
  }
  .card-content h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.5em;
    height: 1.5em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
	margin-bottom:20px;
  }


.blog-post h2:hover, .the-title:hover,.the2-title:hover {text-decoration:underline;}



.the-title strong, .the2-title strong {font-weight: 500;color: #000;}
.the-title:hover strong, .the2-title:hover strong{font-weight: 500;color: #ff2b2b;}



@media only screen and (max-width: 767px) { 
#bo_v_atc {
width: -moz-calc(100% + 22px); /* Firefox */
width: -webkit-calc(100% + 22px); /* WebKit */
width: -o-calc(100% + 22px); /* Opera */
width: calc(100% + 22px);  /* Standard */
margin-left:-12px
}

#bo_v_atc  iframe {padding: 0 3px;}
}

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



.pic_lt  {display:none;}
._content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.4em;
    height: 4.2em;
    font-size: 17px;
    color: #333;
}

.post-detail li + li {
    padding-left: 5px;
}
 #bo_v_file ul li span{display: contents; word-break: break-all;}
 #bo_v_img img, #bo_v_con img {display: block; margin:0 auto;max-width:100%;height:auto;padding:7px 0;}
 #bo_v_con {font-size: 17px !important;font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 24px; letter-spacing:-0.5px !important;}
 #bo_v_con div {font-size: 17px !important;font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 24px; letter-spacing:-0.5px !important;}
 #bo_v_con p {font-size: 17px !important; font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 24px; letter-spacing:-0.5px !important;}
 #bo_v_con span {font-size: 17px !important; font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 24px; letter-spacing:-0.5px !important;}
 #bo_v_con span b, #bo_v_con b span, #bo_v_con b {font-size:20px !important; font-weight: 600; font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 30px; letter-spacing:-0.5px !important;}
 #bo_v_con a {font-size: 17px !important; font-family:  '나눔고딕', NanumGothic, '돋움','dotum','Roboto','Arial',sans-serif !important;line-height: 24px;}
 #bo_v .f20 {  font-size:20pt; margin: 5px 0;}
#bo_v_info .sv_member {color:#777 !important; font-weight: 400; padding-right:8px;}
.sv_member {color:#777 !important; font-weight: 400; }


h2 {
    font-size: 34px;
    font-weight: 500;
    line-height: 34px;
    margin: 0 0 32px 0;
}

h3 {
    font-size: 25px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 15px;
}
.map_tit_subject {
    padding: 10px 0 0;
    letter-spacing: -2px;
    line-height: 24px;
}
.navbar-default {position:relative !important; top:0;}



  .nav>li>a {
	position: relative;
    display: block;
    padding: 20px 22px;
    font-family: 'pretendard', 'Malgun Gothic', "맑은 고딕", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
}


.item-img-overlay span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url() no-repeat center center rgba(0, 0, 0, 0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition: opacity 250ms linear;
    -o-transition: opacity 250ms linear;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
}

#daumRoughmapContainer1658805013408 {display:none;}
.c4 {margin:20px -15px 0;}

.tbl_head01 .td_num2 {font-size:15px;} 
.tbl_head01 .sv_member {font-size:15px;} 
.tbl_head01 .td_num {font-size:15px;} 
.tbl_head01 .td_datetime {font-size:15px;} 



#bo_v_info .if_date {
     font-size: 15px;
}
 
 #bo_v_info strong  {font-size:15px;}
 #bo_v_info .sv_member {font-size:16px;color: #777; padding-right:5px;}
.main_map_sub {
    font-size: 17px;
    padding-top: 5px;
    color: #555;
    line-height: 21px;
}


.card-content h4 {
    margin: 0 0 10px;
}
.f16 {
     font-size: 18px;
}
.f60 {
    font-size: 50px;
}
#bo_v .f20 {   font-size:17pt; margin: 5px 0;}
#bo_v h2 {line-height: 30px;}


body {
    position: relative;
    background: #fff;     
    font-size: 17px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    letter-spacing: 0;
    -webkit-text-size-adjust: none;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#bo_vc .cmt_contents { font-size: 15px; }
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest, .bo_vc_hdinfo {  font-size: 15px; }
#bo_vc .cmt_contents {  padding: 10px 12px 0; }

.ko_main {
  margin: 0px 0 0;
  padding:0 10px;
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -1px;
  text-align:center;
  
}
.ko_main_s {
  margin: 10px 0 0;
  font-size: 19px;
  color: #eee;
  font-weight: 500;
  letter-spacing: -1px;
  text-align:center;

}
.breadcrumb-wrap h4 {
  margin: 0px;
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 5px;
  text-align:center;
  text-transform: uppercase;
  
}
.colored-boxed {background: #f9f9f9 !important;}
.colored-boxed i{color: #333; line-height: 70px;}
.ko{  }
.bo_tit{display:block;color:#000;font-weight:400;font-size: 17px; padding:0 10px;}
.colored-boxed h3 {
  
}
.main-box .bu {
  color: #333;
  
  font-size: 17px;
  font-weight: 500;
}
.nav-tabs > li > a { font-size: 17px; font-weight: 500;padding: 17px 22px;}
.tab-content .mt40 {margin-top: 20px;}


.nav-tabs > li > a .material-icons { font-size: 26px;}
.navbar-nav > li > a {
    text-transform: uppercase;
    
	font-weight: 500;
}

.bo_v_nb {font-size: 15px;}

#fboardlist a.btn, #fboardlist.btn, #bo_v a.btn, #bo_v .btn {
font-size: 15px;
    line-height: 37px;
    height: 37px;
    padding: 0 15px;
    text-align: center;
    font-weight: bold;
    border: 0;
    -webkit-transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out;
    -o-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}

.bo_v_nb li .nb_tit {  font-weight: 500;}

.btn-lg {
    padding: 12px 24px 11px 24px;
    font-size: 14px;
	background: #f9f9f9 !important;
}
.btn-lg:hover, .btn-lg:focus, .btn-lg:active  {
    background: #0255a5 !important;
	color: #fff !important;
}
.c1_title {font-size: 25px; top:10px; left:60px; position:absolute}
.c4_title {font-size: 25px; top:10px; left:43px; position:absolute}
.life_study-unit i {font-size:40px;}

.table_ {width:100%;border-collapse:collapse;border:1px solid #ddd}


.table_ tr th {
    font-weight:600;
    height: 35px;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 3px solid #333;
    font-size: 19px;
    background: #f1f1f1;
}

.table_ tr td {
    height: 35px;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 17px;
}

.team-wrap h4 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 27px;
    margin: 5px 0 0 0;
}
.team-wrap span {
    text-transform: uppercase;
    color: #777;
    display: block;
    margin-bottom: 7px;
    font-weight: 500;
    font-size: 16px;
}

.blog-post h2 {
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.5em;
    height: 1.5em;
}

#footer {
    padding: 20px 0 0;
    position: relative;
    clear: both;
}
#footer .f_sub {

    margin-bottom: 12px !important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
}
#footer .f_title {
    padding-bottom: 14px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 22px;

    margin-bottom: 5px !important;
}
.footer-col, .footer-btm {font-size: 13px;}

.footer-btm {
    padding: 0 0 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.the-title strong, .the2-title strong {font-weight: 500;color: #222;}
.the-title:hover strong, .the2-title:hover strong{font-weight: 500;color: #ff2b2b;}

.hidden-lg .divide70 {width: 100%; height: 30px;}

.mobile-icon { font-size:15px !important;}

.ntab1, .ntab3 {border-right: 1px solid #fff;}
.ntab2, .ntab4 {border-left: 1px solid #fff;}
.ntab1, .ntab2 {border-bottom: 2px solid #fff;}
.ntab3, .ntab4 {border-top: 1px solid #fff;}
/*************parallax*************/
.parallax {
  background: url('/theme/theme_302/images/main_b.jpg');
  background-position: center; 
  padding-top:30px; 
  padding-bottom:30px;
  background-repeat: repeat;
  width: 100%;
  background-attachment: fixed;
}
.parallax h2 {font-size: 2.2em;  line-height: 36px; margin:40px 0 30px; color:#fff; font-weight:600;}
.parallax  p {padding:0 10px 20px; color:#fff;  font-weight:500; font-size:20px;line-height: 30px;letter-spacing: -1px;}

a {
  color: #333;
  -moz-transition: all 0ms ease-in;
  -o-transition: all 0ms ease-in;
  -webkit-transition: all 0ms ease-in;
  transition: all 0ms ease-in;
}



.yt_container_3:hover .yt_text_3 img{ 
-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);    
   opacity: 0.85; width:20% !important; display: block; margin: 0px auto;
}


}





@media (min-width: 768px) {


	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;    
	}
	.open>.dropdown-menu{
		display:none;
	}

 #sticky-wrapper  {height:100px !important;
		  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}

	.scroll .navbar-default  {padding: 10px 0 0; min-height: 80px;
			  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}

 .map .col-md-6 {padding-right: 7px;
    padding-left: 7px;}

}


.nav-tabs>li>a {
    margin-right: 0px;
}




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


#bo_v_file h2 {font-size: 16px;}
#bo_v_file li {font-size: 14px;}
.breadcrumb-wrap {
  padding: 35px 0 32px;
  background-position: center center;
  background-repeat: no-repeat;
}
.wrap-main { padding: 65px 0 85px;}
}


@media only screen and (min-width: 768px) and (max-width: 809px) {
.blog-post .fa-tag {display:none;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

.pic_lt  {display:none;}
.blog-post h2 {    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.2em;
    height: 1.2em;
    font-size: 21px;
    color: #333;
	}
.post-detail li + li {
    padding-left: 5px;
}

.main-slider button.slick-arrow {
    font-size: 0;
    position: absolute;
    margin-top: 0px;
    width: 45px;
    height: 45px;
    z-index: 999;
    outline: 0;
    border: 0px;
}

.main-slider button.slick-prev {
    position: absolute;
    top: 50%;
    left: 5%;
    background: url(../img/left_arrow.png) center no-repeat;
}

.main-slider button.slick-next {
    position: absolute;
    top: 50%;
    right: 5%;
    background: url(../img/right_arrow.png) center no-repeat;
}

	/* 슬라이드 mobile 크기 */
	.caption {
	  position: absolute;
	  width:100%;
	  text-align: center;
	  padding: 20px;
	  color: #fff;
	  margin: 0;
	  font-size: 40px;
	  font-weight: 600;
	  letter-spacing: .02em;
	  opacity: 0;
	  z-index: 1;
	}
	.caption i{font-size:19px;}
	.caption .small-text {margin:6px 0 0; font-size: 22px; color:#ddd;}


.breadcrumb-wrap {
  padding: 80px 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.main-slider {height: 340px !important;}
ol.breadcrumb {
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: #555;
  position:absolute;
  right:20px;
  top: 100px;
}
}


@media only screen and (min-width: 992px) and (max-width: 1200px){


.blog-post h2 {
    font-size: 22px;
    margin-bottom: 10px;
    margin-top: 15px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.5em;
    height: 1.5em;
}

._content {     
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.4em;
    height: 4.2em;
    font-size: 16px; color: #333;
}


.main-slider button.slick-arrow {
    font-size: 0;
    position: absolute;
    margin-top: -30px;
    width: 50px;
    height: 50px;
    z-index: 999;
    outline: 0;
    border: 0px;
}

.main-slider button.slick-prev {
    position: absolute;
    top: 50%;
    left: 7%;
    background: url(../img/left_arrow.png) center no-repeat;
}

.main-slider button.slick-next {
    position: absolute;
    top: 50%;
    right: 7%;
    background: url(../img/right_arrow.png) center no-repeat;
}

	/* 슬라이드 mobile 크기 */
	.caption {
	  position: absolute;
	  width:100%;
	  text-align: center;
	  padding: 20px;
	  color: #fff;
	  margin: 0;
	  font-size: 48px;
	  font-weight: 600;
	  letter-spacing: .02em;
	  opacity: 0;
	  z-index: 1;
	}
	.caption i{font-size:19px;}
	.caption .small-text {margin:7px 0 0; font-size: 25px; color:#ddd;}

	

.breadcrumb-wrap {
  padding: 90px 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.main-slider {height: 380px !important;}
ol.breadcrumb {
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: #555;
  position:absolute;
  right:20px;
  top: 110px;
}
}

.wrap_controllers {
    overflow: hidden;
    padding: 10px 11px;
    border: 1px solid #dfdfdf;
	border-top: 0px solid #dfdfdf;
    border-color: rgba(0,0,0,.1);
    border-radius: 0 0 2px 2px;
    background-color: #f9f9f9;
}
.wrap_controllers .tit_controllers {
    float: left;
}
.wrap_controllers .wrap_btn_roadview {
    float: right;
    position: relative;
    top: 1px;
    font-size: 11px;
}
.wrap_controllers .wrap_btn_roadview {
    top: 0;
    font-size: 13px;
	font-family: "맑은 고딕", "malgun gothic","dotum", "돋움", Droid sans, sans-serif;
	font-style: normal;
}
.wrap_controllers .wrap_btn_roadview .txt {
    float: left;
    height: 15px;
    padding-top: 1px;
    line-height: 15px;
    color: #000;
}

.wrap_controllers .wrap_btn_roadview .txt_bar {
float: left;
    width: 1px;
    padding: 0;
    margin: 0 8px 0 9px;
    height: 11px;
    vertical-align: top;
    position: relative;
    top: 2px;
    border-left: 1px solid #d0d0d0;
	color: #d0d0d0;
    font-size: 10px;
}

@media only screen and (min-width: 1201px) and (max-width: 1400px){
.blog-post h2 {
    font-size: 23px;
    margin-bottom: 10px;
    margin-top: 15px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.5em;
    height: 1.5em;
}
}

@media only screen and (min-width: 1401px) {
.blog-post h2 {
    font-size: 23px;
    margin-bottom: 10px;
    margin-top: 15px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.5em;
    height: 1.5em;
}
}

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


#bo_sch {width: 100%; }
#bo_sch select {width: 25%; border: 0;
   
    height: 20px;
    float: left;
   
}
#bo_sch .sch_input {
  width: 62%;
}
#bo_sch .sch_btn{display: block;width: 9%; }
.hidden-xxs {display:none; }
.wrap-main { padding: 55px 0 75px;}
}

@media only screen and (min-width: 491px) {
.hidden-xxm {display:none;} 
}

.snop {margin:0 !important;}


/* Hide scrollbar for Chrome, Safari and Opera */
.flow-hidden::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.flow-hidden{
  overflow: hidden;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.main-box .colored-boxed {border-radius: 5px;}


.pic_lt { position: absolute;clear: both; overflow: hidden;
    font-size: 18px;
    color: #000;
	right:10px;
    top: -10px;
    padding: 10px;}

.pic_lt .lt_more { color:#3a8afd; text-align:center}
.pic_lt .lt_more:hover {color:#777}


.pic_lt2 { clear: both; overflow: hidden;position: absolute;
    right:0;
    font-size: 18px;
    color: #000;
    padding: 10px;
	margin-top:-36px;}

.pic_lt2 .lt_more { color:#3a8afd; text-align:center}
.pic_lt2 .lt_more:hover {color:#777}


.tabs-container {padding: 0px; position: relative; overflow: hidden; }


@media only screen and (max-width: 500px) {
.blog2 h2 {
	font-size: 21px;
	margin-bottom: 5px;
	margin-top: 15px;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.4em;
	height: 2.8em;
}
}

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

.m_more_y { position: absolute;
    right:10px;
    bottom: 45px;
	}
.m_more_g { position: absolute;
    right:10px;
    bottom: 25px;
	}
.m_more_n { position: absolute;
    right:10px;
    bottom: 25px;
	}
}



@media only screen and (min-width: 551px) and (max-width: 767px) {

.m_more_y { position: absolute;
    right:10px;
    bottom: 55px;
	}
.m_more_g { position: absolute;
    right:10px;
    bottom: 27px;
	}
.m_more_n { position: absolute;
    right:10px;
    bottom: 27px;
    }
}

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

.m_more_y { position: absolute;
    right:10px;
    bottom: 60px;
	}
.m_more_g { position: absolute;
    right:10px;
    bottom: 30px;
	}
.m_more_n { position: absolute;
    right:10px;
    bottom: 30px;	
	}
}
#latest-carousel, #latest-carousel-2, #latest-carousel-gallery, #latest-carousel-yt {z-index:10; min-height:250px;}
.m_more_g, .m_more_y, .m_more_n  {z-index:11;}
.tabs-container, .new-tab {z-index:12;}


.c4 {margin:0 ; padding:0 ;}
.c4-title {margin-bottom: 30px; font-size: 22px; font-weight:500; line-height: 30px;color:#777;}
.c4-icon {font-size: 18px; line-height:26px; padding-right:5px; color:#777;}
.c4-text {font-size: 18px;line-height:26px;}



.image-thumbnail2 {
    width:100%;
    height:100%;
    object-fit:cover;
}


#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {
    font-weight: normal !important;
}