/*  그누보드 – 영카트 기본 CSS 계층도 CSS는 테마에서 결정 bootstrap>common>main>default>각 skin style*/
@charset "utf-8";
@import url(head.css); 
@import url(footer.css); 
body {
      line-height: 1.8;
      color: #818181;
  }
 @media screen and (min-width: 768px) {
		h1{font-size:3em;}
		h2{font-size:2.5em;}
		h3{font-size:2em;}
		h4{font-size:1.5em;font-weight:300;}
		h5{font-size:1.3em;font-weight:300;}
		h6{font-size:1em;font-weight:300;}
		strong {font-size:1.1em;font-weight:300;}

 }
 @media screen and (max-width: 767px) {
		h1{font-size:2em;}
		h2{font-size:1.8em;}
		h3{font-size:1.6em;}
		h4{font-size:1.4em;font-weight:300;}
		h5{font-size:1.2em;font-weight:300;}
		h6{font-size:1em;font-weight:300;}
		strong {font-size:1.0em;font-weight:300;}
		 img{max-width:100%;}
		 .mobile_hide{
			display:none;
		 }
}
  .jumbotron {
      background-color: #FFF;
      color: #fff;
     padding: 80px 25px 30px 25px;
      font-family: Montserrat, sans-serif;
  }
.container {
	padding:0px;
}
body > div.framewrap > div.pagewrap > div.topimg_main,body > div.framewrap > div.pagewrap > div.topimg_sub {
	width: 100%;
    clear: both;
    left: 0px !important;
    right: 0px !important;
	padding:0px;
	margin-top: 100px;
}
/*서브페이지 탑이미지 영역 내 글*/
body > div.framewrap > div.pagewrap > div.topimg_sub > .message {
	display: none;
    position: absolute;
	width: 100%;
    top: 10vh;
    left: 20vw;
}

body > div.framewrap > div.pagewrap > div.topimg_sub > .sub_title {
	display: block;
    position: absolute;
    left: 8vw;
    top: 10vh;
	color:#efefef;
	text-align:left;
}
@media (max-width:767px){
	body > div.framewrap > div.pagewrap > div.topimg_sub > .sub_title {
    top: 3vh;
	}
}
body > div.framewrap > div.pagewrap > div.topimg_sub > .sub_title *{
	color:#efefef;
	text-align:left;
}
body > div.framewrap > div.pagewrap > div.topimg_sub > .sub_title_navi {
    position: absolute;
    display: inline-flex;
    width: 100%;
    height: 50px;
    top: 410px;
    background: rgba(0,0,0,0.05);
    z-index: 100;
}

body > div.framewrap > div.pagewrap > div.topimg_sub > .sub_title_navi > div.container{
	    display: inline-flex;
		margin:auto;
}
body > div.framewrap > div.pagewrap > div.topimg_sub > .sub_title_navi > div.container >  span.icon_house {
	display: block;
    width: 50px;
    height: 50px;
    background: url(../img/icon_house.png) 46% 46% no-repeat;
    background-color: rgb(186, 187, 187);
}
/*submenu dropup*/
body > div.framewrap > div.pagewrap > div.topimg_sub > .sub_title_navi > div > .sub_menu_dropup >.btn {
	border-radius: 0px;
    line-height: 38px;
    min-width: 10vw;
    color: #FFF;
    border: 0px;
    background-color: rgb(13, 92, 163);
    margin-left: 2px;
}
body > div.framewrap > div.pagewrap > div.topimg_sub > .sub_title_navi > div > .sub_menu_dropup >.btn >.caret{
	color:#FFFFFF;
}
/*submenu drop down*/
body > div.framewrap > div.pagewrap > div.topimg_sub > .sub_title_navi > div > .sub_menu_dropdown >.btn {
	border-radius: 0px;
    line-height: 38px;
    min-width: 10vw;
    color: #FFF;
    border: 0px;
    background-color: #0f59c9;
    margin-left: 2px;
}
body > div.framewrap > div.pagewrap > div.topimg_sub > .sub_title_navi > div > .sub_menu_dropdown >.btn >.caret{
	color:#FFFFFF;
}
.quick_menu {
	padding-top: 100px;
}

  @media screen and (max-width: 767px) {
	body > div.framewrap > div.pagewrap > div.topimg_main,body > div.framewrap > div.pagewrap > div.topimg_sub {
		padding:0px;
		margin-top: 82px;
	}
	.quick_menu {
		padding-top: 82px;
	}
 }

/*전체 컨텐츠 폭 정의*/
 @media screen and (min-width: 1566px) {
	  .container{
		width:1565px;
	  }
}
@media screen and (max-width: 1565px) {
	  .container{
			width:100%;
	  }
}

  .container-fluid {
      padding: 0px; 
  }
  .bg-grey {
      background-color: #FFF;
  }
  .logo-small {
      color: #759647;
      font-size: 3em;
  }
  .logo {
      color: #618430;
      font-size: 15em;
  }

/*top 이미지 내 문구*/
.carousel-inner .catchphrase{
	text-align:center;
	font-size:1em;
	color:#FFF;
}
.carousel-inner .catchphrase .slogan{
    text-align: center;
    font-size: 1.09em;
    color: #FFF;
    font-weight: 500;
}
.carousel-inner .catchphrase .logo_center{
    width: 12.12%;
    height: 5.60%;
    min-width: 268px;
    min-height: 72px;
    background: url(../img/logo_big_geost.png) 0 0 no-repeat;
	margin-bottom:10px;
}

#myCarousel > div > div.item.active > div > ul {
	display: inline-flex;
	height:40px
}
#myCarousel > div > div.item.active > div > ul > li{
	display: flex;
	line-height:40px;
	background-color:#000;
	text-align:center;
	color:#FFF;
	padding: 1px 10px;
}





   #portfolio .row {
		display:block;
		max-width:1200px;
		margin:auto;
	}
	#portfolio .row img{
		width:100%;
	}


	#contact{
		width: 100%;
		max-width: 1200px;
		margin: auto;
	}
	.btn-success,.btn-success:hover {
		color: #fff;
		background-color: #c34e95;
		border-color: #c34e95;
	}
	#SMS > div > ul > li > dl{
		    border-top: 1px solid #777
	}
	#SMS > div > ul > li > dl > dt{
		background-color: #eee;
		border-right: 1px solid #777;
	}
	.eventTitle{
		display: block;
		width: 100%;
		max-width: 1200px;
		font-size: 3.8em;
		line-height: 1.3em;
		margin: auto;
		text-align: center;
		background-color: #c34e95;
		color: #FFF;
	}
	
	.eventsubTitle{
		display: block;
		width: 100%;
		max-width: 600px;
		font-size: 1.8em;
		margin: auto;
		text-align: center;
		color: #c34e95;
		line-height: 1.2em;
	}
	.eventTitle strong,.eventsubTitle strong{
		font-size: inherit;
		color:inherit;
		line-height: inherit;
		font-weight:700;
	}
	h2.ofTitle{
		font-size:3em;
	}
  /*사용자정의 끝*/
/*신청폼*/
	.ordname{
		width: 170px; 
		height: 30px;
		background-color:#FFF;
	}
	.comment_title{
		height: 150px;
	}
	.agree_title{
		height: 150px;
	}


#ziplayer{
	max-width:500px !important;
	width:100%;

}

  .thumbnail {
      padding: 0 0 15px 0;
      border: none;
      border-radius: 0;
  }
  .thumbnail img {
      width: 100%;
      height: 100%;
      margin-bottom: 10px;
  }
 
  .carousel-control.right, .carousel-control.left {
      background-image: none;
      color: #f7c605;
  }
  .carousel-indicators li {
      border-color: #f7c605;
  }
  .carousel-indicators li.active {
      background-color: #f7c605;
  }
  .item h4 {
	
    /* line-height: 1.375em; */
    font-weight: 400;
    /* font-style: italic; */
    /* margin: 70px 0; */
    line-height: 40px;
  }
  .item span {
      font-style: normal;
  }
  .panel {
      border: 1px solid #f7c605; 
      border-radius:0 !important;
      transition: box-shadow 0.5s;
  }
  .panel:hover {
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
  }
  .panel-footer .btn:hover {
      border: 1px solid #f7c605;
      background-color: #fff !important;
      color: #f7c605;
  }
  .panel-heading {
      color: #fff !important;
      background-color: #f7c605 !important;
      padding: 25px;
      border-bottom: 1px solid transparent;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
  }
  .panel-footer {
      background-color: white !important;
  }
  .panel-footer h3 {
  }
  .panel-footer h4 {
      color: #aaa;
  }
  .panel-footer .btn {
      margin: 15px 0;
      background-color: #f7c605;
      color: #fff;
  }
  	/*네비게이션 정의*/

  .navbar {
      margin-bottom: 0;
      background-color: #FFF;
      z-index: 9999;
      border: 0;
      letter-spacing: 4px;
      border-radius: 0;
	  height:100px;
  }
    @media screen and (max-width: 767px) {
    .navbar {
		  height:82px;
	  }
	  .navbar-header {
	  	  height:82px;
	  }
  }

  .navbar li a, .navbar .navbar-brand {
    
  }
  .navbar-nav li.active > a,.navbar-nav li > a {
	    color: #0b3472 !important;
		background-color: rgba(255,255,255,0.5);
		font-size:1.0em;
		font-weight:500;
  }
   .navbar-nav li a:hover{
   	    color: #0b3472 !important;
		background-color: rgba(255,255,255,1);
	    font-weight: 500;
   }
  .navbar-default .navbar-toggle {
      /*border-color: transparent;*/
      color: #fff !important;
	  background-color:#000;

  }
  	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar .navbar-brand {
	}
  .myNavBanner {
/*	display:inherit; 반응형 부트스트랩 collapse 에 따라 변화*/
/*    max-width: 175px;*//*부트스트랩 col-sm-2에 의존*/
		background-color: #0b3472;
		max-width: 175px;
		line-height: 55px;
		letter-spacing: -2px;
	}
  .myNavBanner .menu_tel a{
		color:#FFF !important;
		font-size:1.1em;
		text-decoration:none;
  }
 ul.navbar-nav{
	width:100%;
 }
 ul.navbar-nav > li{

 }

  footer .glyphicon {
      font-size: 1.25em;
      margin-bottom: 20px;
      color: #f7c605;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }

  .modal-dialog{
		margin-top:10%;
  }

  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }

@media screen and (min-width:1200px){
	.carousel-caption {
	/*	background-color: rgba(0,0,0,0.5); */
		width: 100%;
		clear: both;
		left: 0px !important;
		right: 0px !important;
		top: 33%;
		height: 33%;
		padding-top: 0px; 
		margin-top: 0px;
	}
}
@media screen and (max-width:1199px){
	#myCarousel ,.carousel-caption{
		/*height: 280px;*/
	}
	.carousel-caption{
		top:11%;
	}
	#myCarousel > div > div.item	{
		/*width:150%;
		margin-left:-30%;*/
	}
	#myCarousel > div > div > div > ul.description {
		display:none !important;
	}
}
  @media screen and (max-width: 767px) {
  	#myCarousel > div > div.item	{
		/*width:150%;*/
		/*margin-left:-40%;*/
	}
	#myCarousel > div > div > div {
		padding-top:10px;
	}
	#myCarousel > div > div > div > h4{
		width:70%;
		margin:auto;
		line-height:1.25em;

	}
	#myCarousel > div > div > div > p.logo_center{
	
	}
  }
.carousel-caption  h1{
	font-size: 2.5vw;
    width: 80%;
    margin: auto;
	color:#ffe16a;
}
.carousel-caption  p{
	font-size: 1.5vw;
 /*   width: 80%;*/
    margin: auto;
/*	color:#8eff8e;*/
}
.carousel-caption  p strong{
	font-size: 1.6vw;
	font-weight:700;
}

  @media screen and (max-width: 767px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
		overflow: overlay;
    }
	  .modal-dialog{
		margin-top:20%;
	}
	.carousel-caption {
		
	}
	  .toplogo{
		width:200px !important;

	  }
	 /*모바일 메뉴 정렬*/
	 #myNavbar{
	     width: 50%;
		float: right;
		background-color: #f3f3f3;
	 }
	 /*모바일 메뉴 정렬*/
	 .gnb_2dul{
		position:relative !important;
		top: 0px !important;
	 }
	 /*모바일 메뉴 정렬*/
	 .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
		max-height: 100%;
	}
	#myNavbar > ul > li{
		width:100%;
	}

	.carousel-caption {
		width: 100%;
		clear: both;
		left: 0px !important;
		right: 0px !important;
		top: 13% !important;
		height: 33%;
	}

	#myCarousel > div > div.item > div > p.logo_center {
		/*display:none !important;*/
		width:50%;
		height:30%;
		min-height:100px;
		min-width:100px;
		background: url(../img/logo_big_geost.png) 0 0/100% no-repeat;
	}
	#myCarousel > div > div.item.active > div > ul > li{
/*		display:block !important;
		float:left;
		font-size:0.75em;*/
	}

	  
  }

  /*모바일 가로 정의*/
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 9em;
    }
	 .modal-dialog{
		margin-top:30%;
	}
	.carousel-caption {
	}
	.container-fluid {
      padding: 0px !important;
	}
	#myCarousel > div > div.item{
/*      width:200%;
	  margin-left:-50%;*/
	}
	
  }


  /*사용자 수정*/
@media screen and (min-width: 768px) {
	  #myNavbar > ul > li > a{
		font-size:1.1em;
		height:70px;
	  }
  }
  @media screen and (max-width: 767px) {
	  #myNavbar > ul > li > a {
		font-size:1.1em;
		height:30px;
	  }
	  #myNavbar > ul > li > a {
		margin-left:0.5em;  
	  }
  }

#pricing > div.row.slideanim.slide > div > div > div.panel-body{
	height:230px;
    overflow: overlay;
}
.font-list{
    color: #696969;
	font-size: 1.1em;	
}



/*PC 버전 반응형 */
@media screen and (min-width: 768px) {
	.navbar-collapse {
		width: inherit;
	}
	.collapse{
			width: inherit;
	}
	/*collapse 로 좌측정렬되어 무시되는 현상 방지*/
	.col-sm-8{
			width:66.6666666667% !important;
	}
	.col-sm-2{
			width:16.6666666667% !important;
	}
	.col-sm-4{
			width:33.3333333333% !important;
	}
	 ul.navbar-nav > li{
			width:19%;
			padding-right: 5px;
		    text-align: center;
	}	
	#myNavbar{
		margin-top:30px;/*모바일에서는 상단에 딱 붙어야 해요~*/
	}
	#myNavbar > ul > li > a{
			padding-right: 5px;
	}
		
}


/*quick*/
.quick_menu{
	position : fixed;
	top:0px;
	right:0px;
	height:100%;
	width:95px;
	background-color:#524746;
	margin-right:-95px;
    overflow: scroll;
}

.quick_menu div a:hover{
	width:100%;
	height:100px;
	background-color:#3f3534;
}
.quick_btn_cls{
	position:fixed;
	right:95px;
	top:100px;
	display:block;
	width:50px;
	height:50px;
	background:url(../img/btn_quick_cls.png) 0 0 no-repeat;
}
.quick_btn_opn{
	position:fixed;
	right:0px;
	top:100px;
	display:block;
	width:50px;
	height:50px;
	background:url(../img/btn_quick_opn.png) 0 0 no-repeat;
}

#quick_menu a.quick_icon{
    color: #908383;
    padding-top: 70%;
    text-align: center;
    width: 100%;
    display: block;
	text-decoration:none;
}

#quick_menu a.icon_1 {background:url(../img/icon_1.png) 50% 40% no-repeat;}
#quick_menu a.icon_2 {background:url(../img/icon_2.png) 50% 40% no-repeat;}
#quick_menu a.icon_3 {background:url(../img/icon_3.png) 50% 40% no-repeat;}
#quick_menu a.icon_4 {background:url(../img/icon_4.png) 50% 40% no-repeat;}
#quick_menu a.icon_5 {background:url(../img/icon_5.png) 50% 40% no-repeat;}
#quick_menu a.icon_6 {background:url(../img/icon_6.png) 50% 40% no-repeat;}
#quick_menu a.icon_1:hover {background:url(../img/icon_1_on.png) 50% 40% no-repeat;color:#FFF;}
#quick_menu a.icon_2:hover {background:url(../img/icon_2_on.png) 50% 40% no-repeat;color:#FFF;}
#quick_menu a.icon_3:hover {background:url(../img/icon_3_on.png) 50% 40% no-repeat;color:#FFF;}
#quick_menu a.icon_4:hover {background:url(../img/icon_4_on.png) 50% 40% no-repeat;color:#FFF;}
#quick_menu a.icon_5:hover {background:url(../img/icon_5_on.png) 50% 40% no-repeat;color:#FFF;}
#quick_menu a.icon_6:hover {background:url(../img/icon_6_on.png) 50% 40% no-repeat;color:#FFF;}



/*topimg bottom 연락처*/
#topimg_bottom.topimg_bottom {
    display: block;
/*	float:left;*/
	width: 100%;
    height: 70px;
    background-color: rgba(19, 42, 64,1);
}
#topimg_bottom .topimg_bottom_wrap{
	display: block;	
	height: 70px;
	margin: auto;
}
#topimg_bottom .notice_board{}
#topimg_bottom .notice_board dl{
    margin-left: 20px;
    margin-top: 20px;
    padding-left: 5px;
}
#topimg_bottom .notice_board dl dt{
	display: inline-block;
    float: left;
    width: 70px;
    line-height: 25px;
    background-color: #000;    
    color: #FFF;
    font-size: 0.7em;
    font-weight: 300;    
    text-align: center;
}
#topimg_bottom .notice_board dl dd{
	display: inline-block;
    float: left;    
    color: #ffffff;
    font-size: 0.9em;
    font-weight: 400;    
    letter-spacing: -1px;
    padding-left: 2px;
    padding-right: 2px;
}
#topimg_bottom .notice_board .notice_title{
	display: inherit;/*1440에 따라 달라진다*/
    width: 308px;
    float: left;
    padding-left: 5px;
    overflow: hidden;
}


#topimg_bottom .notice_board .notice_title a{
	width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -1px;
	display:block;
}
#topimg_bottom .notice_01{
}

#topimg_bottom .notice_01 dl{
	display: inline-block;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    padding-left: 5px;
}
#topimg_bottom .notice_01 dl dt{
	display: inline-block;
    float: left;
    width: 70px;
    line-height: 25px;
    background-color: #000;    
    color: #FFF;
    font-size: 13px;
    font-weight: 400;    
    text-align: center;
}
#topimg_bottom .notice_01 dl dd{
	display: inline-block;
    float: left;    
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;    
    letter-spacing: -1px;
    padding-left: 2px;
    padding-right: 2px;
}
#topimg_bottom .notice_01 dl dd a.tel{
    /* display: inline-block; */
    /* float: left; */
    color: #ffffff;
    font-size: 1.3em;
    font-weight: 500;
    letter-spacing: 1px;
    /* padding-right: 2px; */
    /* background: url(../images/icon_call.png) 0 3px no-repeat; */
    padding-left: 5px;
    margin-left: 5px;
}
#topimg_bottom .notice_01 dl dd a.hp{
	display: inline-block;
    float: left;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -1px;    
    padding-right: 2px;
    background: url(../images/icon_mobile.png) 0 3px no-repeat;
    padding-left: 14px;
    margin-left: 15px;
}
#topimg_bottom .notice_02{
    /* width: 251px; */
    height: 70px;
    background-color: #132a40;
    display: block;
    /* padding-left: 30px; */
    /* padding-right: 30px; */
    text-align: center;
}
#topimg_bottom .notice_02 a.reserv{
    color: #ffffff;
    font-weight: 300;
    margin-top: 15px;
    display: block;
}
#topimg_bottom .notice_02 a.reserv strong{	
    font-size: 20px;    
    color: #feee98;
    font-weight: 700;
}

@media (max-width:1440px){
	#topimg_bottom .notice_board{
		display: none!important;
	}
	#topimg_bottom .notice_01{
		width:100%! important;
	}
	#topimg_bottom .notice_02{
	display: none!important;
	}
}
@media (max-width:767px){
	#topimg_bottom > div > div.notice_01> dl:nth-child(1){
	display: none!important;
	}
	#topimg_bottom{
		height:50px !important;
	}
	#topimg_bottom .notice_01{
	}
	#topimg_bottom .notice_01 dl {
		margin-top:10px !important;
	}
}


/*footer*/
footer{
	display:inline-block !important;
/*	position:absolute;
	bottom:0px;*/
	background-color:#444445;
	margin-top: 0vh;
}
.pc_hide{
	display:none !important;
}
body > div.framewrap > div > footer > div > div > div.logo_area {
	
}
@media (max-width:767px){
	body > div.framewrap > div > footer > div > div > div.logo_area.col-sm-2 > a.logo_gray {
		margin:0 auto;
	}
	.copyright_area a.bottom_menu {
	 width: 30vw;
	}
}
.icon_house{
	cursor:pointer;
}



/*grid bootstrap 보완 5개 정렬*/
.col-sm-10-2{
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-sm-10-2{
	width:20%;	
}
@media (max-width:767px){
	.col-sm-10-2{
		width:50%;	
	}
}
@media (max-width:414px){
	.col-sm-10-2{
		width:100%;	
	}
}


/*메인슬로건 수정*/
#description{
    position: absolute;
    top: 18vh;
    z-index: 1000;
    text-align: left;
    margin: auto;
    left: 27vw;
    color: #FFF;
  /*  font-size: 2em;*/
}
#slogan{
	position: absolute;
    top: 83%;
    right: 18em;
    z-index: 1000;
    color: #fff;
		letter-spacing:0px;
}
#logo_center{
	position: absolute;
    top: 75%;
    right: 5em;
	width:268px;
	height:72px;
    z-index: 1000;
	background: url(../img/logo_big_geost.png) 0 0/100% no-repeat;
	display:none;
}
@media (max-width:1400px) and (min-width:950px){
	#description{
		    top: 13vh;
		    left: 35vw;
			font-size:1.8em;
		    max-width: 55vw;
	}
	#slogan{
		position: absolute;
		top: 78%;
		right: 7em;
		z-index: 1000;
		color: #fff;
		font-size:1.0em;
		letter-spacing:0px;
	}
	#logo_center{
		position: absolute;
		top: 75%;
		right: 0em;
		width:134px;
		height:36px;
		z-index: 1000;
		background: url(../img/logo_big_geost.png) 0 0/100% no-repeat;
	}
}
@media (max-width:949px) and (min-width:768px){
	#description{
		    top: 5vh;
		    left: 41vw;
			font-size:1.5em;
		    max-width: 55vw;
	}
	#slogan{
		position: absolute;
		top: 80%;
		right: 7em;
		z-index: 1000;
		color: #fff;
		font-size:0.9em;
	}
	#logo_center{
		position: absolute;
		top: 75%;
		right: 0em;
		width:134px;
		height:36px;
		z-index: 1000;
		background: url(../img/logo_big_geost.png) 0 0/100% no-repeat;
	}
}
@media (max-width:767px){
	#description{
		top: 5vh;
		width:100%;
		left:0px;
		padding-left:1vw;
		padding-right:1vw;
		max-width:100%;
		font-size:1.5em;
	}
	#slogan {
		position: absolute;
		top: 68%;
		left: 0;
		z-index: 1000;
		color: #fff;
		font-size: 0.9em;
		letter-spacing: -1px;
		width: 100%;
		text-align: center;
	}
	
	#logo_center{
		position: absolute;
		top: 65%;
		right: 1em;
		width:134px;
		height:36px;
		z-index: 1000;
		background: url(../img/logo_big_geost.png) 0 0/100% no-repeat;
		display:none !important;
	}
}


.item_box{}
.container block_body > div{}
@media (max-width:767px){
	.item_box {
		display: block;
		float: left;
		width: 100%;
		margin-bottom: 20px;
		border-top: 1px solid #ddd;
	}
	.container block_body > div{
		display:block;
		float:left;
	}
	.col-sm-3{
		display:block;
		width:100%;
		float:left;
		margin: 1em 0;
	}
	#sub_301 > div.content_main_area > div.content_main_txt {
		min-height: 120px;
		height:auto !important;
	}
}