/* last modifyed : 20190906.01 */	

.pa-0 {
  padding: 0px !important; }

.pa-5 {
  padding: 5px !important; }

.pa-10 {
  padding: 10px !important; }

.pa-15 {
  padding: 15px !important; }

.pa-20 {
  padding: 20px !important; }

.pa-25 {
  padding: 25px !important; }

.pa-30 {
  padding: 30px !important; }

.pt-0 {
  padding-top: 0px !important; }

.pt-5 {
  padding-top: 5px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-35 {
  padding-top: 35px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-45 {
  padding-top: 45px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pl-0 {
  padding-left: 0px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pl-25 {
  padding-left: 25px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pl-35 {
  padding-left: 35px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pl-45 {
  padding-left: 45px !important; }

.pl-50 {
  padding-left: 50px !important; }

.pr-0 {
  padding-right: 0px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pr-35 {
  padding-right: 35px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pr-45 {
  padding-right: 45px !important; }

.pr-50 {
  padding-right: 50px !important; }

.ma-0 {
  margin: 0px !important; }

.ma-5 {
  margin: 5px !important; }

.ma-10 {
  margin: 10px !important; }

.ma-15 {
  margin: 15px !important; }

.ma-20 {
  margin: 20px !important; }

.ma-25 {
  margin: 25px !important; }

.ma-30 {
  margin: 30px !important; }

.mt-0 {
  margin-top: 0px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-35 {
  margin-top: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mt-65 {
  margin-top: 65px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-75 {
  margin-top: 75px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mt-85 {
  margin-top: 85px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mt-95 {
  margin-top: 95px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.mb-95 {
  margin-bottom: 95px !important; }

.ml-0 {
  margin-left: 0px !important; }

.ml-5 {
  margin-left: 5px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-25 {
  margin-left: 25px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-35 {
  margin-left: 35px !important; }

.ml-40 {
  margin-left: 40px !important; }

.ml-45 {
  margin-left: 45px !important; }

.ml-50 {
  margin-left: 50px !important; }

.ml-55 {
  margin-left: 55px !important; }

.ml-60 {
  margin-left: 60px !important; }

.mr-0 {
  margin-right: 0px !important; }

.mr-5 {
  margin-right: 5px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-35 {
  margin-right: 35px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mr-45 {
  margin-right: 45px !important; }

.mr-50 {
  margin-right: 50px !important; }

.mr-55 {
  margin-right: 55px !important; }

.mr-60 {
  margin-right: 60px !important; }

.ml-auto {
  margin-left: auto !important; }

.mr-auto {
  margin-right: auto !important; }

.no-float {
  float: none !important; }

.panel .panel-heading a {
    position: relative;
}
.inline-block {
    display: inline-block !important;
}

.panel .panel-heading .pull-right i {
    font-size: 20px;
    color: #878787;
}
.panel .panel-heading a i {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.input-group-addon {
    background: transparent none repeat scroll 0 0;
    border-color: #dedede;
    border-radius: 0;
    color: #212121;
    min-width: 42px;
}

.beo-container > nav .beo-container-panel {
    width: 100%;
    height: 100%;
    background: #fff;
}

/************************************** 컨텐츠 내용 박스 **************************************/


  .beo-container  > nav .panel.card-view .panel-wrapper {
	height: calc(100% - 46px); /*헤더 높이 46 차감*/
	position: relative; 
	}	


/*  

  .beo-container  > nav .panel.card-view.fullscreen .panel-wrapper {
	height: calc(100% - 46px); 
	}

/*


/************************************** 우측 로고 커서 손가락 모양 **************************************/


  .beo-container .beo-nav .pull-right img {	cursor : pointer; }


/************************************** 전체 내용 스타일 **************************************/


  .card-view {
	background: #fff;
	/*order-radius: 6px;*/
	border: none;
	/*border-radius: 0;*/
	/*box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.09);*/
	/*margin : 0;*/
	/*padding : 0;*/
	width : 100%;
	height : 100%;  
  }


  /* .card-view.panel > .panel-heading {
    border: none;
    color: inherit;
    border-radius: 0;
    margin: 0;
    padding: 12px 15px 8px;
     }

  .card-view.panel > .panel-heading.small-panel-heading { padding: 11px 15px; }

  .card-view.panel > .panel-heading .head-overlay {
      background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; 
	  }

  .card-view.panel > .panel-heading .pull-right button { background: #fff; }*/
  

  /************************************** 내용 전체 틀 (ex.고객등급종합) **************************************/


  .card-view.panel .panel-body {  padding: 5px; }

  .card-view.panel.panel-info .panel-body, 
  .card-view.panel.panel-success .panel-body, 
  .card-view.panel.panel-warning .panel-body, 
  .card-view.panel.panel-danger .panel-body, 
  .card-view.panel.panel-primary .panel-body, 
  .card-view.panel.panel-inverse .panel-body 
  { padding-top: 20px; } 

  .card-view.panel.panel-default.border-panel .panel-body, 
  .card-view.panel.panel-default.panel-tabs .panel-body 
  { padding-top: 20px; }

 
 /************************************** 서브 타이틀 배경 **************************************/
 
  
  .card-view.panel.panel-default > .panel-heading {
	border-bottom: 2px solid #236ab9;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	}


	/*

  .card-view.panel.panel-default.border-panel > .panel-heading, 
  .card-view.panel.panel-default.panel-tabs > .panel-heading 
  {
    border-bottom: 1px solid #dedede; }

  .card-view.panel.panel-default.border-panel > .panel-heading, 
  .card-view.panel.panel-default.panel-tabs > .panel-heading .panel-title 
  {
	float : left;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	font-style: italic;
	text-transform: capitalize; }

  .card-view.panel.panel-default.panel-tabs > .panel-heading { padding-bottom: 0; }

  .card-view.panel.panel-default.panel-tabs .nav-tabs { border-bottom: none; }

  .card-view.panel.panel-default.panel-tabs .nav-tabs > li > a { padding: 0 5px 12px; float: left; }

  */


  /************************************** 오른쪽에 나오는 컨텐츠 상단 버튼 full로 눌렀을때  **************************************/


  .card-view.panel.fullscreen {	
    width: 100%;
    height: 100%;
    position: fixed;
	left: 0;
	top: 0;
    overflow-y: auto;
    margin: 0;
    z-index: 1040; }


/**************************************                                          **************************************/

/*
  .card-view.panel.fullscreen > .panel-heading .pull-right > a, 
  .card-view.panel.fullscreen > .panel-heading .pull-right .dropdown 
	{ opacity: 0; visibility: hidden; }

  .card-view.panel.fullscreen > .panel-heading .pull-right > a.full-screen, 
  .card-view.panel.fullscreen > .panel-heading .pull-right .dropdown.full-screen 
	{ opacity: 1; visibility: visible; }

  .card-view.panel.fullscreen > .panel-heading .pull-right > a.full-screen i.zmdi-fullscreen::before, 
  .card-view.panel.fullscreen > .panel-heading .pull-right .dropdown.full-screen i.zmdi-fullscreen::before 
	{ content: "\f16c"; }

  .heading-bg { height: 55px; margin: 0 -20px 10px; padding: 13px 0; }
  .heading-bg h5 { padding-top: 6px; }
 */
	

/************************************** 타이틀 글자 **************************************/


.panel-heading .panel-title {
    float: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
	font-style: normal;
    text-transform: capitalize;
	margin-left : 5px;
}


 /************************************** 타이틀 옆, 전체, 축소 아이콘 이미지 **************************************/


.beo-container-popup .panel-heading .pull-left .bullet {background: url('../../images/home/ic_bullet.png') no-repeat ;  padding:2px 13px 0; }
.beo-container-popup .panel .pull-right a.full-screen { background: url('../../images/home/ic_expand.png'); width: 20px; height: 20px; }
.beo-container-popup .panel.fullscreen .pull-right a.full-screen { background: url('../../images/home/ic_reduce.png'); }


/************************************** 검색 결과 내용 **************************************/


  .row.beo-search-body { padding: 0 5px 0 !important; position: relative; }
/*
  .beo-search-condition-add.beo-search-body { height: calc(100% - 35px) !important; }
  .beo-search-body.slide-up { height : calc(100% - 5px) !important; position: absolute; top: 0; }*/

  .beo-search-index { position: absolute; top:30px; right: 30px; z-index: 999; width: 30px; } /*검색결과 인덱스 찾기*/


/************************************** 일반 검색 박스 **************************************/


  .beo-search-condition {
	display : block;
	margin-top: -5px;
	}

 /* 

  .beo-search-condition.slide-up {
	display : none;
	}

  .beo-search-label { text-align: center; line-height: 2; }

*/


/************************************** beo-search-condition-parent **************************************/

/*
.beo-search-condition-parent .header
{
	height:30px;
	line-height:30px;
	margin-bottom: 5px;
	color:#222;
	font-weight: bolder;
	border:1px solid #e0dfdf;
	padding-left: 13px;
	clear: both;
	float: none;
	display: block;
}*/
/*
.beo-search-condition-parent .glyphicon-chevron-down 
{
	color:#557d67;
	float:right;
	margin-right:5px;
	margin-top:6px;
}

.beo-search-condition-parent .beo-search-condition
{
	position : absolute;
	top : 40px;
	left: 10px;
	background : #fff;
	width : 100%;
	display : none;
	z-index: 1000;
	overflow-y : auto;
	width:calc(100% - 10px);
	border:1px solid #ccc;
	height: auto;
	max-height: calc(100% - 100px);
	box-sizing: border-box;
	padding:10px 5px;
}

@media screen and (max-width : 319px) {
	.beo-search-condition-parent .beo-search-condition
	{ padding:5px 0px; }
}*/


/************************************** beo-panel **************************************/

.row.beo-panel {
	margin : 0px 0 10px;
}

.row.beo-panel.panel-border {
	position: relative;
	margin : 5px 0 15px 0;
	padding: 10px 5px 5px;
	border: 1px solid #948c8c;
	border-radius: 5px;
}

.row.beo-panel .beo-panel-title {
    position: absolute;
    top: -12px;
    left: 10px;
    padding: 0 10px;
    background: #fff;
    font-weight: 900;
	color : #735757;
}

.row.beo-panel:last-child {
	margin : 0;
}


/************************************** top-arrow **************************************/


  .top-arrow-wrap { 
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 1px; 
	border-top: 2px solid #236ab9;
	margin-left: -5px;     
	margin-top: -5px; 
	display : none;
	}
/*
  .top-arrow-bg {
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -30px;
	width: 60px; 
	height: 0;
	border-top: 21px solid #236ab9;
	border-left: 9px solid transparent;
	border-right :9px solid transparent;  
	filter: drop-shadow(0 3px 8px gray);
	-webkit-filter: drop-shadow(0 3px 8px gray);
	} 

  .top-arrow-bg>i {
	position: absolute;
	color: #fff;
	margin-left: 16px; 
	margin-top: -16px;
	}*/


/************************************** beo-footer **************************************/



.beo-footer { background : #fff; margin: 0 5px 5px 5px; width: calc(100% - 10px); border : 1px solid #e0dfdf; }
.beo-footer.slide-up { display : none; height : 0; }



 /************************************** aui-gird **************************************/


  .aui-grid { border: 1px solid #e0dfdf; } /* grid 전체 감싸는 라인 */


 /************************************** beo-container > nav  **************************************/


.page-wrapper .beo-container > nav {
    position: absolute;
    top: 0px;
    height: 100%;
    transition: all 0.5s;
    background: #eaf1f0;
    border: 1px solid #eee;
}

.beo-container > nav.beo-container-main {
    width: 100%;
    left: 0px;
}

.beo-container > nav.beo-container-popup {
	right: -100%;
}

.beo-container > nav[popup-count="0"]:nth-child(1) {
	width : 100%;
	left : 0;
}


@media screen and (min-width : 1200px) {
	.beo-container > nav[popup-count="1"][display-type="1"]:nth-child(1) {
		width : 50%;
		left : 0;
	}

	.beo-container > nav[popup-count="1"][display-type="1"]:nth-child(2) {
		width : 50%;
		right : 0;
	}
	
	.beo-container > nav[popup-count="1"][display-type="2"]:nth-child(1) {
		width : 66.6666666%;
		left : 0;
		max-width : calc(100% - 384px);
	}

	.beo-container > nav[popup-count="1"][display-type="2"]:nth-child(2) {
		width : 33.3333333%;
		right : 0;
		min-width : 384px;
	}	
	
	.beo-container > nav[popup-count="1"][display-type="3"]:nth-child(1) {
		width : 33.3333333%;
		left : 0;
		min-width : 384px;
	}

	.beo-container > nav[popup-count="1"][display-type="3"]:nth-child(2) {
		width : 66.6666666%;
		right : 0;
		max-width : calc(100% - 384px);		
	}	

	.beo-container > nav[popup-count="2"]:nth-child(1) {
		width : 33.3333333%;
	}

	.beo-container > nav[popup-count="2"]:nth-child(2) {
		width : 33.3333333%;
		right : 33.3333333%;
	}

	.beo-container > nav[popup-count="2"]:nth-child(3) {
		width : 33.3333333%;
		right : 0;
	}

	.beo-container > nav[popup-count="3"]:nth-child(1) {
		width : 33.3333333%;
		left : -33.3333333%;
	}

	.beo-container > nav[popup-count="3"]:nth-child(2) {
		width : 33.3333333%;
		right : 66.6666666%;
	}

	.beo-container > nav[popup-count="3"]:nth-child(3) {
		width : 33.3333333%;
		right : 33.3333333%;
	}

	.beo-container > nav[popup-count="3"]:nth-child(4) {
		width : 33.3333333%;
		right : 0;
	}
}


@media screen and (min-width : 768px) and (max-width : 1199px) {
	.beo-container > nav[popup-count="1"][display-type="1"]:nth-child(1) {
		width : 50%;
		left : 0;
	}

	.beo-container > nav[popup-count="1"][display-type="1"]:nth-child(2) {
		width : 50%;
		right : 0;
	}
	
	.beo-container > nav[popup-count="1"][display-type="2"]:nth-child(1) {
		width : 66.6666666%;
		left : 0;
		max-width : calc(100% - 384px);
	}

	.beo-container > nav[popup-count="1"][display-type="2"]:nth-child(2) {
		width : 33.3333333%;
		right : 0;
		min-width : 384px;
	}	
	
	.beo-container > nav[popup-count="1"][display-type="3"]:nth-child(1) {
		width : 33.3333333%;
		left : 0;
		min-width : 384px;
	}

	.beo-container > nav[popup-count="1"][display-type="3"]:nth-child(2) {
		width : 66.6666666%;
		right : 0;
		max-width : calc(100% - 384px);		
	}

	.beo-container > nav[popup-count="2"]:nth-child(1) {
		width : 50%;
		left : -50%;
	}

	.beo-container > nav[popup-count="2"]:nth-child(2) {
		width : 50%;
		right : 50%;
	}

	.beo-container > nav[popup-count="2"]:nth-child(3) {
		width : 50%;
		right : 0;
	}

	.beo-container > nav[popup-count="3"]:nth-child(1) {
		width : 50%;
		left : -50%;
	}

	.beo-container > nav[popup-count="3"]:nth-child(2) {
		width : 50%;
		right : 100%;
	}

	.beo-container > nav[popup-count="3"]:nth-child(3) {
		width : 50%;
		right : 50%;
	}

	.beo-container > nav[popup-count="3"]:nth-child(4) {
		width : 50%;
		right : 0;
	}
}


@media screen and (max-width : 767px) {
	.beo-container > nav.beo-container-popup {
		position: fixed;
		width: 100%;
		height : 100%;
		top : 0;
		padding: 0;
		transition: transform 0.4s;
		z-index: 999;
	}

	.beo-container > nav[popup-count="1"]:nth-child(2) ,
	.beo-container > nav[popup-count="2"]:nth-child(2) ,
	.beo-container > nav[popup-count="2"]:nth-child(3) ,
	.beo-container > nav[popup-count="3"]:nth-child(2) ,
	.beo-container > nav[popup-count="3"]:nth-child(3) ,
	.beo-container > nav[popup-count="3"]:nth-child(4)
	{
		transform : translate3d(-100%,0,0);
	}

	.beo-popup-close	{	right : -100%;	}

	.beo-container  > nav .panel.card-view > .panel-heading a.full-screen { display : none !important; }

	.slimScrollBar { width : 4px !important; }
}


 /************************************** 상단 올라가기 버튼 **************************************/


.go-top-button-area { width:35px; height:35px; position: absolute; bottom:72px; right:20px; z-index: 2; }
.go-top-button-area img { width:100%; height:100%; }


 /************************************** 상세 검색 팝업 처리 **************************************/


  .beo-search-condition-popup { /*상세 검색 전체 박스*/
	position: absolute;
    z-index: 3;
    width: calc(100% - 10px);
    top: 4px;
    right: 5px;
    border: 1px solid #d8d0d0;
    max-width: 400px;
    background: #fff;
    height: calc(100% - 10px);
	box-shadow: 0px 0px 16px 0px rgba(71,71,71,0.5);
	max-height : 650px;
	border-radius: 5px;
	display : none;
	}

  .beo-search-condition.pop-up { /*상세 검색 내용 박스*/
	margin: 5px 10px;
	overflow-y : hidden;
	height : calc(100% - 48px) !important;
	}

  .panel-body.popup-active .beo-search-condition-popup {
	display :block;
	}

@media screen and (max-width : 390px) {
	.beo-search-condition.pop-up { margin: 5px; }
}


 /************************************** 상세 검색 숨기기 보이기 화살표 **************************************/


  .right-arrow-wrap {
	z-index: 3;    
	position: absolute;    
	width: 1;    
	height:calc(100% - 10px);
	max-height : 650px;      
	top: 5px; 
	right: 0;    
	border-right: 2px solid #236ab9; 
	display :block;
	}

  .right-arrow-bg {
	position: absolute;
    right: 0px;
    height: 60px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 21px solid #236ab9;
    filter: drop-shadow(0 3px 8px gray);
    -webkit-filter: drop-shadow(0 3px 8px gray);
    top: calc(50% - 30px);
	} 

  .right-arrow-bg>i { position: absolute;
    color: #fff;
    margin-left: 5px;
    margin-top: 14px;
	}

  .panel-body.popup-active .right-arrow-wrap { /* 상세 검색 창 열릴 때 화살표 숨기기 */
	display :none;
	}


 /************************************** 검색조건 팝업 창 헤더 **************************************/


  .popup-header {
	background: #236ab9;
	color : #fff;
	font-weight: 600;
	height: 40px;
	font-size: 17px;
	border-radius: 5px 5px 0 0;
	}
	
  .popup-header i {       
	width: 40px;
	height: 40px;
    float: left;
    padding: 12px 12px 12px 20px;
	}

  .popup-header > div{
    width: calc(100% - 100px);
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
	} 


 /************************************** Scroll-Y **************************************/


.scroll-y {  overflow-y: auto; height: 100%; overflow-x : hidden;}


 /************************************** Tab(탭) css start  **************************************/
/*
	******* example
	<div class="beo-tab active" title="고객">탭1</div>
	<div class="beo-tab" title="약력">탭2</div>
	<div class="beo-tab" title="기념일">탭3</div>
	<div class="beo-tab" title="학회">탭4</div>
*/

.beo-tab {	width: 100%;	margin: 0 auto;	    padding: 5px; height : 100%;}

@media screen and (max-width : 399px) {
	.beo-tab
	{ padding: 0px; }
}

.beo-tab > ul.tabs {
	margin: 0px;
    padding: 0px;
    list-style: none;
    background: #0085cf;
    border-radius: 8px 8px 0 0;
	overflow-x: auto; 
	white-space: nowrap;
	border-left: 1px solid #0085cf; 
	border-right: 1px solid #0085cf;
	}
	
.beo-tab > .contents {	
	width: 100%;
    height: calc(100% - 46px);
	}

.beo-tab > ul.tabs > li {
	background: none;
    color: #fff;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
	}

.beo-tab > ul.tabs > li.active {
	background: #ffffff;
    color: #0085cf;
	font-weight : 900;
    border-bottom: none;
	margin: 5px 0 0;
    border-radius: 8px 8px 0 0;
	-webkit-box-shadow: 0px 13px 18px 0px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 13px 18px 0px rgba(0,0,0,0.11);
    box-shadow: 5px -4px 6px 1px rgba(0,0,0,0.11);
	}

.beo-tab > .contents > .tab-content {
	display: none;
	background: #fff;
	padding: 10px;
	border:1px solid #0085cf;
	border-top:none;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
	width: 100%;
	height : auto;
	}

.beo-tab > .contents > .tab-content{ padding: 10px; }
.beo-tab > .contents > .tab-content.tab-100p{ height : 100%; padding: 10px 0  10px 10px; }
.beo-tab > .contents > .tab-content:not(.tab-100p) { margin-bottom: 10px; }
.beo-tab .tab-content.tab-100p  div.nicescroll-bar{ margin-right : 10px; }
.beo-tab .tab-content.tab-100p  div.nicescroll-bar.scroll-y{ margin-right: 0px; padding-right : 10px; height: 100%; overflow-x: hidden; }
.beo-tab .tab-content.active {	display: inherit; }
.beo-tab.height-auto { height : auto; }
.beo-tab.height-auto > .contents { height: auto; }
.beo-tab.height-auto > .contents > .tab-content) { height : auto; }


@media screen and (max-width : 400px) {
	.beo-tab  > .contents > .tab-content { padding: 5px; }
	.beo-tab > .contents > .tab-content:not(.tab-100p){ margin-bottom: 5px; }	
	.beo-tab  > .contents > .tab-content.tab-100p{ height : 100%; padding: 5px 0  5px 5px; }
	.beo-tab  > .contents > .tab-content.tab-100p  div.nicescroll-bar.scroll-y{ padding-right : 5px; }
}